rsuite 5.41.0 → 5.43.0

package/dist/rsuite.js

@@ -1522,7 +1522,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _utils2 = __webpack_require__(/*! ../Animation/utils */ \"./src/Animation/utils.ts\");\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\nvar _utils3 = __webpack_require__(/*! ./utils */ \"./src/AutoComplete/utils.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/AutoComplete/AutoComplete.tsx\",\n  _this = void 0;\n/**\n * TODO: Remove unnecessary .rs-auto-complete element\n * TODO: role=combobox and aria-autocomplete on input element\n */\nvar AutoComplete = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    disabled = props.disabled,\n    className = props.className,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    _props$selectOnEnter = props.selectOnEnter,\n    selectOnEnter = _props$selectOnEnter === void 0 ? true : _props$selectOnEnter,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'auto-complete' : _props$classPrefix,\n    _props$defaultValue = props.defaultValue,\n    defaultValue = _props$defaultValue === void 0 ? '' : _props$defaultValue,\n    _props$menuAutoWidth = props.menuAutoWidth,\n    menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,\n    data = props.data,\n    valueProp = props.value,\n    open = props.open,\n    style = props.style,\n    size = props.size,\n    menuClassName = props.menuClassName,\n    id = props.id,\n    readOnly = props.readOnly,\n    renderMenu = props.renderMenu,\n    renderMenuItem = props.renderMenuItem,\n    onSelect = props.onSelect,\n    filterBy = props.filterBy,\n    onKeyDown = props.onKeyDown,\n    onChange = props.onChange,\n    onClose = props.onClose,\n    onOpen = props.onOpen,\n    onFocus = props.onFocus,\n    onBlur = props.onBlur,\n    onMenuFocus = props.onMenuFocus,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"disabled\", \"className\", \"placement\", \"selectOnEnter\", \"classPrefix\", \"defaultValue\", \"menuAutoWidth\", \"data\", \"value\", \"open\", \"style\", \"size\", \"menuClassName\", \"id\", \"readOnly\", \"renderMenu\", \"renderMenuItem\", \"onSelect\", \"filterBy\", \"onKeyDown\", \"onChange\", \"onClose\", \"onOpen\", \"onFocus\", \"onBlur\", \"onMenuFocus\"]);\n  var datalist = (0, _utils3.transformData)(data);\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1];\n  var _useState = (0, _react.useState)(false),\n    focus = _useState[0],\n    setFocus = _useState[1];\n  var items = (datalist === null || datalist === void 0 ? void 0 : datalist.filter((0, _utils3.shouldDisplay)(filterBy, value))) || [];\n  var hasItems = items.length > 0;\n  var overlayRef = (0, _react.useRef)(null);\n  var isMounted = (0, _utils.useIsMounted)();\n\n  // Used to hover the focuse item  when trigger `onKeydown`\n  var _useFocusItemValue = (0, _Picker.useFocusItemValue)(value, {\n      data: datalist,\n      callback: onMenuFocus,\n      target: function target() {\n        return overlayRef.current;\n      }\n    }),\n    focusItemValue = _useFocusItemValue.focusItemValue,\n    setFocusItemValue = _useFocusItemValue.setFocusItemValue,\n    handleKeyDown = _useFocusItemValue.onKeyDown;\n  var handleKeyDownEvent = function handleKeyDownEvent(event) {\n    if (!overlayRef.current) {\n      return;\n    }\n    (0, _Picker.onMenuKeyDown)(event, {\n      enter: selectOnEnter ? selectFocusMenuItem : undefined,\n      esc: handleClose\n    });\n    handleKeyDown(event);\n    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);\n  };\n  var selectFocusMenuItem = function selectFocusMenuItem(event) {\n    if (!focusItemValue) {\n      return;\n    }\n    var focusItem = datalist.find(function (item) {\n      return (item === null || item === void 0 ? void 0 : item.value) === focusItemValue;\n    });\n    setValue(focusItemValue);\n    setFocusItemValue(focusItemValue);\n    handleSelect(focusItem, event);\n    if (value !== focusItemValue) {\n      handleChangeValue(focusItemValue, event);\n    }\n    handleClose();\n  };\n  var handleSelect = (0, _react.useCallback)(function (item, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(item.value, item, event);\n  }, [onSelect]);\n  var handleChangeValue = (0, _react.useCallback)(function (value, event) {\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n  }, [onChange]);\n  var handleChange = function handleChange(value, event) {\n    setFocusItemValue('');\n    setValue(value);\n    setFocus(true);\n    handleChangeValue(value, event);\n  };\n  var handleClose = (0, _react.useCallback)(function () {\n    if (isMounted()) {\n      setFocus(false);\n      onClose === null || onClose === void 0 ? void 0 : onClose();\n    }\n  }, [isMounted, onClose]);\n  var handleOpen = (0, _react.useCallback)(function () {\n    setFocus(true);\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n  }, [onOpen]);\n  var handleItemSelect = (0, _react.useCallback)(function (nextItemValue, item, event) {\n    setValue(nextItemValue);\n    setFocusItemValue(nextItemValue);\n    handleSelect(item, event);\n    if (value !== nextItemValue) {\n      handleChangeValue(nextItemValue, event);\n    }\n    handleClose();\n  }, [value, setValue, handleSelect, handleChangeValue, handleClose, setFocusItemValue]);\n  var handleInputFocus = (0, _react.useCallback)(function (event) {\n    onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);\n    handleOpen();\n  }, [onFocus, handleOpen]);\n  var handleInputBlur = (0, _react.useCallback)(function (event) {\n    setTimeout(handleClose, 300);\n    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);\n  }, [onBlur, handleClose]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix({\n    disabled: disabled\n  }));\n  var triggerRef = (0, _react.useRef)(null);\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)((0, _omit.default)(rest, _Picker.pickTriggerPropKeys)),\n    htmlInputProps = _partitionHTMLProps[0],\n    restProps = _partitionHTMLProps[1];\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef\n  });\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var styles = {\n      left: left,\n      top: top\n    };\n    var menu = /*#__PURE__*/_react.default.createElement(_Picker.DropdownMenu, {\n      id: id ? id + \"-listbox\" : undefined,\n      classPrefix: \"auto-complete-menu\",\n      dropdownMenuItemClassPrefix: \"auto-complete-item\",\n      dropdownMenuItemAs: _Picker.DropdownMenuItem,\n      focusItemValue: focusItemValue,\n      onSelect: handleItemSelect,\n      renderMenuItem: renderMenuItem,\n      data: items,\n      className: menuClassName,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 258,\n        columnNumber: 9\n      }\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      style: styles,\n      className: className,\n      onKeyDown: handleKeyDownEvent,\n      target: triggerRef,\n      autoWidth: menuAutoWidth,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 272,\n        columnNumber: 9\n      }\n    }, renderMenu ? renderMenu(menu) : menu);\n  };\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    ref: triggerRef,\n    placement: placement,\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    trigger: ['click', 'focus'],\n    open: open || focus && hasItems,\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 286,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    className: classes,\n    style: style\n  }, restProps, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 294,\n      columnNumber: 9\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, htmlInputProps, {\n    id: id,\n    disabled: disabled,\n    value: value,\n    size: size,\n    readOnly: readOnly,\n    onBlur: handleInputBlur,\n    onFocus: handleInputFocus,\n    onChange: handleChange,\n    onKeyDown: handleKeyDownEvent,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 295,\n      columnNumber: 11\n    }\n  }))));\n});\nAutoComplete.displayName = 'AutoComplete';\nAutoComplete.propTypes = (0, _extends2.default)({}, _utils2.animationPropTypes, {\n  data: _propTypes.default.array,\n  disabled: _propTypes.default.bool,\n  onSelect: _propTypes.default.func,\n  onChange: _propTypes.default.func,\n  classPrefix: _propTypes.default.string,\n  value: _propTypes.default.string,\n  defaultValue: _propTypes.default.string,\n  className: _propTypes.default.string,\n  menuClassName: _propTypes.default.string,\n  menuAutoWidth: _propTypes.default.bool,\n  placement: _propTypes.default.oneOf(_utils.PLACEMENT),\n  onFocus: _propTypes.default.func,\n  onMenuFocus: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onOpen: _propTypes.default.func,\n  onClose: _propTypes.default.func,\n  readOnly: _propTypes.default.bool,\n  renderMenu: _propTypes.default.func,\n  renderMenuItem: _propTypes.default.func,\n  style: _propTypes.default.object,\n  size: _propTypes.default.oneOf(['lg', 'md', 'sm', 'xs']),\n  open: _propTypes.default.bool,\n  selectOnEnter: _propTypes.default.bool,\n  filterBy: _propTypes.default.func\n});\nvar _default = AutoComplete;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/AutoComplete/AutoComplete.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _utils2 = __webpack_require__(/*! ../Animation/utils */ \"./src/Animation/utils.ts\");\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\nvar _utils3 = __webpack_require__(/*! ./utils */ \"./src/AutoComplete/utils.ts\");\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/AutoComplete/AutoComplete.tsx\",\n  _this = void 0;\n/**\n * TODO: Remove unnecessary .rs-auto-complete element\n * TODO: role=combobox and aria-autocomplete on input element\n */\nvar AutoComplete = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    disabled = props.disabled,\n    className = props.className,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    _props$selectOnEnter = props.selectOnEnter,\n    selectOnEnter = _props$selectOnEnter === void 0 ? true : _props$selectOnEnter,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'auto-complete' : _props$classPrefix,\n    _props$defaultValue = props.defaultValue,\n    defaultValue = _props$defaultValue === void 0 ? '' : _props$defaultValue,\n    _props$menuAutoWidth = props.menuAutoWidth,\n    menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,\n    data = props.data,\n    valueProp = props.value,\n    open = props.open,\n    style = props.style,\n    size = props.size,\n    menuClassName = props.menuClassName,\n    id = props.id,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    renderMenu = props.renderMenu,\n    renderMenuItem = props.renderMenuItem,\n    onSelect = props.onSelect,\n    filterBy = props.filterBy,\n    onKeyDown = props.onKeyDown,\n    onChange = props.onChange,\n    onClose = props.onClose,\n    onOpen = props.onOpen,\n    onFocus = props.onFocus,\n    onBlur = props.onBlur,\n    onMenuFocus = props.onMenuFocus,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"disabled\", \"className\", \"placement\", \"selectOnEnter\", \"classPrefix\", \"defaultValue\", \"menuAutoWidth\", \"data\", \"value\", \"open\", \"style\", \"size\", \"menuClassName\", \"id\", \"readOnly\", \"plaintext\", \"renderMenu\", \"renderMenuItem\", \"onSelect\", \"filterBy\", \"onKeyDown\", \"onChange\", \"onClose\", \"onOpen\", \"onFocus\", \"onBlur\", \"onMenuFocus\"]);\n  var datalist = (0, _utils3.transformData)(data);\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1];\n  var _useState = (0, _react.useState)(false),\n    focus = _useState[0],\n    setFocus = _useState[1];\n  var items = (datalist === null || datalist === void 0 ? void 0 : datalist.filter((0, _utils3.shouldDisplay)(filterBy, value))) || [];\n  var hasItems = items.length > 0;\n  var overlayRef = (0, _react.useRef)(null);\n  var isMounted = (0, _utils.useIsMounted)();\n\n  // Used to hover the focuse item  when trigger `onKeydown`\n  var _useFocusItemValue = (0, _Picker.useFocusItemValue)(value, {\n      data: datalist,\n      callback: onMenuFocus,\n      target: function target() {\n        return overlayRef.current;\n      }\n    }),\n    focusItemValue = _useFocusItemValue.focusItemValue,\n    setFocusItemValue = _useFocusItemValue.setFocusItemValue,\n    handleKeyDown = _useFocusItemValue.onKeyDown;\n  var handleKeyDownEvent = function handleKeyDownEvent(event) {\n    if (!overlayRef.current) {\n      return;\n    }\n    (0, _Picker.onMenuKeyDown)(event, {\n      enter: selectOnEnter ? selectFocusMenuItem : undefined,\n      esc: handleClose\n    });\n    handleKeyDown(event);\n    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);\n  };\n  var selectFocusMenuItem = function selectFocusMenuItem(event) {\n    if (!focusItemValue) {\n      return;\n    }\n    var focusItem = datalist.find(function (item) {\n      return (item === null || item === void 0 ? void 0 : item.value) === focusItemValue;\n    });\n    setValue(focusItemValue);\n    setFocusItemValue(focusItemValue);\n    handleSelect(focusItem, event);\n    if (value !== focusItemValue) {\n      handleChangeValue(focusItemValue, event);\n    }\n    handleClose();\n  };\n  var handleSelect = (0, _react.useCallback)(function (item, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(item.value, item, event);\n  }, [onSelect]);\n  var handleChangeValue = (0, _react.useCallback)(function (value, event) {\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n  }, [onChange]);\n  var handleChange = function handleChange(value, event) {\n    setFocusItemValue('');\n    setValue(value);\n    setFocus(true);\n    handleChangeValue(value, event);\n  };\n  var handleClose = (0, _react.useCallback)(function () {\n    if (isMounted()) {\n      setFocus(false);\n      onClose === null || onClose === void 0 ? void 0 : onClose();\n    }\n  }, [isMounted, onClose]);\n  var handleOpen = (0, _react.useCallback)(function () {\n    setFocus(true);\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n  }, [onOpen]);\n  var handleItemSelect = (0, _react.useCallback)(function (nextItemValue, item, event) {\n    setValue(nextItemValue);\n    setFocusItemValue(nextItemValue);\n    handleSelect(item, event);\n    if (value !== nextItemValue) {\n      handleChangeValue(nextItemValue, event);\n    }\n    handleClose();\n  }, [value, setValue, handleSelect, handleChangeValue, handleClose, setFocusItemValue]);\n  var handleInputFocus = (0, _react.useCallback)(function (event) {\n    onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);\n    handleOpen();\n  }, [onFocus, handleOpen]);\n  var handleInputBlur = (0, _react.useCallback)(function (event) {\n    setTimeout(handleClose, 300);\n    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);\n  }, [onBlur, handleClose]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix({\n    disabled: disabled\n  }));\n  var triggerRef = (0, _react.useRef)(null);\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)((0, _omit.default)(rest, _Picker.pickTriggerPropKeys)),\n    htmlInputProps = _partitionHTMLProps[0],\n    restProps = _partitionHTMLProps[1];\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef\n  });\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var styles = {\n      left: left,\n      top: top\n    };\n    var menu = /*#__PURE__*/_react.default.createElement(_Picker.DropdownMenu, {\n      id: id ? id + \"-listbox\" : undefined,\n      classPrefix: \"auto-complete-menu\",\n      dropdownMenuItemClassPrefix: \"auto-complete-item\",\n      dropdownMenuItemAs: _Picker.DropdownMenuItem,\n      focusItemValue: focusItemValue,\n      onSelect: handleItemSelect,\n      renderMenuItem: renderMenuItem,\n      data: items,\n      className: menuClassName,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 260,\n        columnNumber: 9\n      }\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      style: styles,\n      className: className,\n      onKeyDown: handleKeyDownEvent,\n      target: triggerRef,\n      autoWidth: menuAutoWidth,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 274,\n        columnNumber: 9\n      }\n    }, renderMenu ? renderMenu(menu) : menu);\n  };\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      ref: ref,\n      localeKey: \"unfilled\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 289,\n        columnNumber: 9\n      }\n    }, typeof value === 'undefined' ? defaultValue : value);\n  }\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    ref: triggerRef,\n    placement: placement,\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    trigger: ['click', 'focus'],\n    open: open || focus && hasItems,\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 296,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    className: classes,\n    style: style\n  }, restProps, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 304,\n      columnNumber: 9\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, htmlInputProps, {\n    id: id,\n    disabled: disabled,\n    value: value,\n    size: size,\n    readOnly: readOnly,\n    onBlur: handleInputBlur,\n    onFocus: handleInputFocus,\n    onChange: handleChange,\n    onKeyDown: handleKeyDownEvent,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 305,\n      columnNumber: 11\n    }\n  }))));\n});\nAutoComplete.displayName = 'AutoComplete';\nAutoComplete.propTypes = (0, _extends2.default)({}, _utils2.animationPropTypes, {\n  data: _propTypes.default.array,\n  disabled: _propTypes.default.bool,\n  onSelect: _propTypes.default.func,\n  onChange: _propTypes.default.func,\n  classPrefix: _propTypes.default.string,\n  value: _propTypes.default.string,\n  defaultValue: _propTypes.default.string,\n  className: _propTypes.default.string,\n  menuClassName: _propTypes.default.string,\n  menuAutoWidth: _propTypes.default.bool,\n  placement: _propTypes.default.oneOf(_utils.PLACEMENT),\n  onFocus: _propTypes.default.func,\n  onMenuFocus: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onOpen: _propTypes.default.func,\n  onClose: _propTypes.default.func,\n  readOnly: _propTypes.default.bool,\n  renderMenu: _propTypes.default.func,\n  renderMenuItem: _propTypes.default.func,\n  style: _propTypes.default.object,\n  size: _propTypes.default.oneOf(['lg', 'md', 'sm', 'xs']),\n  open: _propTypes.default.bool,\n  selectOnEnter: _propTypes.default.bool,\n  filterBy: _propTypes.default.func\n});\nvar _default = AutoComplete;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/AutoComplete/AutoComplete.tsx?");
 
 /***/ }),
 
@@ -2611,7 +2611,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends6 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _schemaTyped = __webpack_require__(/*! schema-typed */ \"./node_modules/schema-typed/es/index.js\");\nvar _FormContext = _interopRequireWildcard(__webpack_require__(/*! ./FormContext */ \"./src/Form/FormContext.tsx\"));\nvar _FormControl = _interopRequireDefault(__webpack_require__(/*! ../FormControl */ \"./src/FormControl/index.tsx\"));\nvar _FormControlLabel = _interopRequireDefault(__webpack_require__(/*! ../FormControlLabel */ \"./src/FormControlLabel/index.tsx\"));\nvar _FormErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../FormErrorMessage */ \"./src/FormErrorMessage/index.tsx\"));\nvar _FormGroup = _interopRequireDefault(__webpack_require__(/*! ../FormGroup */ \"./src/FormGroup/index.tsx\"));\nvar _FormHelpText = _interopRequireDefault(__webpack_require__(/*! ../FormHelpText */ \"./src/FormHelpText/index.tsx\"));\nvar _useFormClassNames = __webpack_require__(/*! ./useFormClassNames */ \"./src/Form/useFormClassNames.ts\");\nvar _useSchemaModel2 = _interopRequireDefault(__webpack_require__(/*! ./useSchemaModel */ \"./src/Form/useSchemaModel.ts\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Form/Form.tsx\",\n  _this = void 0;\nvar Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$checkTrigger = props.checkTrigger,\n    checkTrigger = _props$checkTrigger === void 0 ? 'change' : _props$checkTrigger,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form' : _props$classPrefix,\n    _props$errorFromConte = props.errorFromContext,\n    errorFromContext = _props$errorFromConte === void 0 ? true : _props$errorFromConte,\n    _props$formDefaultVal = props.formDefaultValue,\n    formDefaultValue = _props$formDefaultVal === void 0 ? {} : _props$formDefaultVal,\n    formValue = props.formValue,\n    formError = props.formError,\n    fluid = props.fluid,\n    _props$layout = props.layout,\n    layout = _props$layout === void 0 ? 'vertical' : _props$layout,\n    _props$model = props.model,\n    formModel = _props$model === void 0 ? (0, _schemaTyped.SchemaModel)({}) : _props$model,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    className = props.className,\n    children = props.children,\n    disabled = props.disabled,\n    onSubmit = props.onSubmit,\n    onCheck = props.onCheck,\n    onError = props.onError,\n    onChange = props.onChange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"checkTrigger\", \"classPrefix\", \"errorFromContext\", \"formDefaultValue\", \"formValue\", \"formError\", \"fluid\", \"layout\", \"model\", \"readOnly\", \"plaintext\", \"className\", \"children\", \"disabled\", \"onSubmit\", \"onCheck\", \"onError\", \"onChange\"]);\n  var _useSchemaModel = (0, _useSchemaModel2.default)(formModel),\n    getCombinedModel = _useSchemaModel.getCombinedModel,\n    pushFieldRule = _useSchemaModel.pushFieldRule,\n    removeFieldRule = _useSchemaModel.removeFieldRule;\n  var classes = (0, _useFormClassNames.useFormClassNames)({\n    classPrefix: classPrefix,\n    className: className,\n    fluid: fluid,\n    layout: layout,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    disabled: disabled\n  });\n  var _useControlled = (0, _utils.useControlled)(formValue, formDefaultValue),\n    realFormValue = _useControlled[0],\n    setFormValue = _useControlled[1];\n  var _useControlled2 = (0, _utils.useControlled)(formError, {}),\n    realFormError = _useControlled2[0],\n    setFormError = _useControlled2[1];\n  var realFormValueRef = (0, _react.useRef)(realFormValue);\n  realFormValueRef.current = realFormValue;\n  var realFormErrorRef = (0, _react.useRef)(realFormError);\n  realFormErrorRef.current = realFormError;\n\n  /**\n   * Validate the form data and return a boolean.\n   * The error message after verification is returned in the callback.\n   * @param callback\n   */\n  var check = (0, _react.useCallback)(function (callback) {\n    var formValue = realFormValue || {};\n    var formError = {};\n    var errorCount = 0;\n    var model = getCombinedModel();\n    Object.keys(model.spec).forEach(function (key) {\n      var checkResult = model.checkForField(key, formValue);\n      if (checkResult.hasError === true) {\n        errorCount += 1;\n        formError[key] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult;\n      }\n    });\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    callback === null || callback === void 0 ? void 0 : callback(formError);\n    if (errorCount > 0) {\n      onError === null || onError === void 0 ? void 0 : onError(formError);\n      return false;\n    }\n    return true;\n  }, [realFormValue, getCombinedModel, setFormError, onCheck, onError]);\n\n  /**\n   * Check the data field\n   * @param fieldName\n   * @param callback\n   */\n  var checkForField = (0, _react.useCallback)(function (fieldName, callback) {\n    var _extends2;\n    var formValue = realFormValue || {};\n    var model = getCombinedModel();\n    var checkResult = model.checkForField(fieldName, formValue);\n    var formError = (0, _extends6.default)({}, realFormError, (_extends2 = {}, _extends2[fieldName] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult, _extends2));\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    callback === null || callback === void 0 ? void 0 : callback(checkResult);\n    if (checkResult.hasError) {\n      onError === null || onError === void 0 ? void 0 : onError(formError);\n    }\n    return !checkResult.hasError;\n  }, [realFormValue, getCombinedModel, realFormError, setFormError, onCheck, onError]);\n\n  /**\n   * Check form data asynchronously and return a Promise\n   */\n  var checkAsync = (0, _react.useCallback)(function () {\n    var formValue = realFormValue || {};\n    var promises = [];\n    var keys = [];\n    var model = getCombinedModel();\n    Object.keys(model.spec).forEach(function (key) {\n      keys.push(key);\n      promises.push(model.checkForFieldAsync(key, formValue));\n    });\n    return Promise.all(promises).then(function (values) {\n      var formError = {};\n      var errorCount = 0;\n      for (var i = 0; i < values.length; i++) {\n        if (values[i].hasError) {\n          errorCount += 1;\n          formError[keys[i]] = values[i].errorMessage;\n        }\n      }\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n      setFormError(formError);\n      if (errorCount > 0) {\n        onError === null || onError === void 0 ? void 0 : onError(formError);\n      }\n      return {\n        hasError: errorCount > 0,\n        formError: formError\n      };\n    });\n  }, [realFormValue, getCombinedModel, onCheck, setFormError, onError]);\n\n  /**\n   * Asynchronously check form fields and return Promise\n   * @param fieldName\n   */\n  var checkForFieldAsync = (0, _react.useCallback)(function (fieldName) {\n    var formValue = realFormValue || {};\n    var model = getCombinedModel();\n    return model.checkForFieldAsync(fieldName, formValue).then(function (checkResult) {\n      var _extends3;\n      var formError = (0, _extends6.default)({}, realFormError, (_extends3 = {}, _extends3[fieldName] = checkResult.errorMessage, _extends3));\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n      setFormError(formError);\n      if (checkResult.hasError) {\n        onError === null || onError === void 0 ? void 0 : onError(formError);\n      }\n      return checkResult;\n    });\n  }, [realFormValue, getCombinedModel, realFormError, onCheck, setFormError, onError]);\n  var cleanErrors = (0, _react.useCallback)(function () {\n    setFormError({});\n  }, [setFormError]);\n  var cleanErrorForField = (0, _react.useCallback)(function (fieldName) {\n    setFormError((0, _omit.default)(realFormError, [fieldName]));\n  }, [realFormError, setFormError]);\n  var resetErrors = (0, _react.useCallback)(function (formError) {\n    if (formError === void 0) {\n      formError = {};\n    }\n    setFormError(formError);\n  }, [setFormError]);\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      root: rootRef.current,\n      check: check,\n      checkForField: checkForField,\n      checkAsync: checkAsync,\n      checkForFieldAsync: checkForFieldAsync,\n      cleanErrors: cleanErrors,\n      cleanErrorForField: cleanErrorForField,\n      resetErrors: resetErrors\n    };\n  });\n  var removeFieldError = (0, _react.useCallback)(function (name) {\n    /**\n     * when this function is called when the children component is unmount, it's an old render frame\n     * so use Ref to get future error\n     */\n    var formError = (0, _omit.default)(realFormErrorRef.current, [name]);\n    realFormErrorRef.current = formError;\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n  }, [onCheck, setFormError]);\n  var removeFieldValue = (0, _react.useCallback)(function (name) {\n    /**\n     * when this function is called when the children component is unmount, it's an old render frame\n     * so use Ref to get future value\n     */\n    var formValue = (0, _omit.default)(realFormValueRef.current, [name]);\n    realFormValueRef.current = formValue;\n    setFormValue(formValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(formValue);\n  }, [onChange, setFormValue]);\n  var handleSubmit = (0, _react.useCallback)(function (event) {\n    if (disabled || readOnly || plaintext) {\n      return;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n    var checkStatus = check();\n    onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(checkStatus, event);\n  }, [disabled, readOnly, plaintext, check, onSubmit]);\n  var handleFieldError = (0, _react.useCallback)(function (name, errorMessage) {\n    var _extends4;\n    var formError = (0, _extends6.default)({}, realFormError, (_extends4 = {}, _extends4[name] = errorMessage, _extends4));\n    setFormError(formError);\n    onError === null || onError === void 0 ? void 0 : onError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n  }, [realFormError, setFormError, onError, onCheck]);\n  var handleFieldSuccess = (0, _react.useCallback)(function (name) {\n    removeFieldError(name);\n  }, [removeFieldError]);\n  var handleFieldChange = (0, _react.useCallback)(function (name, value, event) {\n    var _extends5;\n    var formValue = realFormValue;\n    var nextFormValue = (0, _extends6.default)({}, formValue, (_extends5 = {}, _extends5[name] = value, _extends5));\n    setFormValue(nextFormValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextFormValue, event);\n  }, [realFormValue, setFormValue, onChange]);\n  var rootRef = (0, _react.useRef)(null);\n  var formContextValue = (0, _react.useMemo)(function () {\n    return {\n      getCombinedModel: getCombinedModel,\n      checkTrigger: checkTrigger,\n      formDefaultValue: formDefaultValue,\n      errorFromContext: errorFromContext,\n      readOnly: readOnly,\n      plaintext: plaintext,\n      disabled: disabled,\n      formError: realFormError,\n      removeFieldValue: removeFieldValue,\n      removeFieldError: removeFieldError,\n      pushFieldRule: pushFieldRule,\n      removeFieldRule: removeFieldRule,\n      onFieldChange: handleFieldChange,\n      onFieldError: handleFieldError,\n      onFieldSuccess: handleFieldSuccess\n    };\n  }, [getCombinedModel, checkTrigger, formDefaultValue, errorFromContext, readOnly, plaintext, disabled, realFormError, removeFieldValue, removeFieldError, pushFieldRule, removeFieldRule, handleFieldChange, handleFieldError, handleFieldSuccess]);\n  return /*#__PURE__*/_react.default.createElement(\"form\", (0, _extends6.default)({}, rest, {\n    ref: rootRef,\n    onSubmit: handleSubmit,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 422,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_FormContext.default.Provider, {\n    value: formContextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 423,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_FormContext.FormValueContext.Provider, {\n    value: formValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 424,\n      columnNumber: 9\n    }\n  }, children)));\n});\nForm.Control = _FormControl.default;\nForm.ControlLabel = _FormControlLabel.default;\nForm.ErrorMessage = _FormErrorMessage.default;\nForm.Group = _FormGroup.default;\nForm.HelpText = _FormHelpText.default;\nForm.Control = _FormControl.default;\nForm.displayName = 'Form';\nForm.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  errorFromContext: _propTypes.default.bool,\n  layout: _propTypes.default.oneOf(['horizontal', 'vertical', 'inline']),\n  fluid: _propTypes.default.bool,\n  formValue: _propTypes.default.object,\n  formDefaultValue: _propTypes.default.object,\n  formError: _propTypes.default.object,\n  checkTrigger: _propTypes.default.oneOf(['change', 'blur', 'none']),\n  onChange: _propTypes.default.func,\n  onError: _propTypes.default.func,\n  onCheck: _propTypes.default.func,\n  onSubmit: _propTypes.default.func,\n  model: _propTypes.default.any,\n  readOnly: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  disabled: _propTypes.default.bool\n};\nvar _default = Form;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Form/Form.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends6 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _schemaTyped = __webpack_require__(/*! schema-typed */ \"./node_modules/schema-typed/es/index.js\");\nvar _FormContext = _interopRequireWildcard(__webpack_require__(/*! ./FormContext */ \"./src/Form/FormContext.tsx\"));\nvar _FormControl = _interopRequireDefault(__webpack_require__(/*! ../FormControl */ \"./src/FormControl/index.tsx\"));\nvar _FormControlLabel = _interopRequireDefault(__webpack_require__(/*! ../FormControlLabel */ \"./src/FormControlLabel/index.tsx\"));\nvar _FormErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../FormErrorMessage */ \"./src/FormErrorMessage/index.tsx\"));\nvar _FormGroup = _interopRequireDefault(__webpack_require__(/*! ../FormGroup */ \"./src/FormGroup/index.tsx\"));\nvar _FormHelpText = _interopRequireDefault(__webpack_require__(/*! ../FormHelpText */ \"./src/FormHelpText/index.tsx\"));\nvar _useFormClassNames = __webpack_require__(/*! ./useFormClassNames */ \"./src/Form/useFormClassNames.ts\");\nvar _useSchemaModel2 = _interopRequireDefault(__webpack_require__(/*! ./useSchemaModel */ \"./src/Form/useSchemaModel.ts\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Form/Form.tsx\",\n  _this = void 0;\nvar Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$checkTrigger = props.checkTrigger,\n    checkTrigger = _props$checkTrigger === void 0 ? 'change' : _props$checkTrigger,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form' : _props$classPrefix,\n    _props$errorFromConte = props.errorFromContext,\n    errorFromContext = _props$errorFromConte === void 0 ? true : _props$errorFromConte,\n    _props$formDefaultVal = props.formDefaultValue,\n    formDefaultValue = _props$formDefaultVal === void 0 ? {} : _props$formDefaultVal,\n    formValue = props.formValue,\n    formError = props.formError,\n    fluid = props.fluid,\n    _props$layout = props.layout,\n    layout = _props$layout === void 0 ? 'vertical' : _props$layout,\n    _props$model = props.model,\n    formModel = _props$model === void 0 ? (0, _schemaTyped.SchemaModel)({}) : _props$model,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    className = props.className,\n    children = props.children,\n    disabled = props.disabled,\n    onSubmit = props.onSubmit,\n    onCheck = props.onCheck,\n    onError = props.onError,\n    onChange = props.onChange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"checkTrigger\", \"classPrefix\", \"errorFromContext\", \"formDefaultValue\", \"formValue\", \"formError\", \"fluid\", \"layout\", \"model\", \"readOnly\", \"plaintext\", \"className\", \"children\", \"disabled\", \"onSubmit\", \"onCheck\", \"onError\", \"onChange\"]);\n  var _useSchemaModel = (0, _useSchemaModel2.default)(formModel),\n    getCombinedModel = _useSchemaModel.getCombinedModel,\n    pushFieldRule = _useSchemaModel.pushFieldRule,\n    removeFieldRule = _useSchemaModel.removeFieldRule;\n  var classes = (0, _useFormClassNames.useFormClassNames)({\n    classPrefix: classPrefix,\n    className: className,\n    fluid: fluid,\n    layout: layout,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    disabled: disabled\n  });\n  var _useControlled = (0, _utils.useControlled)(formValue, formDefaultValue),\n    realFormValue = _useControlled[0],\n    setFormValue = _useControlled[1];\n  var _useControlled2 = (0, _utils.useControlled)(formError, {}),\n    realFormError = _useControlled2[0],\n    setFormError = _useControlled2[1];\n  var realFormValueRef = (0, _react.useRef)(realFormValue);\n  realFormValueRef.current = realFormValue;\n  var realFormErrorRef = (0, _react.useRef)(realFormError);\n  realFormErrorRef.current = realFormError;\n\n  /**\n   * Validate the form data and return a boolean.\n   * The error message after verification is returned in the callback.\n   * @param callback\n   */\n  var check = (0, _react.useCallback)(function (callback) {\n    var formValue = realFormValue || {};\n    var formError = {};\n    var errorCount = 0;\n    var model = getCombinedModel();\n    Object.keys(model.spec).forEach(function (key) {\n      var checkResult = model.checkForField(key, formValue);\n      if (checkResult.hasError === true) {\n        errorCount += 1;\n        formError[key] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult;\n      }\n    });\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    callback === null || callback === void 0 ? void 0 : callback(formError);\n    if (errorCount > 0) {\n      onError === null || onError === void 0 ? void 0 : onError(formError);\n      return false;\n    }\n    return true;\n  }, [realFormValue, getCombinedModel, setFormError, onCheck, onError]);\n\n  /**\n   * Check the data field\n   * @param fieldName\n   * @param callback\n   */\n  var checkForField = (0, _react.useCallback)(function (fieldName, callback) {\n    var _extends2;\n    var formValue = realFormValue || {};\n    var model = getCombinedModel();\n    var checkResult = model.checkForField(fieldName, formValue);\n    var formError = (0, _extends6.default)({}, realFormError, (_extends2 = {}, _extends2[fieldName] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult, _extends2));\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    callback === null || callback === void 0 ? void 0 : callback(checkResult);\n    if (checkResult.hasError) {\n      onError === null || onError === void 0 ? void 0 : onError(formError);\n    }\n    return !checkResult.hasError;\n  }, [realFormValue, getCombinedModel, realFormError, setFormError, onCheck, onError]);\n\n  /**\n   * Check form data asynchronously and return a Promise\n   */\n  var checkAsync = (0, _react.useCallback)(function () {\n    var formValue = realFormValue || {};\n    var promises = [];\n    var keys = [];\n    var model = getCombinedModel();\n    Object.keys(model.spec).forEach(function (key) {\n      keys.push(key);\n      promises.push(model.checkForFieldAsync(key, formValue));\n    });\n    return Promise.all(promises).then(function (values) {\n      var formError = {};\n      var errorCount = 0;\n      for (var i = 0; i < values.length; i++) {\n        if (values[i].hasError) {\n          errorCount += 1;\n          formError[keys[i]] = values[i].errorMessage;\n        }\n      }\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n      setFormError(formError);\n      if (errorCount > 0) {\n        onError === null || onError === void 0 ? void 0 : onError(formError);\n      }\n      return {\n        hasError: errorCount > 0,\n        formError: formError\n      };\n    });\n  }, [realFormValue, getCombinedModel, onCheck, setFormError, onError]);\n\n  /**\n   * Asynchronously check form fields and return Promise\n   * @param fieldName\n   */\n  var checkForFieldAsync = (0, _react.useCallback)(function (fieldName) {\n    var formValue = realFormValue || {};\n    var model = getCombinedModel();\n    return model.checkForFieldAsync(fieldName, formValue).then(function (checkResult) {\n      var _extends3;\n      var formError = (0, _extends6.default)({}, realFormError, (_extends3 = {}, _extends3[fieldName] = checkResult.errorMessage, _extends3));\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n      setFormError(formError);\n      if (checkResult.hasError) {\n        onError === null || onError === void 0 ? void 0 : onError(formError);\n      }\n      return checkResult;\n    });\n  }, [realFormValue, getCombinedModel, realFormError, onCheck, setFormError, onError]);\n  var cleanErrors = (0, _react.useCallback)(function () {\n    setFormError({});\n  }, [setFormError]);\n  var cleanErrorForField = (0, _react.useCallback)(function (fieldName) {\n    setFormError((0, _omit.default)(realFormError, [fieldName]));\n  }, [realFormError, setFormError]);\n  var resetErrors = (0, _react.useCallback)(function (formError) {\n    if (formError === void 0) {\n      formError = {};\n    }\n    setFormError(formError);\n  }, [setFormError]);\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      root: rootRef.current,\n      check: check,\n      checkForField: checkForField,\n      checkAsync: checkAsync,\n      checkForFieldAsync: checkForFieldAsync,\n      cleanErrors: cleanErrors,\n      cleanErrorForField: cleanErrorForField,\n      resetErrors: resetErrors\n    };\n  });\n  var removeFieldError = (0, _react.useCallback)(function (name) {\n    /**\n     * when this function is called when the children component is unmount, it's an old render frame\n     * so use Ref to get future error\n     */\n    var formError = (0, _omit.default)(realFormErrorRef.current, [name]);\n    realFormErrorRef.current = formError;\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n  }, [onCheck, setFormError]);\n  var removeFieldValue = (0, _react.useCallback)(function (name) {\n    /**\n     * when this function is called when the children component is unmount, it's an old render frame\n     * so use Ref to get future value\n     */\n    var formValue = (0, _omit.default)(realFormValueRef.current, [name]);\n    realFormValueRef.current = formValue;\n    setFormValue(formValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(formValue);\n  }, [onChange, setFormValue]);\n  var handleSubmit = (0, _react.useCallback)(function (event) {\n    if (disabled || readOnly || plaintext) {\n      return;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n    var checkStatus = check();\n    onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(checkStatus, event);\n  }, [disabled, readOnly, plaintext, check, onSubmit]);\n  var handleFieldError = (0, _react.useCallback)(function (name, errorMessage) {\n    var _extends4;\n    var formError = (0, _extends6.default)({}, realFormError, (_extends4 = {}, _extends4[name] = errorMessage, _extends4));\n    setFormError(formError);\n    onError === null || onError === void 0 ? void 0 : onError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n  }, [realFormError, setFormError, onError, onCheck]);\n  var handleFieldSuccess = (0, _react.useCallback)(function (name) {\n    removeFieldError(name);\n  }, [removeFieldError]);\n  var handleFieldChange = (0, _react.useCallback)(function (name, value, event) {\n    var _extends5;\n    var formValue = realFormValue;\n    var nextFormValue = (0, _extends6.default)({}, formValue, (_extends5 = {}, _extends5[name] = value, _extends5));\n    setFormValue(nextFormValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextFormValue, event);\n  }, [realFormValue, setFormValue, onChange]);\n  var rootRef = (0, _react.useRef)(null);\n  var formContextValue = (0, _react.useMemo)(function () {\n    return {\n      getCombinedModel: getCombinedModel,\n      checkTrigger: checkTrigger,\n      errorFromContext: errorFromContext,\n      readOnly: readOnly,\n      plaintext: plaintext,\n      disabled: disabled,\n      formError: realFormError,\n      removeFieldValue: removeFieldValue,\n      removeFieldError: removeFieldError,\n      pushFieldRule: pushFieldRule,\n      removeFieldRule: removeFieldRule,\n      onFieldChange: handleFieldChange,\n      onFieldError: handleFieldError,\n      onFieldSuccess: handleFieldSuccess\n    };\n  }, [getCombinedModel, checkTrigger, errorFromContext, readOnly, plaintext, disabled, realFormError, removeFieldValue, removeFieldError, pushFieldRule, removeFieldRule, handleFieldChange, handleFieldError, handleFieldSuccess]);\n  return /*#__PURE__*/_react.default.createElement(\"form\", (0, _extends6.default)({}, rest, {\n    ref: rootRef,\n    onSubmit: handleSubmit,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 420,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_FormContext.default.Provider, {\n    value: formContextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 421,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_FormContext.FormValueContext.Provider, {\n    value: realFormValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 422,\n      columnNumber: 9\n    }\n  }, children)));\n});\nForm.Control = _FormControl.default;\nForm.ControlLabel = _FormControlLabel.default;\nForm.ErrorMessage = _FormErrorMessage.default;\nForm.Group = _FormGroup.default;\nForm.HelpText = _FormHelpText.default;\nForm.Control = _FormControl.default;\nForm.displayName = 'Form';\nForm.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  errorFromContext: _propTypes.default.bool,\n  layout: _propTypes.default.oneOf(['horizontal', 'vertical', 'inline']),\n  fluid: _propTypes.default.bool,\n  formValue: _propTypes.default.object,\n  formDefaultValue: _propTypes.default.object,\n  formError: _propTypes.default.object,\n  checkTrigger: _propTypes.default.oneOf(['change', 'blur', 'none']),\n  onChange: _propTypes.default.func,\n  onError: _propTypes.default.func,\n  onCheck: _propTypes.default.func,\n  onSubmit: _propTypes.default.func,\n  model: _propTypes.default.any,\n  readOnly: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  disabled: _propTypes.default.bool\n};\nvar _default = Form;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Form/Form.tsx?");
 
 /***/ }),
 
@@ -2666,7 +2666,7 @@ eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _schem
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _FormErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../FormErrorMessage */ \"./src/FormErrorMessage/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _FormContext = _interopRequireWildcard(__webpack_require__(/*! ../Form/FormContext */ \"./src/Form/FormContext.tsx\"));\nvar _FormGroup = __webpack_require__(/*! ../FormGroup/FormGroup */ \"./src/FormGroup/FormGroup.tsx\");\nvar _useRegisterModel = _interopRequireDefault(__webpack_require__(/*! ./useRegisterModel */ \"./src/FormControl/useRegisterModel.ts\"));\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ../Toggle */ \"./src/Toggle/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormControl/FormControl.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * Props that FormControl passes to its accepter\n */\n\nvar FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _accepterProps;\n  var _useContext = (0, _react.useContext)(_FormContext.default),\n    readOnlyContext = _useContext.readOnly,\n    plaintextContext = _useContext.plaintext,\n    disabledContext = _useContext.disabled,\n    errorFromContext = _useContext.errorFromContext,\n    _useContext$formDefau = _useContext.formDefaultValue,\n    formDefaultValue = _useContext$formDefau === void 0 ? {} : _useContext$formDefau,\n    formError = _useContext.formError,\n    removeFieldValue = _useContext.removeFieldValue,\n    removeFieldError = _useContext.removeFieldError,\n    pushFieldRule = _useContext.pushFieldRule,\n    removeFieldRule = _useContext.removeFieldRule,\n    onFieldChange = _useContext.onFieldChange,\n    onFieldError = _useContext.onFieldError,\n    onFieldSuccess = _useContext.onFieldSuccess,\n    getCombinedModel = _useContext.getCombinedModel,\n    contextCheckTrigger = _useContext.checkTrigger;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$accepter = props.accepter,\n    AccepterComponent = _props$accepter === void 0 ? _Input.default : _props$accepter,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form-control' : _props$classPrefix,\n    checkAsync = props.checkAsync,\n    checkTrigger = props.checkTrigger,\n    _props$errorPlacement = props.errorPlacement,\n    errorPlacement = _props$errorPlacement === void 0 ? 'bottomStart' : _props$errorPlacement,\n    errorMessage = props.errorMessage,\n    name = props.name,\n    value = props.value,\n    _props$readOnly = props.readOnly,\n    readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,\n    _props$plaintext = props.plaintext,\n    plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,\n    _props$disabled = props.disabled,\n    disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,\n    onChange = props.onChange,\n    onBlur = props.onBlur,\n    defaultValue = props.defaultValue,\n    _props$shouldResetWit = props.shouldResetWithUnmount,\n    shouldResetWithUnmount = _props$shouldResetWit === void 0 ? false : _props$shouldResetWit,\n    rule = props.rule,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"accepter\", \"classPrefix\", \"checkAsync\", \"checkTrigger\", \"errorPlacement\", \"errorMessage\", \"name\", \"value\", \"readOnly\", \"plaintext\", \"disabled\", \"onChange\", \"onBlur\", \"defaultValue\", \"shouldResetWithUnmount\", \"rule\"]);\n  var _useContext2 = (0, _react.useContext)(_FormGroup.FormGroupContext),\n    controlId = _useContext2.controlId;\n  if (!onFieldChange) {\n    throw new Error(\"\\n      <FormControl> must be inside a component decorated with <Form>.\\n      And need to update React to 16.6.0 +.\\n    \");\n  }\n  (0, _useRegisterModel.default)(name, pushFieldRule, removeFieldRule, rule);\n  (0, _utils.useWillUnmount)(function () {\n    if (shouldResetWithUnmount) {\n      removeFieldValue === null || removeFieldValue === void 0 ? void 0 : removeFieldValue(name);\n      removeFieldError === null || removeFieldError === void 0 ? void 0 : removeFieldError(name);\n    }\n  });\n  var trigger = checkTrigger || contextCheckTrigger;\n  var formValue = (0, _react.useContext)(_FormContext.FormValueContext);\n  var val = (0, _isUndefined.default)(value) ? formValue === null || formValue === void 0 ? void 0 : formValue[name] : value;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var classes = withClassPrefix('wrapper');\n  var handleFieldChange = function handleFieldChange(value, event) {\n    handleFieldCheck(value, trigger === 'change');\n    onFieldChange === null || onFieldChange === void 0 ? void 0 : onFieldChange(name, value, event);\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n  };\n  var handleFieldBlur = function handleFieldBlur(event) {\n    handleFieldCheck(val, trigger === 'blur');\n    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);\n  };\n  var handleFieldCheck = function handleFieldCheck(value, isCheckTrigger) {\n    var _extends2;\n    var callbackEvents = function callbackEvents(checkResult) {\n      // The relevant event is triggered only when the inspection is allowed.\n      if (isCheckTrigger) {\n        if (checkResult.hasError) {\n          onFieldError === null || onFieldError === void 0 ? void 0 : onFieldError(name, (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult);\n        } else {\n          onFieldSuccess === null || onFieldSuccess === void 0 ? void 0 : onFieldSuccess(name);\n        }\n      }\n      return checkResult;\n    };\n    var nextFormValue = (0, _extends3.default)({}, formValue, (_extends2 = {}, _extends2[name] = value, _extends2));\n    var model = getCombinedModel();\n    if (checkAsync) {\n      return model === null || model === void 0 ? void 0 : model.checkForFieldAsync(name, nextFormValue).then(function (checkResult) {\n        return callbackEvents(checkResult);\n      });\n    }\n    return Promise.resolve(callbackEvents(model === null || model === void 0 ? void 0 : model.checkForField(name, nextFormValue)));\n  };\n  var messageNode = null;\n  if (!(0, _isUndefined.default)(errorMessage)) {\n    messageNode = errorMessage;\n  } else if (errorFromContext) {\n    var fieldError = formError === null || formError === void 0 ? void 0 : formError[name];\n    if (typeof fieldError === 'string' || !(fieldError !== null && fieldError !== void 0 && fieldError.array) && !(fieldError !== null && fieldError !== void 0 && fieldError.object) && fieldError !== null && fieldError !== void 0 && fieldError.hasError) {\n      messageNode = fieldError;\n    }\n  }\n  var ariaDescribedby = controlId ? controlId + \"-help-text\" : null;\n  var fieldHasError = Boolean(messageNode);\n  var ariaErrormessage = fieldHasError && controlId ? controlId + \"-error-message\" : undefined;\n  var valueKey = 'value';\n  var defaultValueKey = 'defaultValue';\n\n  // Toggle component is a special case that uses `checked` and `defaultChecked` instead of `value` and `defaultValue` props.\n  if (AccepterComponent === _Toggle.default) {\n    valueKey = 'checked';\n    defaultValueKey = 'defaultChecked';\n  }\n  var accepterProps = (_accepterProps = {}, _accepterProps[valueKey] = val, _accepterProps[defaultValueKey] = defaultValue !== null && defaultValue !== void 0 ? defaultValue : formDefaultValue[name], _accepterProps);\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 204,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(AccepterComponent, (0, _extends3.default)({\n    id: controlId,\n    \"aria-labelledby\": controlId ? controlId + \"-control-label\" : null,\n    \"aria-describedby\": ariaDescribedby,\n    \"aria-invalid\": fieldHasError || undefined,\n    \"aria-errormessage\": ariaErrormessage\n  }, accepterProps, rest, {\n    readOnly: readOnly,\n    plaintext: plaintext,\n    disabled: disabled,\n    name: name,\n    onChange: handleFieldChange,\n    onBlur: handleFieldBlur,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 205,\n      columnNumber: 7\n    }\n  })), /*#__PURE__*/_react.default.createElement(_FormErrorMessage.default, {\n    id: controlId + \"-error-message\",\n    role: \"alert\",\n    \"aria-relevant\": \"all\",\n    show: !!messageNode,\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"message-wrapper\"]))),\n    placement: errorPlacement,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 221,\n      columnNumber: 7\n    }\n  }, messageNode));\n});\nFormControl.displayName = 'FormControl';\nFormControl.propTypes = {\n  name: _propTypes.default.string.isRequired,\n  checkTrigger: _propTypes.default.oneOf(['change', 'blur', 'none']),\n  checkAsync: _propTypes.default.bool,\n  accepter: _propTypes.default.any,\n  onChange: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  classPrefix: _propTypes.default.string,\n  errorMessage: _propTypes.default.node,\n  errorPlacement: _propTypes.default.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd']),\n  value: _propTypes.default.any\n};\nvar _default = FormControl;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormControl/FormControl.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _FormErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../FormErrorMessage */ \"./src/FormErrorMessage/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _FormContext = _interopRequireWildcard(__webpack_require__(/*! ../Form/FormContext */ \"./src/Form/FormContext.tsx\"));\nvar _FormGroup = __webpack_require__(/*! ../FormGroup/FormGroup */ \"./src/FormGroup/FormGroup.tsx\");\nvar _useRegisterModel = _interopRequireDefault(__webpack_require__(/*! ./useRegisterModel */ \"./src/FormControl/useRegisterModel.ts\"));\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ../Toggle */ \"./src/Toggle/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormControl/FormControl.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * Props that FormControl passes to its accepter\n */\n\nvar FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _accepterProps;\n  var _useContext = (0, _react.useContext)(_FormContext.default),\n    readOnlyContext = _useContext.readOnly,\n    plaintextContext = _useContext.plaintext,\n    disabledContext = _useContext.disabled,\n    errorFromContext = _useContext.errorFromContext,\n    formError = _useContext.formError,\n    removeFieldValue = _useContext.removeFieldValue,\n    removeFieldError = _useContext.removeFieldError,\n    pushFieldRule = _useContext.pushFieldRule,\n    removeFieldRule = _useContext.removeFieldRule,\n    onFieldChange = _useContext.onFieldChange,\n    onFieldError = _useContext.onFieldError,\n    onFieldSuccess = _useContext.onFieldSuccess,\n    getCombinedModel = _useContext.getCombinedModel,\n    contextCheckTrigger = _useContext.checkTrigger;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$accepter = props.accepter,\n    AccepterComponent = _props$accepter === void 0 ? _Input.default : _props$accepter,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form-control' : _props$classPrefix,\n    checkAsync = props.checkAsync,\n    checkTrigger = props.checkTrigger,\n    _props$errorPlacement = props.errorPlacement,\n    errorPlacement = _props$errorPlacement === void 0 ? 'bottomStart' : _props$errorPlacement,\n    errorMessage = props.errorMessage,\n    name = props.name,\n    value = props.value,\n    _props$readOnly = props.readOnly,\n    readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,\n    _props$plaintext = props.plaintext,\n    plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,\n    _props$disabled = props.disabled,\n    disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,\n    onChange = props.onChange,\n    onBlur = props.onBlur,\n    defaultValue = props.defaultValue,\n    _props$shouldResetWit = props.shouldResetWithUnmount,\n    shouldResetWithUnmount = _props$shouldResetWit === void 0 ? false : _props$shouldResetWit,\n    rule = props.rule,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"accepter\", \"classPrefix\", \"checkAsync\", \"checkTrigger\", \"errorPlacement\", \"errorMessage\", \"name\", \"value\", \"readOnly\", \"plaintext\", \"disabled\", \"onChange\", \"onBlur\", \"defaultValue\", \"shouldResetWithUnmount\", \"rule\"]);\n  var _useContext2 = (0, _react.useContext)(_FormGroup.FormGroupContext),\n    controlId = _useContext2.controlId;\n  if (!onFieldChange) {\n    throw new Error(\"\\n      <FormControl> must be inside a component decorated with <Form>.\\n      And need to update React to 16.6.0 +.\\n    \");\n  }\n  (0, _useRegisterModel.default)(name, pushFieldRule, removeFieldRule, rule);\n  (0, _utils.useWillUnmount)(function () {\n    if (shouldResetWithUnmount) {\n      removeFieldValue === null || removeFieldValue === void 0 ? void 0 : removeFieldValue(name);\n      removeFieldError === null || removeFieldError === void 0 ? void 0 : removeFieldError(name);\n    }\n  });\n  var trigger = checkTrigger || contextCheckTrigger;\n  var formValue = (0, _react.useContext)(_FormContext.FormValueContext);\n  var val = (0, _isUndefined.default)(value) ? formValue === null || formValue === void 0 ? void 0 : formValue[name] : value;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var classes = withClassPrefix('wrapper');\n  var handleFieldChange = function handleFieldChange(value, event) {\n    handleFieldCheck(value, trigger === 'change');\n    onFieldChange === null || onFieldChange === void 0 ? void 0 : onFieldChange(name, value, event);\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n  };\n  var handleFieldBlur = function handleFieldBlur(event) {\n    handleFieldCheck(val, trigger === 'blur');\n    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);\n  };\n  var handleFieldCheck = function handleFieldCheck(value, isCheckTrigger) {\n    var _extends2;\n    var callbackEvents = function callbackEvents(checkResult) {\n      // The relevant event is triggered only when the inspection is allowed.\n      if (isCheckTrigger) {\n        if (checkResult.hasError) {\n          onFieldError === null || onFieldError === void 0 ? void 0 : onFieldError(name, (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult);\n        } else {\n          onFieldSuccess === null || onFieldSuccess === void 0 ? void 0 : onFieldSuccess(name);\n        }\n      }\n      return checkResult;\n    };\n    var nextFormValue = (0, _extends3.default)({}, formValue, (_extends2 = {}, _extends2[name] = value, _extends2));\n    var model = getCombinedModel();\n    if (checkAsync) {\n      return model === null || model === void 0 ? void 0 : model.checkForFieldAsync(name, nextFormValue).then(function (checkResult) {\n        return callbackEvents(checkResult);\n      });\n    }\n    return Promise.resolve(callbackEvents(model === null || model === void 0 ? void 0 : model.checkForField(name, nextFormValue)));\n  };\n  var messageNode = null;\n  if (!(0, _isUndefined.default)(errorMessage)) {\n    messageNode = errorMessage;\n  } else if (errorFromContext) {\n    var fieldError = formError === null || formError === void 0 ? void 0 : formError[name];\n    if (typeof fieldError === 'string' || !(fieldError !== null && fieldError !== void 0 && fieldError.array) && !(fieldError !== null && fieldError !== void 0 && fieldError.object) && fieldError !== null && fieldError !== void 0 && fieldError.hasError) {\n      messageNode = fieldError;\n    }\n  }\n  var ariaDescribedby = controlId ? controlId + \"-help-text\" : null;\n  var fieldHasError = Boolean(messageNode);\n  var ariaErrormessage = fieldHasError && controlId ? controlId + \"-error-message\" : undefined;\n  var valueKey = 'value';\n\n  // Toggle component is a special case that uses `checked` and `defaultChecked` instead of `value` and `defaultValue` props.\n  if (AccepterComponent === _Toggle.default) {\n    valueKey = 'checked';\n  }\n  var accepterProps = (_accepterProps = {}, _accepterProps[valueKey] = val !== null && val !== void 0 ? val : defaultValue, _accepterProps);\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 200,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(AccepterComponent, (0, _extends3.default)({\n    id: controlId,\n    \"aria-labelledby\": controlId ? controlId + \"-control-label\" : null,\n    \"aria-describedby\": ariaDescribedby,\n    \"aria-invalid\": fieldHasError || undefined,\n    \"aria-errormessage\": ariaErrormessage\n  }, accepterProps, rest, {\n    readOnly: readOnly,\n    plaintext: plaintext,\n    disabled: disabled,\n    name: name,\n    onChange: handleFieldChange,\n    onBlur: handleFieldBlur,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 201,\n      columnNumber: 7\n    }\n  })), /*#__PURE__*/_react.default.createElement(_FormErrorMessage.default, {\n    id: controlId + \"-error-message\",\n    role: \"alert\",\n    \"aria-relevant\": \"all\",\n    show: !!messageNode,\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"message-wrapper\"]))),\n    placement: errorPlacement,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 217,\n      columnNumber: 7\n    }\n  }, messageNode));\n});\nFormControl.displayName = 'FormControl';\nFormControl.propTypes = {\n  name: _propTypes.default.string.isRequired,\n  checkTrigger: _propTypes.default.oneOf(['change', 'blur', 'none']),\n  checkAsync: _propTypes.default.bool,\n  accepter: _propTypes.default.any,\n  onChange: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  classPrefix: _propTypes.default.string,\n  errorMessage: _propTypes.default.node,\n  errorPlacement: _propTypes.default.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd']),\n  value: _propTypes.default.any\n};\nvar _default = FormControl;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormControl/FormControl.tsx?");
 
 /***/ }),
 
@@ -2952,7 +2952,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.InputPickerContext = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\nvar _remove = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\nvar _clone = _interopRequireDefault(__webpack_require__(/*! lodash/clone */ \"./node_modules/lodash/clone.js\"));\nvar _isArray = _interopRequireDefault(__webpack_require__(/*! lodash/isArray */ \"./node_modules/lodash/isArray.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _getWidth = _interopRequireDefault(__webpack_require__(/*! dom-lib/getWidth */ \"./node_modules/dom-lib/esm/getWidth.js\"));\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _getDataGroupBy = __webpack_require__(/*! ../utils/getDataGroupBy */ \"./src/utils/getDataGroupBy.ts\");\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ../Tag */ \"./src/Tag/index.tsx\"));\nvar _InputAutosize = _interopRequireDefault(__webpack_require__(/*! ./InputAutosize */ \"./src/InputPicker/InputAutosize.tsx\"));\nvar _InputSearch = _interopRequireDefault(__webpack_require__(/*! ./InputSearch */ \"./src/InputPicker/InputSearch.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InputPicker/InputPicker.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2,\n  _templateObject3,\n  _templateObject4,\n  _templateObject5;\nvar InputPickerContext = /*#__PURE__*/_react.default.createContext({\n  tagProps: {},\n  trigger: 'Enter'\n});\nexports.InputPickerContext = InputPickerContext;\nvar InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _merge;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    _props$cacheData = props.cacheData,\n    cacheData = _props$cacheData === void 0 ? [] : _props$cacheData,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    _props$data = props.data,\n    controlledData = _props$data === void 0 ? [] : _props$data,\n    disabled = props.disabled,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    defaultValue = props.defaultValue,\n    _props$defaultOpen = props.defaultOpen,\n    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n    overrideLocale = props.locale,\n    toggleAs = props.toggleAs,\n    style = props.style,\n    _props$searchable = props.searchable,\n    searchable = _props$searchable === void 0 ? true : _props$searchable,\n    controlledOpen = props.open,\n    placeholder = props.placeholder,\n    groupBy = props.groupBy,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    _props$menuAutoWidth = props.menuAutoWidth,\n    menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,\n    _props$menuMaxHeight = props.menuMaxHeight,\n    menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,\n    creatable = props.creatable,\n    shouldDisplayCreateOption = props.shouldDisplayCreateOption,\n    valueProp = props.value,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    virtualized = props.virtualized,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    listProps = props.listProps,\n    id = props.id,\n    tabIndex = props.tabIndex,\n    sort = props.sort,\n    renderMenu = props.renderMenu,\n    renderExtraFooter = props.renderExtraFooter,\n    renderValue = props.renderValue,\n    renderMenuItem = props.renderMenuItem,\n    renderMenuGroup = props.renderMenuGroup,\n    onEnter = props.onEnter,\n    onEntered = props.onEntered,\n    onExit = props.onExit,\n    onExited = props.onExited,\n    onChange = props.onChange,\n    onClean = props.onClean,\n    onCreate = props.onCreate,\n    onSearch = props.onSearch,\n    onSelect = props.onSelect,\n    onOpen = props.onOpen,\n    onClose = props.onClose,\n    onBlur = props.onBlur,\n    onFocus = props.onFocus,\n    searchBy = props.searchBy,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"appearance\", \"cleanable\", \"cacheData\", \"classPrefix\", \"data\", \"disabled\", \"readOnly\", \"plaintext\", \"defaultValue\", \"defaultOpen\", \"disabledItemValues\", \"locale\", \"toggleAs\", \"style\", \"searchable\", \"open\", \"placeholder\", \"groupBy\", \"menuClassName\", \"menuStyle\", \"menuAutoWidth\", \"menuMaxHeight\", \"creatable\", \"shouldDisplayCreateOption\", \"value\", \"valueKey\", \"virtualized\", \"labelKey\", \"listProps\", \"id\", \"tabIndex\", \"sort\", \"renderMenu\", \"renderExtraFooter\", \"renderValue\", \"renderMenuItem\", \"renderMenuGroup\", \"onEnter\", \"onEntered\", \"onExit\", \"onExited\", \"onChange\", \"onClean\", \"onCreate\", \"onSearch\", \"onSelect\", \"onOpen\", \"onClose\", \"onBlur\", \"onFocus\", \"searchBy\", \"placement\"]);\n  var _useContext = (0, _react.useContext)(InputPickerContext),\n    multi = _useContext.multi,\n    tagProps = _useContext.tagProps,\n    trigger = _useContext.trigger,\n    disabledOptions = _useContext.disabledOptions;\n  if (groupBy === valueKey || groupBy === labelKey) {\n    throw Error('`groupBy` can not be equal to `valueKey` and `labelKey`');\n  }\n  var overlayRef = (0, _react.useRef)(null);\n  var targetRef = (0, _react.useRef)(null);\n  var triggerRef = (0, _react.useRef)(null);\n  var inputRef = (0, _react.useRef)();\n  var listRef = (0, _react.useRef)(null);\n  var _useCustom = (0, _utils.useCustom)(['Picker', 'InputPicker'], overrideLocale),\n    locale = _useCustom.locale;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var _useState = (0, _react.useState)(controlledData),\n    uncontrolledData = _useState[0],\n    setData = _useState[1];\n  var _useState2 = (0, _react.useState)(100),\n    maxWidth = _useState2[0],\n    setMaxWidth = _useState2[1];\n  var _useState3 = (0, _react.useState)([]),\n    newData = _useState3[0],\n    setNewData = _useState3[1];\n  var _useState4 = (0, _react.useState)(defaultOpen),\n    uncontrolledOpen = _useState4[0],\n    setOpen = _useState4[1];\n  var open = (0, _isUndefined.default)(controlledOpen) ? uncontrolledOpen : controlledOpen;\n  var getAllData = (0, _react.useCallback)(function () {\n    return [].concat(uncontrolledData, newData);\n  }, [uncontrolledData, newData]);\n  var getAllDataAndCache = (0, _react.useCallback)(function () {\n    return [].concat(getAllData(), cacheData);\n  }, [getAllData, cacheData]);\n  var _useControlled = (0, _utils.useControlled)(valueProp, multi ? defaultValue || [] : defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1],\n    isControlled = _useControlled[2];\n  var cloneValue = (0, _react.useCallback)(function () {\n    return multi ? (0, _clone.default)(value) || [] : value;\n  }, [multi, value]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current;\n    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.close();\n  }, [triggerRef]);\n\n  // Used to hover the focuse item  when trigger `onKeydown`\n  var _useFocusItemValue = (0, _Picker.useFocusItemValue)(multi ? value === null || value === void 0 ? void 0 : value[0] : value, {\n      data: getAllDataAndCache(),\n      valueKey: valueKey,\n      target: function target() {\n        return overlayRef.current;\n      }\n    }),\n    focusItemValue = _useFocusItemValue.focusItemValue,\n    setFocusItemValue = _useFocusItemValue.setFocusItemValue,\n    onKeyDown = _useFocusItemValue.onKeyDown;\n  var handleSearchCallback = (0, _react.useCallback)(function (searchKeyword, filteredData, event) {\n    var _filteredData$;\n    // The first option after filtering is the focus.\n    setFocusItemValue(disabledOptions ? searchKeyword : (filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]) || searchKeyword);\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);\n  }, [disabledOptions, setFocusItemValue, valueKey, onSearch]);\n\n  // Use search keywords to filter options.\n  var _useSearch = (0, _Picker.useSearch)(getAllData(), {\n      labelKey: labelKey,\n      searchBy: searchBy,\n      callback: handleSearchCallback\n    }),\n    searchKeyword = _useSearch.searchKeyword,\n    resetSearch = _useSearch.resetSearch,\n    checkShouldDisplay = _useSearch.checkShouldDisplay,\n    handleSearch = _useSearch.handleSearch; // Update the state when the data in props changes\n  (0, _react.useEffect)(function () {\n    if (controlledData && !(0, _shallowEqual.default)(controlledData, uncontrolledData)) {\n      var _controlledData$;\n      setData(controlledData);\n      setNewData([]);\n      setFocusItemValue(controlledData === null || controlledData === void 0 ? void 0 : (_controlledData$ = controlledData[0]) === null || _controlledData$ === void 0 ? void 0 : _controlledData$[valueKey]);\n    }\n  }, [setFocusItemValue, controlledData, uncontrolledData, valueKey]);\n  (0, _react.useEffect)(function () {\n    var _triggerRef$current2;\n    // In multiple selection, you need to set a maximum width for the input.\n    if ((_triggerRef$current2 = triggerRef.current) !== null && _triggerRef$current2 !== void 0 && _triggerRef$current2.root) {\n      setMaxWidth((0, _getWidth.default)(triggerRef.current.root));\n    }\n  }, []);\n\n  // Update the position of the menu when the search keyword and value change\n  (0, _react.useEffect)(function () {\n    var _triggerRef$current3, _triggerRef$current3$;\n    (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : (_triggerRef$current3$ = _triggerRef$current3.updatePosition) === null || _triggerRef$current3$ === void 0 ? void 0 : _triggerRef$current3$.call(_triggerRef$current3);\n  }, [searchKeyword, value]);\n  var getDateItem = function getDateItem(value) {\n    // Find active `MenuItem` by `value`\n    var allData = getAllDataAndCache();\n    var activeItem = allData.find(function (item) {\n      return (0, _shallowEqual.default)(item[valueKey], value);\n    });\n    var itemNode = placeholder;\n    if (activeItem !== null && activeItem !== void 0 && activeItem[labelKey]) {\n      itemNode = activeItem === null || activeItem === void 0 ? void 0 : activeItem[labelKey];\n    }\n    return {\n      isValid: !!activeItem,\n      activeItem: activeItem,\n      itemNode: itemNode\n    };\n  };\n  var getInput = (0, _react.useCallback)(function () {\n    var _inputRef$current;\n    return multi ? (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.input : inputRef.current;\n  }, [inputRef, multi]);\n  var focusInput = (0, _react.useCallback)(function () {\n    var _getInput;\n    return (_getInput = getInput()) === null || _getInput === void 0 ? void 0 : _getInput.focus();\n  }, [getInput]);\n  var blurInput = (0, _react.useCallback)(function () {\n    var _getInput2;\n    return (_getInput2 = getInput()) === null || _getInput2 === void 0 ? void 0 : _getInput2.blur();\n  }, [getInput]);\n\n  /**\n   * Convert the string of the newly created option into an object.\n   */\n  var createOption = (0, _react.useCallback)(function (value) {\n    var _ref2;\n    if (groupBy) {\n      var _ref;\n      return _ref = {\n        create: true\n      }, _ref[groupBy] = locale === null || locale === void 0 ? void 0 : locale.newItem, _ref[valueKey] = value, _ref[labelKey] = value, _ref;\n    }\n    return _ref2 = {\n      create: true\n    }, _ref2[valueKey] = value, _ref2[labelKey] = value, _ref2;\n  }, [groupBy, valueKey, labelKey, locale]);\n  var handleChange = (0, _react.useCallback)(function (value, event) {\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n  }, [onChange]);\n  var handleRemoveItemByTag = (0, _react.useCallback)(function (tag, event) {\n    event.stopPropagation();\n    var val = cloneValue();\n    (0, _remove.default)(val, function (itemVal) {\n      return (0, _shallowEqual.default)(itemVal, tag);\n    });\n    setValue(val);\n    handleChange(val, event);\n  }, [setValue, cloneValue, handleChange]);\n  var handleSelect = (0, _react.useCallback)(function (value, item, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event);\n    if (creatable && item.create) {\n      delete item.create;\n      onCreate === null || onCreate === void 0 ? void 0 : onCreate(value, item, event);\n      setNewData(newData.concat(item));\n    }\n  }, [creatable, newData, onSelect, onCreate]);\n\n  /**\n   * Callback triggered by single selection\n   * @param value\n   * @param item\n   * @param event\n   */\n  var handleSelectItem = function handleSelectItem(value, item, event) {\n    setValue(value);\n    setFocusItemValue(value);\n    resetSearch();\n    handleSelect(value, item, event);\n    handleChange(value, event);\n    handleClose();\n  };\n\n  /**\n   * Callback triggered by multiple selection\n   * @param nextItemValue\n   * @param item\n   * @param event\n   * @param checked\n   */\n  var handleCheckTag = function handleCheckTag(nextItemValue, item, event, checked) {\n    var val = cloneValue();\n    if (checked) {\n      val.push(nextItemValue);\n    } else {\n      (0, _remove.default)(val, function (itemVal) {\n        return (0, _shallowEqual.default)(itemVal, nextItemValue);\n      });\n    }\n    setValue(val);\n    resetSearch();\n    setFocusItemValue(nextItemValue);\n    handleSelect(val, item, event);\n    handleChange(val, event);\n    focusInput();\n  };\n  var handleTagKeyPress = (0, _react.useCallback)(function (event) {\n    // When composing, ignore the keypress event.\n    if (event.nativeEvent.isComposing) {\n      return;\n    }\n    var val = cloneValue();\n    var data = getAllData();\n    if (!focusItemValue || !data) {\n      return;\n    }\n\n    // If the value is disabled in this option, it is returned.\n    if (disabledItemValues !== null && disabledItemValues !== void 0 && disabledItemValues.some(function (item) {\n      return item === focusItemValue;\n    })) {\n      return;\n    }\n    if (!val.some(function (v) {\n      return (0, _shallowEqual.default)(v, focusItemValue);\n    })) {\n      val.push(focusItemValue);\n    } else if (!disabledOptions) {\n      (0, _remove.default)(val, function (itemVal) {\n        return (0, _shallowEqual.default)(itemVal, focusItemValue);\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    if (!focusItem) {\n      focusItem = createOption(focusItemValue);\n    }\n    setValue(val);\n    resetSearch();\n    handleSelect(val, focusItem, event);\n    handleChange(val, event);\n  }, [cloneValue, getAllData, focusItemValue, disabledItemValues, disabledOptions, setValue, resetSearch, handleSelect, handleChange, valueKey, createOption]);\n  var handleMenuItemKeyPress = (0, _react.useCallback)(function (event) {\n    if (!focusItemValue || !controlledData) {\n      return;\n    }\n\n    // If the value is disabled in this option, it is returned.\n    if (disabledItemValues !== null && disabledItemValues !== void 0 && disabledItemValues.some(function (item) {\n      return item === focusItemValue;\n    })) {\n      return;\n    }\n\n    // Find active `MenuItem` by `value`\n    var allData = getAllData();\n    var focusItem = allData.find(function (item) {\n      return (0, _shallowEqual.default)(item[valueKey], focusItemValue);\n    });\n\n    // FIXME Bad state flow\n    if (!focusItem && focusItemValue === searchKeyword) {\n      focusItem = createOption(searchKeyword);\n    }\n    setValue(focusItemValue);\n    resetSearch();\n    if (focusItem) {\n      handleSelect(focusItemValue, focusItem, event);\n    }\n    handleChange(focusItemValue, event);\n    handleClose();\n  }, [setValue, disabledItemValues, controlledData, focusItemValue, valueKey, searchKeyword, handleClose, resetSearch, createOption, getAllData, handleChange, handleSelect]);\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef,\n    listRef: listRef\n  });\n\n  /**\n   * Remove the last item, after pressing the back key on the keyboard.\n   * @param event\n   */\n  var removeLastItem = (0, _react.useCallback)(function (event) {\n    var target = event === null || event === void 0 ? void 0 : event.target;\n    if ((target === null || target === void 0 ? void 0 : target.tagName) !== 'INPUT') {\n      focusInput();\n      return;\n    }\n    if ((target === null || target === void 0 ? void 0 : target.tagName) === 'INPUT' && target !== null && target !== void 0 && target.value) {\n      return;\n    }\n    var val = cloneValue();\n    val.pop();\n    setValue(val);\n    handleChange(val, event);\n  }, [setValue, focusInput, handleChange, cloneValue]);\n  var handleClean = (0, _react.useCallback)(function (event) {\n    if (disabled || searchKeyword !== '') {\n      return;\n    }\n    setValue(null);\n    setFocusItemValue(null);\n    resetSearch();\n    if (multi) {\n      handleChange([], event);\n    } else {\n      handleChange(null, event);\n    }\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n  }, [disabled, searchKeyword, setValue, setFocusItemValue, resetSearch, multi, onClean, handleChange]);\n  var events = {\n    onMenuPressBackspace: multi ? removeLastItem : handleClean,\n    onMenuKeyDown: onKeyDown,\n    onMenuPressEnter: undefined,\n    onKeyDown: undefined\n  };\n  var handleKeyPress = (0, _react.useCallback)(function (event) {\n    // When typing a space, create a tag.\n    if ((0, _utils.isOneOf)('Space', trigger) && event.key === _utils.KEY_VALUES.SPACE) {\n      handleTagKeyPress(event);\n      event.preventDefault();\n    }\n\n    // When typing a comma, create a tag.\n    if ((0, _utils.isOneOf)('Comma', trigger) && event.key === _utils.KEY_VALUES.COMMA) {\n      handleTagKeyPress(event);\n      event.preventDefault();\n    }\n  }, [handleTagKeyPress, trigger]);\n  if (multi) {\n    if ((0, _utils.isOneOf)('Enter', trigger)) {\n      events.onMenuPressEnter = handleTagKeyPress;\n    }\n    if (creatable) {\n      events.onKeyDown = handleKeyPress;\n    }\n  } else {\n    events.onMenuPressEnter = handleMenuItemKeyPress;\n  }\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    overlayRef: overlayRef\n  }, events, rest));\n  var handleExited = (0, _react.useCallback)(function () {\n    setFocusItemValue(multi ? value === null || value === void 0 ? void 0 : value[0] : value);\n    resetSearch();\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n  }, [setFocusItemValue, resetSearch, onClose, value, multi]);\n  var handleFocus = (0, _react.useCallback)(function () {\n    if (!readOnly) {\n      var _triggerRef$current4;\n      setOpen(true);\n      (_triggerRef$current4 = triggerRef.current) === null || _triggerRef$current4 === void 0 ? void 0 : _triggerRef$current4.open();\n    }\n  }, [readOnly]);\n  var handleEnter = (0, _react.useCallback)(function () {\n    focusInput();\n    setOpen(true);\n  }, [focusInput]);\n  var handleExit = (0, _react.useCallback)(function () {\n    blurInput();\n    setOpen(false);\n  }, [blurInput]);\n  var renderDropdownMenuItem = function renderDropdownMenuItem(label, item) {\n    // 'Create option \"{0}\"' =>  Create option \"xxxxx\"\n    var newLabel = item.create ? /*#__PURE__*/_react.default.createElement(\"span\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 610,\n        columnNumber: 9\n      }\n    }, (0, _utils.tplTransform)(locale.createOption, label)) : label;\n    return renderMenuItem ? renderMenuItem(newLabel, item) : newLabel;\n  };\n  var checkValue = function checkValue() {\n    if (multi) {\n      return {\n        isValid: false,\n        itemNode: null\n      };\n    }\n    var dataItem = getDateItem(value);\n    var itemNode = dataItem.itemNode;\n    if (!(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue)) {\n      itemNode = renderValue(value, dataItem.activeItem, itemNode);\n    }\n    return {\n      isValid: dataItem.isValid,\n      itemNode: itemNode\n    };\n  };\n  var renderMultiValue = function renderMultiValue() {\n    if (!multi) {\n      return null;\n    }\n    var _tagProps$closable = tagProps.closable,\n      closable = _tagProps$closable === void 0 ? true : _tagProps$closable,\n      onClose = tagProps.onClose,\n      tagRest = (0, _objectWithoutPropertiesLoose2.default)(tagProps, [\"closable\", \"onClose\"]);\n    var tags = value || [];\n    var items = [];\n    var tagElements = tags.map(function (tag) {\n      var _getDateItem = getDateItem(tag),\n        isValid = _getDateItem.isValid,\n        itemNode = _getDateItem.itemNode,\n        activeItem = _getDateItem.activeItem;\n      items.push(activeItem);\n      if (!isValid) {\n        return null;\n      }\n      return /*#__PURE__*/_react.default.createElement(_Tag.default, (0, _extends2.default)({}, tagRest, {\n        key: tag,\n        size: rest.size === 'lg' ? 'lg' : rest.size === 'xs' ? 'sm' : 'md',\n        closable: !disabled && closable && !readOnly && !plaintext,\n        title: typeof itemNode === 'string' ? itemNode : undefined,\n        onClose: (0, _utils.createChainedFunction)(handleRemoveItemByTag.bind(null, tag), onClose),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 655,\n          columnNumber: 13\n        }\n      }), itemNode);\n    }).filter(function (item) {\n      return item !== null;\n    });\n    if ((tags.length > 0 || isControlled) && (0, _isFunction.default)(renderValue)) {\n      return renderValue(value, items, tagElements);\n    }\n    return tagElements;\n  };\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var menuClassPrefix = multi ? 'picker-check-menu' : 'picker-select-menu';\n    var classes = merge(className, menuClassName, prefix(multi ? 'check-menu' : 'select-menu'));\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var items = (0, _treeUtils.filterNodesOfTree)(getAllData(), checkShouldDisplay);\n    if (creatable && (typeof shouldDisplayCreateOption === 'function' ? shouldDisplayCreateOption(searchKeyword, items) : searchKeyword && !items.find(function (item) {\n      return item[valueKey] === searchKeyword;\n    }))) {\n      items = [].concat(items, [createOption(searchKeyword)]);\n    }\n\n    // Create a tree structure data when set `groupBy`\n    if (groupBy) {\n      items = (0, _getDataGroupBy.getDataGroupBy)(items, groupBy, sort);\n    } else if (typeof sort === 'function') {\n      items = items.sort(sort(false));\n    }\n    if (disabledOptions) {\n      return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n        ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 701,\n          columnNumber: 16\n        }\n      });\n    }\n    var menu = items.length ? /*#__PURE__*/_react.default.createElement(_Picker.DropdownMenu, {\n      id: id ? id + \"-listbox\" : undefined,\n      listProps: listProps,\n      listRef: listRef,\n      disabledItemValues: disabledItemValues,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      classPrefix: menuClassPrefix,\n      dropdownMenuItemClassPrefix: multi ? undefined : menuClassPrefix + \"-item\",\n      dropdownMenuItemAs: multi ? _Picker.DropdownMenuCheckItem : _Picker.DropdownMenuItem,\n      activeItemValues: multi ? value : [value],\n      focusItemValue: focusItemValue,\n      maxHeight: menuMaxHeight,\n      data: items\n      // FIXME-Doma\n      // `group` is redundant so long as `groupBy` exists\n      ,\n      group: !(0, _isUndefined.default)(groupBy),\n      groupBy: groupBy,\n      onSelect: multi ? handleCheckTag : handleSelectItem // fixme don't use any\n      ,\n      renderMenuGroup: renderMenuGroup,\n      renderMenuItem: renderDropdownMenuItem,\n      virtualized: virtualized,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 705,\n        columnNumber: 9\n      }\n    }) : /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"none\"]))),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 729,\n        columnNumber: 9\n      }\n    }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      target: triggerRef,\n      onKeyDown: onPickerKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 733,\n        columnNumber: 9\n      }\n    }, renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n  var _checkValue = checkValue(),\n    isValid = _checkValue.isValid,\n    itemNode = _checkValue.itemNode;\n  var tagElements = renderMultiValue();\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   * 3.If renderValue returns null or undefined, hasValue is false.\n   */\n  var hasSingleValue = !(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue) && !(0, _isNil.default)(itemNode);\n  var hasMultiValue = (0, _isArray.default)(value) && value.length > 0 && (0, _isFunction.default)(renderValue) && !(0, _isNil.default)(tagElements);\n  var hasValue = multi ? !!(tagElements !== null && tagElements !== void 0 && tagElements.length) || hasMultiValue : isValid || hasSingleValue;\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      appearance: appearance,\n      hasValue: hasValue,\n      name: 'input',\n      cleanable: cleanable\n    })),\n    pickerClasses = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  var classes = merge(pickerClasses, (_merge = {}, _merge[prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"tag\"])))] = multi, _merge[prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"focused\"])))] = open, _merge[prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)([\"disabled-options\"])))] = disabledOptions, _merge));\n  var searching = !!searchKeyword && open;\n  var displaySearchInput = searchable && !disabled;\n  var inputProps = multi ? {\n    inputStyle: {\n      maxWidth: maxWidth - 63\n    },\n    as: _InputAutosize.default\n  } : {\n    as: 'input'\n  };\n  if (plaintext) {\n    var plaintextProps = {};\n\n    // TagPicker has -6px margin-left on the plaintext wrapper\n    // for fixing margin-left on tags from 2nd line on\n    if (multi && hasValue) {\n      plaintextProps.style = {\n        marginLeft: -6\n      };\n    }\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, (0, _extends2.default)({\n      localeKey: \"notSelected\",\n      ref: targetRef\n    }, plaintextProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 793,\n        columnNumber: 9\n      }\n    }), itemNode || (tagElements !== null && tagElements !== void 0 && tagElements.length ? tagElements : null) || placeholder);\n  }\n  var placeholderNode = placeholder || (disabledOptions ? null : locale === null || locale === void 0 ? void 0 : locale.placeholder);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    trigger: \"active\",\n    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),\n    onEntered: (0, _utils.createChainedFunction)(onEntered, onOpen),\n    onExit: (0, _utils.createChainedFunction)(handleExit, onExit),\n    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),\n    speaker: renderDropdownMenu,\n    placement: placement,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 802,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    onClick: focusInput,\n    onKeyDown: onPickerKeyDown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 813,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    id: id,\n    appearance: appearance,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    ref: targetRef,\n    as: toggleAs,\n    tabIndex: undefined,\n    onClean: handleClean,\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: open,\n    disabled: disabled,\n    placement: placement,\n    inputValue: value,\n    caret: !disabledOptions,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 819,\n      columnNumber: 11\n    }\n  }), searching || multi && hasValue ? null : itemNode || placeholderNode), !(!multi && disabled) && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)([\"tag-wrapper\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 841,\n      columnNumber: 13\n    }\n  }, tagElements, displaySearchInput && /*#__PURE__*/_react.default.createElement(_InputSearch.default, (0, _extends2.default)({}, inputProps, {\n    tabIndex: tabIndex,\n    readOnly: readOnly,\n    onBlur: onBlur,\n    onFocus: (0, _utils.createChainedFunction)(handleFocus, onFocus),\n    inputRef: inputRef,\n    onChange: handleSearch,\n    value: open ? searchKeyword : '',\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 844,\n      columnNumber: 17\n    }\n  })))));\n});\nInputPicker.displayName = 'InputPicker';\nInputPicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {\n  locale: _propTypes.default.any,\n  appearance: _propTypes.default.oneOf(['default', 'subtle']),\n  cacheData: _propTypes.default.array,\n  menuAutoWidth: _propTypes.default.bool,\n  menuMaxHeight: _propTypes.default.number,\n  searchable: _propTypes.default.bool,\n  creatable: _propTypes.default.bool,\n  groupBy: _propTypes.default.any,\n  sort: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  renderMenuItem: _propTypes.default.func,\n  renderMenuGroup: _propTypes.default.func,\n  onCreate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onGroupTitleClick: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  virtualized: _propTypes.default.bool,\n  searchBy: _propTypes.default.func\n});\nvar _default = InputPicker;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/InputPicker/InputPicker.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.InputPickerContext = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\nvar _remove = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\nvar _clone = _interopRequireDefault(__webpack_require__(/*! lodash/clone */ \"./node_modules/lodash/clone.js\"));\nvar _isArray = _interopRequireDefault(__webpack_require__(/*! lodash/isArray */ \"./node_modules/lodash/isArray.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _getWidth = _interopRequireDefault(__webpack_require__(/*! dom-lib/getWidth */ \"./node_modules/dom-lib/esm/getWidth.js\"));\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _getDataGroupBy = __webpack_require__(/*! ../utils/getDataGroupBy */ \"./src/utils/getDataGroupBy.ts\");\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ../Tag */ \"./src/Tag/index.tsx\"));\nvar _InputAutosize = _interopRequireDefault(__webpack_require__(/*! ./InputAutosize */ \"./src/InputPicker/InputAutosize.tsx\"));\nvar _InputSearch = _interopRequireDefault(__webpack_require__(/*! ./InputSearch */ \"./src/InputPicker/InputSearch.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InputPicker/InputPicker.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2,\n  _templateObject3,\n  _templateObject4,\n  _templateObject5;\nvar InputPickerContext = /*#__PURE__*/_react.default.createContext({\n  tagProps: {},\n  trigger: 'Enter'\n});\nexports.InputPickerContext = InputPickerContext;\nvar InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _merge;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    _props$cacheData = props.cacheData,\n    cacheData = _props$cacheData === void 0 ? [] : _props$cacheData,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    _props$data = props.data,\n    controlledData = _props$data === void 0 ? [] : _props$data,\n    disabled = props.disabled,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    defaultValue = props.defaultValue,\n    _props$defaultOpen = props.defaultOpen,\n    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n    overrideLocale = props.locale,\n    toggleAs = props.toggleAs,\n    style = props.style,\n    _props$searchable = props.searchable,\n    searchable = _props$searchable === void 0 ? true : _props$searchable,\n    controlledOpen = props.open,\n    placeholder = props.placeholder,\n    groupBy = props.groupBy,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    _props$menuAutoWidth = props.menuAutoWidth,\n    menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,\n    _props$menuMaxHeight = props.menuMaxHeight,\n    menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,\n    creatable = props.creatable,\n    shouldDisplayCreateOption = props.shouldDisplayCreateOption,\n    valueProp = props.value,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    virtualized = props.virtualized,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    listProps = props.listProps,\n    id = props.id,\n    tabIndex = props.tabIndex,\n    sort = props.sort,\n    renderMenu = props.renderMenu,\n    renderExtraFooter = props.renderExtraFooter,\n    renderValue = props.renderValue,\n    renderMenuItem = props.renderMenuItem,\n    renderMenuGroup = props.renderMenuGroup,\n    onEnter = props.onEnter,\n    onEntered = props.onEntered,\n    onExit = props.onExit,\n    onExited = props.onExited,\n    onChange = props.onChange,\n    onClean = props.onClean,\n    onCreate = props.onCreate,\n    onSearch = props.onSearch,\n    onSelect = props.onSelect,\n    onOpen = props.onOpen,\n    onClose = props.onClose,\n    onBlur = props.onBlur,\n    onFocus = props.onFocus,\n    searchBy = props.searchBy,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"appearance\", \"cleanable\", \"cacheData\", \"classPrefix\", \"data\", \"disabled\", \"readOnly\", \"plaintext\", \"defaultValue\", \"defaultOpen\", \"disabledItemValues\", \"locale\", \"toggleAs\", \"style\", \"searchable\", \"open\", \"placeholder\", \"groupBy\", \"menuClassName\", \"menuStyle\", \"menuAutoWidth\", \"menuMaxHeight\", \"creatable\", \"shouldDisplayCreateOption\", \"value\", \"valueKey\", \"virtualized\", \"labelKey\", \"listProps\", \"id\", \"tabIndex\", \"sort\", \"renderMenu\", \"renderExtraFooter\", \"renderValue\", \"renderMenuItem\", \"renderMenuGroup\", \"onEnter\", \"onEntered\", \"onExit\", \"onExited\", \"onChange\", \"onClean\", \"onCreate\", \"onSearch\", \"onSelect\", \"onOpen\", \"onClose\", \"onBlur\", \"onFocus\", \"searchBy\", \"placement\"]);\n  var _useContext = (0, _react.useContext)(InputPickerContext),\n    multi = _useContext.multi,\n    tagProps = _useContext.tagProps,\n    trigger = _useContext.trigger,\n    disabledOptions = _useContext.disabledOptions,\n    onTagRemove = _useContext.onTagRemove;\n  if (groupBy === valueKey || groupBy === labelKey) {\n    throw Error('`groupBy` can not be equal to `valueKey` and `labelKey`');\n  }\n  var overlayRef = (0, _react.useRef)(null);\n  var targetRef = (0, _react.useRef)(null);\n  var triggerRef = (0, _react.useRef)(null);\n  var inputRef = (0, _react.useRef)();\n  var listRef = (0, _react.useRef)(null);\n  var _useCustom = (0, _utils.useCustom)(['Picker', 'InputPicker'], overrideLocale),\n    locale = _useCustom.locale;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var _useState = (0, _react.useState)(controlledData),\n    uncontrolledData = _useState[0],\n    setData = _useState[1];\n  var _useState2 = (0, _react.useState)(100),\n    maxWidth = _useState2[0],\n    setMaxWidth = _useState2[1];\n  var _useState3 = (0, _react.useState)([]),\n    newData = _useState3[0],\n    setNewData = _useState3[1];\n  var _useState4 = (0, _react.useState)(defaultOpen),\n    uncontrolledOpen = _useState4[0],\n    setOpen = _useState4[1];\n  var open = (0, _isUndefined.default)(controlledOpen) ? uncontrolledOpen : controlledOpen;\n  var getAllData = (0, _react.useCallback)(function () {\n    return [].concat(uncontrolledData, newData);\n  }, [uncontrolledData, newData]);\n  var getAllDataAndCache = (0, _react.useCallback)(function () {\n    return [].concat(getAllData(), cacheData);\n  }, [getAllData, cacheData]);\n  var _useControlled = (0, _utils.useControlled)(valueProp, multi ? defaultValue || [] : defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1],\n    isControlled = _useControlled[2];\n  var cloneValue = (0, _react.useCallback)(function () {\n    return multi ? (0, _clone.default)(value) || [] : value;\n  }, [multi, value]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current;\n    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.close();\n  }, [triggerRef]);\n\n  // Used to hover the focuse item  when trigger `onKeydown`\n  var _useFocusItemValue = (0, _Picker.useFocusItemValue)(multi ? value === null || value === void 0 ? void 0 : value[0] : value, {\n      data: getAllDataAndCache(),\n      valueKey: valueKey,\n      target: function target() {\n        return overlayRef.current;\n      }\n    }),\n    focusItemValue = _useFocusItemValue.focusItemValue,\n    setFocusItemValue = _useFocusItemValue.setFocusItemValue,\n    onKeyDown = _useFocusItemValue.onKeyDown;\n  var handleSearchCallback = (0, _react.useCallback)(function (searchKeyword, filteredData, event) {\n    var _filteredData$;\n    // The first option after filtering is the focus.\n    setFocusItemValue(disabledOptions ? searchKeyword : (filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]) || searchKeyword);\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);\n  }, [disabledOptions, setFocusItemValue, valueKey, onSearch]);\n\n  // Use search keywords to filter options.\n  var _useSearch = (0, _Picker.useSearch)(getAllData(), {\n      labelKey: labelKey,\n      searchBy: searchBy,\n      callback: handleSearchCallback\n    }),\n    searchKeyword = _useSearch.searchKeyword,\n    resetSearch = _useSearch.resetSearch,\n    checkShouldDisplay = _useSearch.checkShouldDisplay,\n    handleSearch = _useSearch.handleSearch; // Update the state when the data in props changes\n  (0, _react.useEffect)(function () {\n    if (controlledData && !(0, _shallowEqual.default)(controlledData, uncontrolledData)) {\n      var _controlledData$;\n      setData(controlledData);\n      setNewData([]);\n      setFocusItemValue(controlledData === null || controlledData === void 0 ? void 0 : (_controlledData$ = controlledData[0]) === null || _controlledData$ === void 0 ? void 0 : _controlledData$[valueKey]);\n    }\n  }, [setFocusItemValue, controlledData, uncontrolledData, valueKey]);\n  (0, _react.useEffect)(function () {\n    var _triggerRef$current2;\n    // In multiple selection, you need to set a maximum width for the input.\n    if ((_triggerRef$current2 = triggerRef.current) !== null && _triggerRef$current2 !== void 0 && _triggerRef$current2.root) {\n      setMaxWidth((0, _getWidth.default)(triggerRef.current.root));\n    }\n  }, []);\n\n  // Update the position of the menu when the search keyword and value change\n  (0, _react.useEffect)(function () {\n    var _triggerRef$current3, _triggerRef$current3$;\n    (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : (_triggerRef$current3$ = _triggerRef$current3.updatePosition) === null || _triggerRef$current3$ === void 0 ? void 0 : _triggerRef$current3$.call(_triggerRef$current3);\n  }, [searchKeyword, value]);\n  var getDateItem = function getDateItem(value) {\n    // Find active `MenuItem` by `value`\n    var allData = getAllDataAndCache();\n    var activeItem = allData.find(function (item) {\n      return (0, _shallowEqual.default)(item[valueKey], value);\n    });\n    var itemNode = placeholder;\n    if (activeItem !== null && activeItem !== void 0 && activeItem[labelKey]) {\n      itemNode = activeItem === null || activeItem === void 0 ? void 0 : activeItem[labelKey];\n    }\n    return {\n      isValid: !!activeItem,\n      activeItem: activeItem,\n      itemNode: itemNode\n    };\n  };\n  var getInput = (0, _react.useCallback)(function () {\n    var _inputRef$current;\n    return multi ? (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.input : inputRef.current;\n  }, [inputRef, multi]);\n  var focusInput = (0, _react.useCallback)(function () {\n    var _getInput;\n    return (_getInput = getInput()) === null || _getInput === void 0 ? void 0 : _getInput.focus();\n  }, [getInput]);\n  var blurInput = (0, _react.useCallback)(function () {\n    var _getInput2;\n    return (_getInput2 = getInput()) === null || _getInput2 === void 0 ? void 0 : _getInput2.blur();\n  }, [getInput]);\n\n  /**\n   * Convert the string of the newly created option into an object.\n   */\n  var createOption = (0, _react.useCallback)(function (value) {\n    var _ref2;\n    if (groupBy) {\n      var _ref;\n      return _ref = {\n        create: true\n      }, _ref[groupBy] = locale === null || locale === void 0 ? void 0 : locale.newItem, _ref[valueKey] = value, _ref[labelKey] = value, _ref;\n    }\n    return _ref2 = {\n      create: true\n    }, _ref2[valueKey] = value, _ref2[labelKey] = value, _ref2;\n  }, [groupBy, valueKey, labelKey, locale]);\n  var handleChange = (0, _react.useCallback)(function (value, event) {\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n  }, [onChange]);\n  var handleRemoveItemByTag = (0, _react.useCallback)(function (tag, event) {\n    event.stopPropagation();\n    var val = cloneValue();\n    (0, _remove.default)(val, function (itemVal) {\n      return (0, _shallowEqual.default)(itemVal, tag);\n    });\n    setValue(val);\n    handleChange(val, event);\n    onTagRemove === null || onTagRemove === void 0 ? void 0 : onTagRemove(tag, event);\n  }, [cloneValue, setValue, handleChange, onTagRemove]);\n  var handleSelect = (0, _react.useCallback)(function (value, item, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event);\n    if (creatable && item.create) {\n      delete item.create;\n      onCreate === null || onCreate === void 0 ? void 0 : onCreate(value, item, event);\n      setNewData(newData.concat(item));\n    }\n  }, [creatable, newData, onSelect, onCreate]);\n\n  /**\n   * Callback triggered by single selection\n   * @param value\n   * @param item\n   * @param event\n   */\n  var handleSelectItem = function handleSelectItem(value, item, event) {\n    setValue(value);\n    setFocusItemValue(value);\n    resetSearch();\n    handleSelect(value, item, event);\n    handleChange(value, event);\n    handleClose();\n  };\n\n  /**\n   * Callback triggered by multiple selection\n   * @param nextItemValue\n   * @param item\n   * @param event\n   * @param checked\n   */\n  var handleCheckTag = function handleCheckTag(nextItemValue, item, event, checked) {\n    var val = cloneValue();\n    if (checked) {\n      val.push(nextItemValue);\n    } else {\n      (0, _remove.default)(val, function (itemVal) {\n        return (0, _shallowEqual.default)(itemVal, nextItemValue);\n      });\n    }\n    setValue(val);\n    resetSearch();\n    setFocusItemValue(nextItemValue);\n    handleSelect(val, item, event);\n    handleChange(val, event);\n    focusInput();\n  };\n  var handleTagKeyPress = (0, _react.useCallback)(function (event) {\n    // When composing, ignore the keypress event.\n    if (event.nativeEvent.isComposing) {\n      return;\n    }\n    var val = cloneValue();\n    var data = getAllData();\n    if (!focusItemValue || !data) {\n      return;\n    }\n\n    // If the value is disabled in this option, it is returned.\n    if (disabledItemValues !== null && disabledItemValues !== void 0 && disabledItemValues.some(function (item) {\n      return item === focusItemValue;\n    })) {\n      return;\n    }\n    if (!val.some(function (v) {\n      return (0, _shallowEqual.default)(v, focusItemValue);\n    })) {\n      val.push(focusItemValue);\n    } else if (!disabledOptions) {\n      (0, _remove.default)(val, function (itemVal) {\n        return (0, _shallowEqual.default)(itemVal, focusItemValue);\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    if (!focusItem) {\n      focusItem = createOption(focusItemValue);\n    }\n    setValue(val);\n    resetSearch();\n    handleSelect(val, focusItem, event);\n    handleChange(val, event);\n  }, [cloneValue, getAllData, focusItemValue, disabledItemValues, disabledOptions, setValue, resetSearch, handleSelect, handleChange, valueKey, createOption]);\n  var handleMenuItemKeyPress = (0, _react.useCallback)(function (event) {\n    if (!focusItemValue || !controlledData) {\n      return;\n    }\n\n    // If the value is disabled in this option, it is returned.\n    if (disabledItemValues !== null && disabledItemValues !== void 0 && disabledItemValues.some(function (item) {\n      return item === focusItemValue;\n    })) {\n      return;\n    }\n\n    // Find active `MenuItem` by `value`\n    var allData = getAllData();\n    var focusItem = allData.find(function (item) {\n      return (0, _shallowEqual.default)(item[valueKey], focusItemValue);\n    });\n\n    // FIXME Bad state flow\n    if (!focusItem && focusItemValue === searchKeyword) {\n      focusItem = createOption(searchKeyword);\n    }\n    setValue(focusItemValue);\n    resetSearch();\n    if (focusItem) {\n      handleSelect(focusItemValue, focusItem, event);\n    }\n    handleChange(focusItemValue, event);\n    handleClose();\n  }, [setValue, disabledItemValues, controlledData, focusItemValue, valueKey, searchKeyword, handleClose, resetSearch, createOption, getAllData, handleChange, handleSelect]);\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef,\n    listRef: listRef\n  });\n\n  /**\n   * Remove the last item, after pressing the back key on the keyboard.\n   * @param event\n   */\n  var removeLastItem = (0, _react.useCallback)(function (event) {\n    var target = event === null || event === void 0 ? void 0 : event.target;\n    if ((target === null || target === void 0 ? void 0 : target.tagName) !== 'INPUT') {\n      focusInput();\n      return;\n    }\n    if ((target === null || target === void 0 ? void 0 : target.tagName) === 'INPUT' && target !== null && target !== void 0 && target.value) {\n      return;\n    }\n    var val = cloneValue();\n    val.pop();\n    setValue(val);\n    handleChange(val, event);\n  }, [setValue, focusInput, handleChange, cloneValue]);\n  var handleClean = (0, _react.useCallback)(function (event) {\n    if (disabled || searchKeyword !== '') {\n      return;\n    }\n    setValue(null);\n    setFocusItemValue(null);\n    resetSearch();\n    if (multi) {\n      handleChange([], event);\n    } else {\n      handleChange(null, event);\n    }\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n  }, [disabled, searchKeyword, setValue, setFocusItemValue, resetSearch, multi, onClean, handleChange]);\n  var events = {\n    onMenuPressBackspace: multi ? removeLastItem : handleClean,\n    onMenuKeyDown: onKeyDown,\n    onMenuPressEnter: undefined,\n    onKeyDown: undefined\n  };\n  var handleKeyPress = (0, _react.useCallback)(function (event) {\n    // When typing a space, create a tag.\n    if ((0, _utils.isOneOf)('Space', trigger) && event.key === _utils.KEY_VALUES.SPACE) {\n      handleTagKeyPress(event);\n      event.preventDefault();\n    }\n\n    // When typing a comma, create a tag.\n    if ((0, _utils.isOneOf)('Comma', trigger) && event.key === _utils.KEY_VALUES.COMMA) {\n      handleTagKeyPress(event);\n      event.preventDefault();\n    }\n  }, [handleTagKeyPress, trigger]);\n  if (multi) {\n    if ((0, _utils.isOneOf)('Enter', trigger)) {\n      events.onMenuPressEnter = handleTagKeyPress;\n    }\n    if (creatable) {\n      events.onKeyDown = handleKeyPress;\n    }\n  } else {\n    events.onMenuPressEnter = handleMenuItemKeyPress;\n  }\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    overlayRef: overlayRef\n  }, events, rest));\n  var handleExited = (0, _react.useCallback)(function () {\n    setFocusItemValue(multi ? value === null || value === void 0 ? void 0 : value[0] : value);\n    resetSearch();\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n  }, [setFocusItemValue, resetSearch, onClose, value, multi]);\n  var handleFocus = (0, _react.useCallback)(function () {\n    if (!readOnly) {\n      var _triggerRef$current4;\n      setOpen(true);\n      (_triggerRef$current4 = triggerRef.current) === null || _triggerRef$current4 === void 0 ? void 0 : _triggerRef$current4.open();\n    }\n  }, [readOnly]);\n  var handleEnter = (0, _react.useCallback)(function () {\n    focusInput();\n    setOpen(true);\n  }, [focusInput]);\n  var handleExit = (0, _react.useCallback)(function () {\n    blurInput();\n    setOpen(false);\n  }, [blurInput]);\n  var renderDropdownMenuItem = function renderDropdownMenuItem(label, item) {\n    // 'Create option \"{0}\"' =>  Create option \"xxxxx\"\n    var newLabel = item.create ? /*#__PURE__*/_react.default.createElement(\"span\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 615,\n        columnNumber: 9\n      }\n    }, (0, _utils.tplTransform)(locale.createOption, label)) : label;\n    return renderMenuItem ? renderMenuItem(newLabel, item) : newLabel;\n  };\n  var checkValue = function checkValue() {\n    if (multi) {\n      return {\n        isValid: false,\n        itemNode: null\n      };\n    }\n    var dataItem = getDateItem(value);\n    var itemNode = dataItem.itemNode;\n    if (!(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue)) {\n      itemNode = renderValue(value, dataItem.activeItem, itemNode);\n    }\n    return {\n      isValid: dataItem.isValid,\n      itemNode: itemNode\n    };\n  };\n  var renderMultiValue = function renderMultiValue() {\n    if (!multi) {\n      return null;\n    }\n    var _tagProps$closable = tagProps.closable,\n      closable = _tagProps$closable === void 0 ? true : _tagProps$closable,\n      onClose = tagProps.onClose,\n      tagRest = (0, _objectWithoutPropertiesLoose2.default)(tagProps, [\"closable\", \"onClose\"]);\n    var tags = value || [];\n    var items = [];\n    var tagElements = tags.map(function (tag) {\n      var _getDateItem = getDateItem(tag),\n        isValid = _getDateItem.isValid,\n        itemNode = _getDateItem.itemNode,\n        activeItem = _getDateItem.activeItem;\n      items.push(activeItem);\n      if (!isValid) {\n        return null;\n      }\n      return /*#__PURE__*/_react.default.createElement(_Tag.default, (0, _extends2.default)({}, tagRest, {\n        key: tag,\n        size: rest.size === 'lg' ? 'lg' : rest.size === 'xs' ? 'sm' : 'md',\n        closable: !disabled && closable && !readOnly && !plaintext,\n        title: typeof itemNode === 'string' ? itemNode : undefined,\n        onClose: (0, _utils.createChainedFunction)(handleRemoveItemByTag.bind(null, tag), onClose),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 660,\n          columnNumber: 13\n        }\n      }), itemNode);\n    }).filter(function (item) {\n      return item !== null;\n    });\n    if ((tags.length > 0 || isControlled) && (0, _isFunction.default)(renderValue)) {\n      return renderValue(value, items, tagElements);\n    }\n    return tagElements;\n  };\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var menuClassPrefix = multi ? 'picker-check-menu' : 'picker-select-menu';\n    var classes = merge(className, menuClassName, prefix(multi ? 'check-menu' : 'select-menu'));\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var items = (0, _treeUtils.filterNodesOfTree)(getAllData(), checkShouldDisplay);\n    if (creatable && (typeof shouldDisplayCreateOption === 'function' ? shouldDisplayCreateOption(searchKeyword, items) : searchKeyword && !items.find(function (item) {\n      return item[valueKey] === searchKeyword;\n    }))) {\n      items = [].concat(items, [createOption(searchKeyword)]);\n    }\n\n    // Create a tree structure data when set `groupBy`\n    if (groupBy) {\n      items = (0, _getDataGroupBy.getDataGroupBy)(items, groupBy, sort);\n    } else if (typeof sort === 'function') {\n      items = items.sort(sort(false));\n    }\n    if (disabledOptions) {\n      return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n        ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 706,\n          columnNumber: 16\n        }\n      });\n    }\n    var menu = items.length ? /*#__PURE__*/_react.default.createElement(_Picker.DropdownMenu, {\n      id: id ? id + \"-listbox\" : undefined,\n      listProps: listProps,\n      listRef: listRef,\n      disabledItemValues: disabledItemValues,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      classPrefix: menuClassPrefix,\n      dropdownMenuItemClassPrefix: multi ? undefined : menuClassPrefix + \"-item\",\n      dropdownMenuItemAs: multi ? _Picker.DropdownMenuCheckItem : _Picker.DropdownMenuItem,\n      activeItemValues: multi ? value : [value],\n      focusItemValue: focusItemValue,\n      maxHeight: menuMaxHeight,\n      data: items\n      // FIXME-Doma\n      // `group` is redundant so long as `groupBy` exists\n      ,\n      group: !(0, _isUndefined.default)(groupBy),\n      groupBy: groupBy,\n      onSelect: multi ? handleCheckTag : handleSelectItem // fixme don't use any\n      ,\n      renderMenuGroup: renderMenuGroup,\n      renderMenuItem: renderDropdownMenuItem,\n      virtualized: virtualized,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 710,\n        columnNumber: 9\n      }\n    }) : /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"none\"]))),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 734,\n        columnNumber: 9\n      }\n    }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      target: triggerRef,\n      onKeyDown: onPickerKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 738,\n        columnNumber: 9\n      }\n    }, renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n  var _checkValue = checkValue(),\n    isValid = _checkValue.isValid,\n    itemNode = _checkValue.itemNode;\n  var tagElements = renderMultiValue();\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   * 3.If renderValue returns null or undefined, hasValue is false.\n   */\n  var hasSingleValue = !(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue) && !(0, _isNil.default)(itemNode);\n  var hasMultiValue = (0, _isArray.default)(value) && value.length > 0 && (0, _isFunction.default)(renderValue) && !(0, _isNil.default)(tagElements);\n  var hasValue = multi ? !!(tagElements !== null && tagElements !== void 0 && tagElements.length) || hasMultiValue : isValid || hasSingleValue;\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      appearance: appearance,\n      hasValue: hasValue,\n      name: 'input',\n      cleanable: cleanable\n    })),\n    pickerClasses = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  var classes = merge(pickerClasses, (_merge = {}, _merge[prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"tag\"])))] = multi, _merge[prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"focused\"])))] = open, _merge[prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)([\"disabled-options\"])))] = disabledOptions, _merge));\n  var searching = !!searchKeyword && open;\n  var displaySearchInput = searchable && !disabled;\n  var inputProps = multi ? {\n    inputStyle: {\n      maxWidth: maxWidth - 63\n    },\n    as: _InputAutosize.default\n  } : {\n    as: 'input'\n  };\n  if (plaintext) {\n    var plaintextProps = {};\n\n    // TagPicker has -6px margin-left on the plaintext wrapper\n    // for fixing margin-left on tags from 2nd line on\n    if (multi && hasValue) {\n      plaintextProps.style = {\n        marginLeft: -6\n      };\n    }\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, (0, _extends2.default)({\n      localeKey: \"notSelected\",\n      ref: targetRef\n    }, plaintextProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 798,\n        columnNumber: 9\n      }\n    }), itemNode || (tagElements !== null && tagElements !== void 0 && tagElements.length ? tagElements : null) || placeholder);\n  }\n  var placeholderNode = placeholder || (disabledOptions ? null : locale === null || locale === void 0 ? void 0 : locale.placeholder);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    trigger: \"active\",\n    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),\n    onEntered: (0, _utils.createChainedFunction)(onEntered, onOpen),\n    onExit: (0, _utils.createChainedFunction)(handleExit, onExit),\n    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),\n    speaker: renderDropdownMenu,\n    placement: placement,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 807,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    onClick: focusInput,\n    onKeyDown: onPickerKeyDown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 818,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    id: id,\n    appearance: appearance,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    ref: targetRef,\n    as: toggleAs,\n    tabIndex: undefined,\n    onClean: handleClean,\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: open,\n    disabled: disabled,\n    placement: placement,\n    inputValue: value,\n    caret: !disabledOptions,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 824,\n      columnNumber: 11\n    }\n  }), searching || multi && hasValue ? null : itemNode || placeholderNode), !(!multi && disabled) && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)([\"tag-wrapper\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 846,\n      columnNumber: 13\n    }\n  }, tagElements, displaySearchInput && /*#__PURE__*/_react.default.createElement(_InputSearch.default, (0, _extends2.default)({}, inputProps, {\n    tabIndex: tabIndex,\n    readOnly: readOnly,\n    onBlur: onBlur,\n    onFocus: (0, _utils.createChainedFunction)(handleFocus, onFocus),\n    inputRef: inputRef,\n    onChange: handleSearch,\n    value: open ? searchKeyword : '',\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 849,\n      columnNumber: 17\n    }\n  })))));\n});\nInputPicker.displayName = 'InputPicker';\nInputPicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {\n  locale: _propTypes.default.any,\n  appearance: _propTypes.default.oneOf(['default', 'subtle']),\n  cacheData: _propTypes.default.array,\n  menuAutoWidth: _propTypes.default.bool,\n  menuMaxHeight: _propTypes.default.number,\n  searchable: _propTypes.default.bool,\n  creatable: _propTypes.default.bool,\n  groupBy: _propTypes.default.any,\n  sort: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  renderMenuItem: _propTypes.default.func,\n  renderMenuGroup: _propTypes.default.func,\n  onCreate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onGroupTitleClick: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  virtualized: _propTypes.default.bool,\n  searchBy: _propTypes.default.func\n});\nvar _default = InputPicker;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/InputPicker/InputPicker.tsx?");
 
 /***/ }),
 
@@ -4734,7 +4734,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _InputPicker = _interopRequireWildcard(__webpack_require__(/*! ../InputPicker/InputPicker */ \"./src/InputPicker/InputPicker.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/TagInput/index.tsx\",\n  _this = void 0;\nvar TagInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$tagProps = props.tagProps,\n    tagProps = _props$tagProps === void 0 ? {} : _props$tagProps,\n    _props$trigger = props.trigger,\n    trigger = _props$trigger === void 0 ? 'Enter' : _props$trigger,\n    value = props.value,\n    defaultValue = props.defaultValue,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"tagProps\", \"trigger\", \"value\", \"defaultValue\"]);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      multi: true,\n      disabledOptions: true,\n      trigger: trigger,\n      tagProps: tagProps\n    };\n  }, [tagProps, trigger]);\n  var data = (0, _react.useMemo)(function () {\n    return (value || defaultValue || []).map(function (v) {\n      return {\n        value: v,\n        label: v\n      };\n    });\n  }, [defaultValue, value]);\n  return /*#__PURE__*/_react.default.createElement(_InputPicker.InputPickerContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 35,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_InputPicker.default, (0, _extends2.default)({}, rest, {\n    value: value,\n    defaultValue: defaultValue,\n    data: data,\n    placement: undefined,\n    creatable: true,\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 36,\n      columnNumber: 7\n    }\n  })));\n});\nTagInput.displayName = 'TagInput';\nvar _default = TagInput;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/TagInput/index.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _InputPicker = _interopRequireWildcard(__webpack_require__(/*! ../InputPicker/InputPicker */ \"./src/InputPicker/InputPicker.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/TagInput/index.tsx\",\n  _this = void 0;\nvar TagInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$tagProps = props.tagProps,\n    tagProps = _props$tagProps === void 0 ? {} : _props$tagProps,\n    _props$trigger = props.trigger,\n    trigger = _props$trigger === void 0 ? 'Enter' : _props$trigger,\n    value = props.value,\n    defaultValue = props.defaultValue,\n    onTagRemove = props.onTagRemove,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"tagProps\", \"trigger\", \"value\", \"defaultValue\", \"onTagRemove\"]);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      multi: true,\n      disabledOptions: true,\n      trigger: trigger,\n      tagProps: tagProps,\n      onTagRemove: onTagRemove\n    };\n  }, [onTagRemove, tagProps, trigger]);\n  var data = (0, _react.useMemo)(function () {\n    return (value || defaultValue || []).map(function (v) {\n      return {\n        value: v,\n        label: v\n      };\n    });\n  }, [defaultValue, value]);\n  return /*#__PURE__*/_react.default.createElement(_InputPicker.InputPickerContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 38,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_InputPicker.default, (0, _extends2.default)({}, rest, {\n    value: value,\n    defaultValue: defaultValue,\n    data: data,\n    placement: undefined,\n    creatable: true,\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 39,\n      columnNumber: 7\n    }\n  })));\n});\nTagInput.displayName = 'TagInput';\nvar _default = TagInput;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/TagInput/index.tsx?");
 
 /***/ }),
 
@@ -4745,7 +4745,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _InputPicker = _interopRequireWildcard(__webpack_require__(/*! ../InputPicker/InputPicker */ \"./src/InputPicker/InputPicker.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/TagPicker/index.tsx\",\n  _this = void 0;\nvar TagPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$tagProps = props.tagProps,\n    tagProps = _props$tagProps === void 0 ? {} : _props$tagProps,\n    _props$trigger = props.trigger,\n    trigger = _props$trigger === void 0 ? 'Enter' : _props$trigger,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"tagProps\", \"trigger\"]);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      multi: true,\n      trigger: trigger,\n      tagProps: tagProps\n    };\n  }, [tagProps, trigger]);\n  return /*#__PURE__*/_react.default.createElement(_InputPicker.InputPickerContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 26,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_InputPicker.default, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 27,\n      columnNumber: 9\n    }\n  })));\n});\nTagPicker.displayName = 'TagPicker';\nvar _default = TagPicker;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/TagPicker/index.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _InputPicker = _interopRequireWildcard(__webpack_require__(/*! ../InputPicker/InputPicker */ \"./src/InputPicker/InputPicker.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/TagPicker/index.tsx\",\n  _this = void 0;\nvar TagPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$tagProps = props.tagProps,\n    tagProps = _props$tagProps === void 0 ? {} : _props$tagProps,\n    _props$trigger = props.trigger,\n    trigger = _props$trigger === void 0 ? 'Enter' : _props$trigger,\n    onTagRemove = props.onTagRemove,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"tagProps\", \"trigger\", \"onTagRemove\"]);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      multi: true,\n      trigger: trigger,\n      tagProps: tagProps,\n      onTagRemove: onTagRemove\n    };\n  }, [onTagRemove, tagProps, trigger]);\n  return /*#__PURE__*/_react.default.createElement(_InputPicker.InputPickerContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 32,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_InputPicker.default, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 33,\n      columnNumber: 9\n    }\n  })));\n});\nTagPicker.displayName = 'TagPicker';\nvar _default = TagPicker;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/TagPicker/index.tsx?");
 
 /***/ }),
 
@@ -9655,7 +9655,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_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 prop_types__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\");\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\");\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_isNil__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\");\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _rsuite_icons_ArrowRight__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @rsuite/icons/ArrowRight */ \"./node_modules/@rsuite/icons/ArrowRight.js\");\n/* harmony import */ var _rsuite_icons_ArrowDown__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @rsuite/icons/ArrowDown */ \"./node_modules/@rsuite/icons/ArrowDown.js\");\n/* harmony import */ var _Column__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Column */ \"./node_modules/rsuite-table/es/Column.js\");\n'use client';\n\n\n\nvar _excluded = [\"classPrefix\", \"width\", \"left\", \"headerHeight\", \"depth\", \"height\", \"style\", \"className\", \"fullText\", \"firstColumn\", \"lastColumn\", \"isHeaderCell\", \"align\", \"children\", \"rowData\", \"dataKey\", \"rowIndex\", \"removed\", \"rowKey\", \"rowSpan\", \"wordWrap\", \"verticalAlign\", \"expanded\", \"treeCol\", \"hasChildren\", \"predefinedStyle\", \"renderCell\", \"renderTreeToggle\", \"onClick\", \"onTreeToggle\"];\n\n\n\n\n\n\n\n\n\n\n\nvar groupKeys = ['groupCount', 'groupHeader', 'groupHeaderHeight', 'groupAlign', 'groupVerticalAlign', 'renderSortIcon'];\nvar Cell = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var _extends2, _extends3;\n\n  var _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'cell' : _props$classPrefix,\n      _props$width = props.width,\n      width = _props$width === void 0 ? 0 : _props$width,\n      _props$left = props.left,\n      left = _props$left === void 0 ? 0 : _props$left,\n      _props$headerHeight = props.headerHeight,\n      headerHeight = _props$headerHeight === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_6__.ROW_HEADER_HEIGHT : _props$headerHeight,\n      _props$depth = props.depth,\n      depth = _props$depth === void 0 ? 0 : _props$depth,\n      _props$height = props.height,\n      height = _props$height === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_6__.ROW_HEIGHT : _props$height,\n      style = props.style,\n      className = props.className,\n      fullText = props.fullText,\n      firstColumn = props.firstColumn,\n      lastColumn = props.lastColumn,\n      isHeaderCell = props.isHeaderCell,\n      align = props.align,\n      children = props.children,\n      rowData = props.rowData,\n      dataKey = props.dataKey,\n      rowIndex = props.rowIndex,\n      removed = props.removed,\n      rowKey = props.rowKey,\n      rowSpan = props.rowSpan,\n      wordWrap = props.wordWrap,\n      verticalAlign = props.verticalAlign,\n      expanded = props.expanded,\n      treeCol = props.treeCol,\n      hasChildren = props.hasChildren,\n      predefinedStyle = props.predefinedStyle,\n      renderCell = props.renderCell,\n      renderTreeToggle = props.renderTreeToggle,\n      onClick = props.onClick,\n      onTreeToggle = props.onTreeToggle,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded);\n\n  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2___default().useContext(_TableContext__WEBPACK_IMPORTED_MODULE_8__[\"default\"]),\n      rtl = _React$useContext.rtl,\n      hasCustomTreeCol = _React$useContext.hasCustomTreeCol,\n      isTree = _React$useContext.isTree;\n\n  var isTreeCol = treeCol || !hasCustomTreeCol && firstColumn && isTree;\n  var cellHeight = typeof height === 'function' ? height(rowData) : height;\n\n  if (isTreeCol && !isHeaderCell && !rowData) {\n    throw new Error('[Table.Cell]: `rowData` is required for tree column');\n  }\n\n  var handleTreeToggle = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (event) {\n    onTreeToggle === null || onTreeToggle === void 0 ? void 0 : onTreeToggle(rowKey, rowIndex, rowData, event);\n  }, [onTreeToggle, rowData, rowIndex, rowKey]);\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix({\n    expanded: expanded && isTreeCol,\n    first: firstColumn,\n    last: lastColumn,\n    rowspan: rowSpan && !isHeaderCell,\n    'full-text': fullText\n  }));\n  var nextHeight = isHeaderCell ? headerHeight : cellHeight;\n\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, predefinedStyle, (_extends2 = {}, _extends2[fullText ? 'minWidth' : 'width'] = width, _extends2.height = nextHeight, _extends2.zIndex = depth, _extends2[rtl ? 'right' : 'left'] = left, _extends2));\n\n  var paddingKey = rtl ? 'paddingRight' : 'paddingLeft';\n\n  var contentStyles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, style, (_extends3 = {\n    width: fullText ? width - 1 : width,\n    height: nextHeight,\n    textAlign: align\n  }, _extends3[paddingKey] = isTreeCol ? depth * _constants__WEBPACK_IMPORTED_MODULE_6__.LAYER_WIDTH + 10 : (style === null || style === void 0 ? void 0 : style[paddingKey]) || (style === null || style === void 0 ? void 0 : style.padding), _extends3));\n\n  if (verticalAlign) {\n    contentStyles.display = 'table-cell';\n    contentStyles.verticalAlign = verticalAlign;\n  }\n\n  if (wordWrap) {\n    contentStyles.wordBreak = typeof wordWrap === 'boolean' ? 'break-all' : wordWrap;\n    contentStyles.overflowWrap = wordWrap === 'break-word' ? wordWrap : undefined;\n  }\n\n  var cellContent = lodash_isNil__WEBPACK_IMPORTED_MODULE_4___default()(children) && rowData && dataKey ? lodash_get__WEBPACK_IMPORTED_MODULE_5___default()(rowData, dataKey) : children;\n\n  if (typeof children === 'function') {\n    cellContent = children(rowData, rowIndex);\n  }\n\n  var renderTreeNodeExpandIcon = function renderTreeNodeExpandIcon() {\n    var ExpandIconComponent = expanded ? _rsuite_icons_ArrowDown__WEBPACK_IMPORTED_MODULE_10__[\"default\"] : _rsuite_icons_ArrowRight__WEBPACK_IMPORTED_MODULE_9__[\"default\"];\n    var expandButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ExpandIconComponent, {\n      className: prefix('expand-icon')\n    });\n\n    if (isTreeCol && hasChildren) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        role: \"button\",\n        tabIndex: -1,\n        className: prefix('expand-wrapper'),\n        onClick: handleTreeToggle\n      }, renderTreeToggle ? renderTreeToggle(expandButton, rowData, expanded) : expandButton);\n    }\n\n    return null;\n  };\n\n  var content = wordWrap ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: prefix('wrap')\n  }, renderTreeNodeExpandIcon(), renderCell ? renderCell(cellContent) : cellContent) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, renderTreeNodeExpandIcon(), renderCell ? renderCell(cellContent) : cellContent);\n\n  if (removed) {\n    return null;\n  }\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    ref: ref,\n    role: isHeaderCell ? 'columnheader' : 'gridcell'\n  }, lodash_omit__WEBPACK_IMPORTED_MODULE_3___default()(rest, [].concat(groupKeys, _Column__WEBPACK_IMPORTED_MODULE_11__.columnHandledProps)), {\n    onClick: onClick,\n    className: classes,\n    style: styles\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: prefix('content'),\n    style: contentStyles\n  }, content));\n});\nCell.displayName = 'Table.Cell';\nCell.propTypes = {\n  align: prop_types__WEBPACK_IMPORTED_MODULE_12___default().oneOf(['left', 'center', 'right']),\n  verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_12___default().oneOf(['top', 'middle', 'bottom']),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().string),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().string),\n  dataKey: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().string),\n  isHeaderCell: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool),\n  width: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().number),\n  height: prop_types__WEBPACK_IMPORTED_MODULE_12___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_12___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_12___default().func)]),\n  left: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().number),\n  headerHeight: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().number),\n  style: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().object),\n  firstColumn: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool),\n  lastColumn: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool),\n  hasChildren: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().any),\n  rowKey: prop_types__WEBPACK_IMPORTED_MODULE_12___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_12___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_12___default().number)]),\n  rowIndex: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().number),\n  rowData: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().object),\n  depth: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().number),\n  onTreeToggle: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().func),\n  renderTreeToggle: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().func),\n  renderCell: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().func),\n  wordWrap: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().any),\n  removed: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool),\n  treeCol: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool),\n  expanded: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool),\n  fullText: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool)\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Cell);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Cell.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 prop_types__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\");\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\");\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_isNil__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\");\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _rsuite_icons_ArrowRight__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @rsuite/icons/ArrowRight */ \"./node_modules/@rsuite/icons/ArrowRight.js\");\n/* harmony import */ var _rsuite_icons_ArrowDown__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @rsuite/icons/ArrowDown */ \"./node_modules/@rsuite/icons/ArrowDown.js\");\n/* harmony import */ var _Column__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Column */ \"./node_modules/rsuite-table/es/Column.js\");\n'use client';\n\n\nvar _excluded = [\"classPrefix\", \"width\", \"left\", \"headerHeight\", \"depth\", \"height\", \"style\", \"className\", \"fullText\", \"firstColumn\", \"lastColumn\", \"isHeaderCell\", \"align\", \"children\", \"rowData\", \"dataKey\", \"rowIndex\", \"removed\", \"rowKey\", \"rowSpan\", \"wordWrap\", \"verticalAlign\", \"expanded\", \"treeCol\", \"hasChildren\", \"predefinedStyle\", \"renderCell\", \"renderTreeToggle\", \"onClick\", \"onTreeToggle\"];\n\n\n\n\n\n\n\n\n\n\n\nvar groupKeys = ['groupCount', 'groupHeader', 'groupHeaderHeight', 'groupAlign', 'groupVerticalAlign', 'renderSortIcon'];\nvar Cell = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var _extends2, _extends3;\n  var _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'cell' : _props$classPrefix,\n    _props$width = props.width,\n    width = _props$width === void 0 ? 0 : _props$width,\n    _props$left = props.left,\n    left = _props$left === void 0 ? 0 : _props$left,\n    _props$headerHeight = props.headerHeight,\n    headerHeight = _props$headerHeight === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_6__.ROW_HEADER_HEIGHT : _props$headerHeight,\n    _props$depth = props.depth,\n    depth = _props$depth === void 0 ? 0 : _props$depth,\n    _props$height = props.height,\n    height = _props$height === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_6__.ROW_HEIGHT : _props$height,\n    style = props.style,\n    className = props.className,\n    fullText = props.fullText,\n    firstColumn = props.firstColumn,\n    lastColumn = props.lastColumn,\n    isHeaderCell = props.isHeaderCell,\n    align = props.align,\n    children = props.children,\n    rowData = props.rowData,\n    dataKey = props.dataKey,\n    rowIndex = props.rowIndex,\n    removed = props.removed,\n    rowKey = props.rowKey,\n    rowSpan = props.rowSpan,\n    wordWrap = props.wordWrap,\n    verticalAlign = props.verticalAlign,\n    expanded = props.expanded,\n    treeCol = props.treeCol,\n    hasChildren = props.hasChildren,\n    predefinedStyle = props.predefinedStyle,\n    renderCell = props.renderCell,\n    renderTreeToggle = props.renderTreeToggle,\n    onClick = props.onClick,\n    onTreeToggle = props.onTreeToggle,\n    rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded);\n  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2___default().useContext(_TableContext__WEBPACK_IMPORTED_MODULE_8__[\"default\"]),\n    rtl = _React$useContext.rtl,\n    hasCustomTreeCol = _React$useContext.hasCustomTreeCol,\n    isTree = _React$useContext.isTree;\n  var isTreeCol = treeCol || !hasCustomTreeCol && firstColumn && isTree;\n  var cellHeight = typeof height === 'function' ? height(rowData) : height;\n  if (isTreeCol && !isHeaderCell && !rowData) {\n    throw new Error('[Table.Cell]: `rowData` is required for tree column');\n  }\n  var handleTreeToggle = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (event) {\n    onTreeToggle === null || onTreeToggle === void 0 ? void 0 : onTreeToggle(rowKey, rowIndex, rowData, event);\n  }, [onTreeToggle, rowData, rowIndex, rowKey]);\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, withClassPrefix({\n    expanded: expanded && isTreeCol,\n    first: firstColumn,\n    last: lastColumn,\n    rowspan: rowSpan && !isHeaderCell,\n    'full-text': fullText\n  }));\n  var nextHeight = isHeaderCell ? headerHeight : cellHeight;\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, predefinedStyle, (_extends2 = {}, _extends2[fullText ? 'minWidth' : 'width'] = width, _extends2.height = nextHeight, _extends2.zIndex = depth, _extends2[rtl ? 'right' : 'left'] = left, _extends2));\n  var paddingKey = rtl ? 'paddingRight' : 'paddingLeft';\n  var contentStyles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, style, (_extends3 = {\n    width: fullText ? width - 1 : width,\n    height: nextHeight,\n    textAlign: align\n  }, _extends3[paddingKey] = isTreeCol ? depth * _constants__WEBPACK_IMPORTED_MODULE_6__.LAYER_WIDTH + 10 : (style === null || style === void 0 ? void 0 : style[paddingKey]) || (style === null || style === void 0 ? void 0 : style.padding), _extends3));\n  if (verticalAlign) {\n    contentStyles.display = 'table-cell';\n    contentStyles.verticalAlign = verticalAlign;\n  }\n  if (wordWrap) {\n    contentStyles.wordBreak = typeof wordWrap === 'boolean' ? 'break-all' : wordWrap;\n    contentStyles.overflowWrap = wordWrap === 'break-word' ? wordWrap : undefined;\n  }\n  var cellContent = lodash_isNil__WEBPACK_IMPORTED_MODULE_4___default()(children) && rowData && dataKey ? lodash_get__WEBPACK_IMPORTED_MODULE_5___default()(rowData, dataKey) : children;\n  if (typeof children === 'function') {\n    cellContent = children(rowData, rowIndex);\n  }\n  var renderTreeNodeExpandIcon = function renderTreeNodeExpandIcon() {\n    var ExpandIconComponent = expanded ? _rsuite_icons_ArrowDown__WEBPACK_IMPORTED_MODULE_10__[\"default\"] : _rsuite_icons_ArrowRight__WEBPACK_IMPORTED_MODULE_9__[\"default\"];\n    var expandButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ExpandIconComponent, {\n      className: prefix('expand-icon')\n    });\n    if (isTreeCol && hasChildren) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        role: \"button\",\n        tabIndex: -1,\n        className: prefix('expand-wrapper'),\n        onClick: handleTreeToggle\n      }, renderTreeToggle ? renderTreeToggle(expandButton, rowData, expanded) : expandButton);\n    }\n    return null;\n  };\n  var content = wordWrap ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: prefix('wrap')\n  }, renderTreeNodeExpandIcon(), renderCell ? renderCell(cellContent) : cellContent) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, renderTreeNodeExpandIcon(), renderCell ? renderCell(cellContent) : cellContent);\n  if (removed) {\n    return null;\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    ref: ref,\n    role: isHeaderCell ? 'columnheader' : 'gridcell'\n  }, lodash_omit__WEBPACK_IMPORTED_MODULE_3___default()(rest, [].concat(groupKeys, _Column__WEBPACK_IMPORTED_MODULE_11__.columnHandledProps)), {\n    onClick: onClick,\n    className: classes,\n    style: styles\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: prefix('content'),\n    style: contentStyles\n  }, content));\n});\nCell.displayName = 'Table.Cell';\nCell.propTypes = {\n  align: prop_types__WEBPACK_IMPORTED_MODULE_12___default().oneOf(['left', 'center', 'right']),\n  verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_12___default().oneOf(['top', 'middle', 'bottom']),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().string),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().string),\n  dataKey: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().string),\n  isHeaderCell: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool),\n  width: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().number),\n  height: prop_types__WEBPACK_IMPORTED_MODULE_12___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_12___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_12___default().func)]),\n  left: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().number),\n  headerHeight: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().number),\n  style: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().object),\n  firstColumn: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool),\n  lastColumn: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool),\n  hasChildren: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().any),\n  rowKey: prop_types__WEBPACK_IMPORTED_MODULE_12___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_12___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_12___default().number)]),\n  rowIndex: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().number),\n  rowData: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().object),\n  depth: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().number),\n  onTreeToggle: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().func),\n  renderTreeToggle: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().func),\n  renderCell: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().func),\n  wordWrap: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().any),\n  removed: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool),\n  treeCol: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool),\n  expanded: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool),\n  fullText: (prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool)\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Cell);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Cell.js?");
 
 /***/ }),
 
@@ -9666,7 +9666,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
 /***/ (function(__unused_webpack_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 _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n'use client';\n\n\n\nvar _excluded = [\"fixed\", \"width\", \"left\", \"height\", \"style\", \"classPrefix\", \"className\", \"children\"];\n\n\n\nvar CellGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var _withClassPrefix;\n\n  var fixed = props.fixed,\n      width = props.width,\n      left = props.left,\n      height = props.height,\n      style = props.style,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'cell-group' : _props$classPrefix,\n      className = props.className,\n      children = props.children,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded);\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_TableContext__WEBPACK_IMPORTED_MODULE_4__[\"default\"]),\n      translateDOMPositionXY = _useContext.translateDOMPositionXY;\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix[\"fixed-\" + fixed] = fixed, _withClassPrefix.scroll = !fixed, _withClassPrefix)));\n\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    width: width,\n    height: height\n  }, style);\n\n  translateDOMPositionXY === null || translateDOMPositionXY === void 0 ? void 0 : translateDOMPositionXY(styles, left, 0);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, rest, {\n    ref: ref,\n    className: classes,\n    style: styles\n  }), children);\n});\nCellGroup.displayName = 'Table.CellGroup';\n/* harmony default export */ __webpack_exports__[\"default\"] = (CellGroup);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/CellGroup.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 _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n'use client';\n\n\nvar _excluded = [\"fixed\", \"width\", \"left\", \"height\", \"style\", \"classPrefix\", \"className\", \"children\"];\n\n\n\nvar CellGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var _withClassPrefix;\n  var fixed = props.fixed,\n    width = props.width,\n    left = props.left,\n    height = props.height,\n    style = props.style,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'cell-group' : _props$classPrefix,\n    className = props.className,\n    children = props.children,\n    rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded);\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_TableContext__WEBPACK_IMPORTED_MODULE_4__[\"default\"]),\n    translateDOMPositionXY = _useContext.translateDOMPositionXY;\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix[\"fixed-\" + fixed] = fixed, _withClassPrefix.scroll = !fixed, _withClassPrefix)));\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    width: width,\n    height: height\n  }, style);\n  translateDOMPositionXY === null || translateDOMPositionXY === void 0 ? void 0 : translateDOMPositionXY(styles, left, 0);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, rest, {\n    ref: ref,\n    className: classes,\n    style: styles\n  }), children);\n});\nCellGroup.displayName = 'Table.CellGroup';\n/* harmony default export */ __webpack_exports__[\"default\"] = (CellGroup);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/CellGroup.js?");
 
 /***/ }),
 
@@ -9677,7 +9677,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"columnHandledProps\": function() { return /* binding */ columnHandledProps; }\n/* harmony export */ });\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);\n'use client';\n\n\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction Column(_props) {\n  return null;\n}\n\nvar propTypes = {\n  align: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['left', 'center', 'right']),\n  verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['top', 'middle', 'bottom']),\n  width: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),\n  fixed: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool), prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['left', 'right'])]),\n  resizable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  sortable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  flexGrow: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),\n  minWidth: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),\n  colSpan: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),\n  rowSpan: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),\n  treeCol: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  onResize: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),\n  fullText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)\n};\nColumn.displayName = 'Table.Column';\nColumn.defaultProps = {\n  width: 100\n};\nColumn.propTypes = propTypes;\nvar columnHandledProps = Object.keys(propTypes);\n/* harmony default export */ __webpack_exports__[\"default\"] = (Column);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Column.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"columnHandledProps\": function() { return /* binding */ columnHandledProps; }\n/* harmony export */ });\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);\n'use client';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction Column(_props) {\n  return null;\n}\nvar propTypes = {\n  align: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['left', 'center', 'right']),\n  verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['top', 'middle', 'bottom']),\n  width: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),\n  fixed: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool), prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['left', 'right'])]),\n  resizable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  sortable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  flexGrow: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),\n  minWidth: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),\n  colSpan: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),\n  rowSpan: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),\n  treeCol: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  onResize: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),\n  fullText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)\n};\nColumn.displayName = 'Table.Column';\nColumn.defaultProps = {\n  width: 100\n};\nColumn.propTypes = propTypes;\nvar columnHandledProps = Object.keys(propTypes);\n/* harmony default export */ __webpack_exports__[\"default\"] = (Column);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Column.js?");
 
 /***/ }),
 
@@ -9688,7 +9688,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_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 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__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n'use client';\n\n\n\nvar _excluded = [\"header\", \"className\", \"children\", \"classPrefix\", \"headerHeight\", \"verticalAlign\", \"align\", \"width\", \"groupHeaderHeight\"];\n\n\n\nvar ColumnGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var header = props.header,\n      className = props.className,\n      children = props.children,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'column-group' : _props$classPrefix,\n      _props$headerHeight = props.headerHeight,\n      headerHeight = _props$headerHeight === void 0 ? 80 : _props$headerHeight,\n      verticalAlign = props.verticalAlign,\n      align = props.align,\n      width = props.width,\n      groupHeightProp = props.groupHeaderHeight,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded);\n\n  var groupHeight = typeof groupHeightProp !== 'undefined' ? groupHeightProp : headerHeight / 2;\n  var restHeight = typeof groupHeightProp !== 'undefined' ? headerHeight - groupHeightProp : headerHeight / 2;\n  var styles = {\n    height: groupHeight,\n    width: width\n  };\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix());\n\n  var contentStyles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, styles, {\n    textAlign: align,\n    verticalAlign: verticalAlign\n  });\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    ref: ref,\n    className: classes\n  }, rest), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: prefix('header'),\n    style: styles\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: prefix('header-content'),\n    style: contentStyles\n  }, header)), children ? react__WEBPACK_IMPORTED_MODULE_2___default().Children.map(children, function (node) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(node, {\n      className: prefix('cell'),\n      predefinedStyle: {\n        height: restHeight,\n        top: styles.height\n      },\n      headerHeight: restHeight,\n      verticalAlign: node.props.verticalAlign || verticalAlign,\n      children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: prefix('cell-content')\n      }, node.props.children)\n    });\n  }) : null);\n});\nColumnGroup.displayName = 'Table.ColumnGroup';\nColumnGroup.propTypes = {\n  header: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().node),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),\n  groupHeaderHeight: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number),\n  verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_4___default().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 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__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n'use client';\n\n\nvar _excluded = [\"header\", \"className\", \"children\", \"classPrefix\", \"headerHeight\", \"verticalAlign\", \"align\", \"width\", \"groupHeaderHeight\"];\n\n\n\nvar ColumnGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var header = props.header,\n    className = props.className,\n    children = props.children,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'column-group' : _props$classPrefix,\n    _props$headerHeight = props.headerHeight,\n    headerHeight = _props$headerHeight === void 0 ? 80 : _props$headerHeight,\n    verticalAlign = props.verticalAlign,\n    align = props.align,\n    width = props.width,\n    groupHeightProp = props.groupHeaderHeight,\n    rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded);\n  var groupHeight = typeof groupHeightProp !== 'undefined' ? groupHeightProp : headerHeight / 2;\n  var restHeight = typeof groupHeightProp !== 'undefined' ? headerHeight - groupHeightProp : headerHeight / 2;\n  var styles = {\n    height: groupHeight,\n    width: width\n  };\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, withClassPrefix());\n  var contentStyles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, styles, {\n    textAlign: align,\n    verticalAlign: verticalAlign\n  });\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    ref: ref,\n    className: classes\n  }, rest), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: prefix('header'),\n    style: styles\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: prefix('header-content'),\n    style: contentStyles\n  }, header)), children ? react__WEBPACK_IMPORTED_MODULE_2___default().Children.map(children, function (node) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(node, {\n      className: prefix('cell'),\n      predefinedStyle: {\n        height: restHeight,\n        top: styles.height\n      },\n      headerHeight: restHeight,\n      verticalAlign: node.props.verticalAlign || verticalAlign,\n      children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: prefix('cell-content')\n      }, node.props.children)\n    });\n  }) : null);\n});\nColumnGroup.displayName = 'Table.ColumnGroup';\nColumnGroup.propTypes = {\n  header: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().node),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),\n  groupHeaderHeight: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number),\n  verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_4___default().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?");
 
 /***/ }),
 
@@ -9699,7 +9699,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
 /***/ (function(__unused_webpack_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 lodash_clamp__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/clamp */ \"./node_modules/lodash/clamp.js\");\n/* harmony import */ var lodash_clamp__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_clamp__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var dom_lib_DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/DOMMouseMoveTracker */ \"./node_modules/dom-lib/esm/DOMMouseMoveTracker.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n'use client';\n\n\n\nvar _excluded = [\"columnLeft\", \"classPrefix\", \"height\", \"className\", \"style\", \"columnFixed\", \"defaultColumnWidth\", \"minWidth\", \"onColumnResizeStart\", \"onColumnResizeMove\", \"onColumnResizeEnd\"];\n\n\n\n\n\n\nvar ColumnResizeHandler = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var _extends2;\n\n  var _props$columnLeft = props.columnLeft,\n      columnLeft = _props$columnLeft === void 0 ? 0 : _props$columnLeft,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'column-resize-spanner' : _props$classPrefix,\n      height = props.height,\n      className = props.className,\n      style = props.style,\n      columnFixed = props.columnFixed,\n      defaultColumnWidth = props.defaultColumnWidth,\n      minWidth = props.minWidth,\n      onColumnResizeStart = props.onColumnResizeStart,\n      onColumnResizeMove = props.onColumnResizeMove,\n      onColumnResizeEnd = props.onColumnResizeEnd,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded);\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_TableContext__WEBPACK_IMPORTED_MODULE_6__[\"default\"]),\n      rtl = _useContext.rtl;\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_5__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix());\n  var columnWidth = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(defaultColumnWidth || 0);\n  var mouseMoveTracker = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var isKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var cursorDelta = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(0);\n  var handleMove = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (deltaX) {\n    if (!isKeyDown.current) {\n      return;\n    }\n\n    cursorDelta.current += deltaX;\n    columnWidth.current = lodash_clamp__WEBPACK_IMPORTED_MODULE_3___default()((defaultColumnWidth || 0) + (rtl ? -cursorDelta.current : cursorDelta.current), minWidth ? Math.max(minWidth, _constants__WEBPACK_IMPORTED_MODULE_7__.RESIZE_MIN_WIDTH) : _constants__WEBPACK_IMPORTED_MODULE_7__.RESIZE_MIN_WIDTH, 20000);\n    onColumnResizeMove === null || onColumnResizeMove === void 0 ? void 0 : onColumnResizeMove(columnWidth.current, columnLeft, columnFixed);\n  }, [columnFixed, columnLeft, defaultColumnWidth, minWidth, onColumnResizeMove, rtl]);\n  var handleColumnResizeEnd = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    var _mouseMoveTracker$cur, _mouseMoveTracker$cur2;\n\n    isKeyDown.current = false;\n    onColumnResizeEnd === null || onColumnResizeEnd === void 0 ? void 0 : onColumnResizeEnd(columnWidth.current, cursorDelta.current);\n    (_mouseMoveTracker$cur = mouseMoveTracker.current) === null || _mouseMoveTracker$cur === void 0 ? void 0 : (_mouseMoveTracker$cur2 = _mouseMoveTracker$cur.releaseMouseMoves) === null || _mouseMoveTracker$cur2 === void 0 ? void 0 : _mouseMoveTracker$cur2.call(_mouseMoveTracker$cur);\n    mouseMoveTracker.current = null;\n  }, [onColumnResizeEnd]);\n  var getMouseMoveTracker = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    return mouseMoveTracker.current || new dom_lib_DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_4__[\"default\"](handleMove, handleColumnResizeEnd, document.body);\n  }, [handleColumnResizeEnd, handleMove]);\n  var handleColumnResizeMouseDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (event) {\n    mouseMoveTracker.current = getMouseMoveTracker();\n    mouseMoveTracker.current.captureMouseMoves(event);\n    isKeyDown.current = true;\n    cursorDelta.current = 0;\n    var client = {\n      clientX: event.clientX,\n      clientY: event.clientY,\n      preventDefault: Function()\n    };\n    onColumnResizeStart === null || onColumnResizeStart === void 0 ? void 0 : onColumnResizeStart(client);\n  }, [getMouseMoveTracker, onColumnResizeStart]);\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n    return function () {\n      var _mouseMoveTracker$cur3;\n\n      (_mouseMoveTracker$cur3 = mouseMoveTracker.current) === null || _mouseMoveTracker$cur3 === void 0 ? void 0 : _mouseMoveTracker$cur3.releaseMouseMoves();\n      mouseMoveTracker.current = null;\n    };\n  }, []);\n\n  if (columnFixed === 'right') {\n    return null;\n  }\n\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])((_extends2 = {}, _extends2[rtl ? 'right' : 'left'] = columnWidth.current + columnLeft - 2, _extends2.height = height, _extends2), style);\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    tabIndex: -1,\n    role: \"button\",\n    ref: ref\n  }, rest, {\n    className: classes,\n    style: styles,\n    onMouseDown: handleColumnResizeMouseDown\n  }));\n});\nColumnResizeHandler.displayName = 'Table.ColumnResizeHandler';\n/* harmony default export */ __webpack_exports__[\"default\"] = (ColumnResizeHandler);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/ColumnResizeHandler.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 lodash_clamp__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/clamp */ \"./node_modules/lodash/clamp.js\");\n/* harmony import */ var lodash_clamp__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_clamp__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var dom_lib_DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/DOMMouseMoveTracker */ \"./node_modules/dom-lib/esm/DOMMouseMoveTracker.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n'use client';\n\n\nvar _excluded = [\"columnLeft\", \"classPrefix\", \"height\", \"className\", \"style\", \"columnFixed\", \"defaultColumnWidth\", \"minWidth\", \"onColumnResizeStart\", \"onColumnResizeMove\", \"onColumnResizeEnd\"];\n\n\n\n\n\n\nvar ColumnResizeHandler = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var _extends2;\n  var _props$columnLeft = props.columnLeft,\n    columnLeft = _props$columnLeft === void 0 ? 0 : _props$columnLeft,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'column-resize-spanner' : _props$classPrefix,\n    height = props.height,\n    className = props.className,\n    style = props.style,\n    columnFixed = props.columnFixed,\n    defaultColumnWidth = props.defaultColumnWidth,\n    minWidth = props.minWidth,\n    onColumnResizeStart = props.onColumnResizeStart,\n    onColumnResizeMove = props.onColumnResizeMove,\n    onColumnResizeEnd = props.onColumnResizeEnd,\n    rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded);\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_TableContext__WEBPACK_IMPORTED_MODULE_6__[\"default\"]),\n    rtl = _useContext.rtl;\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_5__.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix());\n  var columnWidth = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(defaultColumnWidth || 0);\n  var mouseMoveTracker = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var isKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var cursorDelta = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(0);\n  var handleMove = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (deltaX) {\n    if (!isKeyDown.current) {\n      return;\n    }\n    cursorDelta.current += deltaX;\n    columnWidth.current = lodash_clamp__WEBPACK_IMPORTED_MODULE_3___default()((defaultColumnWidth || 0) + (rtl ? -cursorDelta.current : cursorDelta.current), minWidth ? Math.max(minWidth, _constants__WEBPACK_IMPORTED_MODULE_7__.RESIZE_MIN_WIDTH) : _constants__WEBPACK_IMPORTED_MODULE_7__.RESIZE_MIN_WIDTH, 20000);\n    onColumnResizeMove === null || onColumnResizeMove === void 0 ? void 0 : onColumnResizeMove(columnWidth.current, columnLeft, columnFixed);\n  }, [columnFixed, columnLeft, defaultColumnWidth, minWidth, onColumnResizeMove, rtl]);\n  var handleColumnResizeEnd = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    var _mouseMoveTracker$cur, _mouseMoveTracker$cur2;\n    isKeyDown.current = false;\n    onColumnResizeEnd === null || onColumnResizeEnd === void 0 ? void 0 : onColumnResizeEnd(columnWidth.current, cursorDelta.current);\n    (_mouseMoveTracker$cur = mouseMoveTracker.current) === null || _mouseMoveTracker$cur === void 0 ? void 0 : (_mouseMoveTracker$cur2 = _mouseMoveTracker$cur.releaseMouseMoves) === null || _mouseMoveTracker$cur2 === void 0 ? void 0 : _mouseMoveTracker$cur2.call(_mouseMoveTracker$cur);\n    mouseMoveTracker.current = null;\n  }, [onColumnResizeEnd]);\n  var getMouseMoveTracker = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    return mouseMoveTracker.current || new dom_lib_DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_4__[\"default\"](handleMove, handleColumnResizeEnd, document.body);\n  }, [handleColumnResizeEnd, handleMove]);\n  var handleColumnResizeMouseDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (event) {\n    mouseMoveTracker.current = getMouseMoveTracker();\n    mouseMoveTracker.current.captureMouseMoves(event);\n    isKeyDown.current = true;\n    cursorDelta.current = 0;\n    var client = {\n      clientX: event.clientX,\n      clientY: event.clientY,\n      preventDefault: Function()\n    };\n    onColumnResizeStart === null || onColumnResizeStart === void 0 ? void 0 : onColumnResizeStart(client);\n  }, [getMouseMoveTracker, onColumnResizeStart]);\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n    return function () {\n      var _mouseMoveTracker$cur3;\n      (_mouseMoveTracker$cur3 = mouseMoveTracker.current) === null || _mouseMoveTracker$cur3 === void 0 ? void 0 : _mouseMoveTracker$cur3.releaseMouseMoves();\n      mouseMoveTracker.current = null;\n    };\n  }, []);\n  if (columnFixed === 'right') {\n    return null;\n  }\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])((_extends2 = {}, _extends2[rtl ? 'right' : 'left'] = columnWidth.current + columnLeft - 2, _extends2.height = height, _extends2), style);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    tabIndex: -1,\n    role: \"button\",\n    ref: ref\n  }, rest, {\n    className: classes,\n    style: styles,\n    onMouseDown: handleColumnResizeMouseDown\n  }));\n});\nColumnResizeHandler.displayName = 'Table.ColumnResizeHandler';\n/* harmony default export */ __webpack_exports__[\"default\"] = (ColumnResizeHandler);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/ColumnResizeHandler.js?");
 
 /***/ }),
 
@@ -9710,7 +9710,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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'use client';\n\n\nvar EmptyMessage = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {\n  var addPrefix = props.addPrefix,\n      locale = props.locale,\n      renderEmpty = props.renderEmpty,\n      loading = props.loading;\n\n  if (loading) {\n    return null;\n  }\n\n  var emptyMessage = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    ref: ref,\n    className: addPrefix('body-info')\n  }, locale === null || locale === void 0 ? void 0 : locale.emptyMessage);\n  return renderEmpty ? renderEmpty(emptyMessage) : emptyMessage;\n});\nEmptyMessage.displayName = 'Table.EmptyMessage';\n/* harmony default export */ __webpack_exports__[\"default\"] = (EmptyMessage);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/EmptyMessage.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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'use client';\n\nvar EmptyMessage = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {\n  var addPrefix = props.addPrefix,\n    locale = props.locale,\n    renderEmpty = props.renderEmpty,\n    loading = props.loading;\n  if (loading) {\n    return null;\n  }\n  var emptyMessage = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    ref: ref,\n    className: addPrefix('body-info')\n  }, locale === null || locale === void 0 ? void 0 : locale.emptyMessage);\n  return renderEmpty ? renderEmpty(emptyMessage) : emptyMessage;\n});\nEmptyMessage.displayName = 'Table.EmptyMessage';\n/* harmony default export */ __webpack_exports__[\"default\"] = (EmptyMessage);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/EmptyMessage.js?");
 
 /***/ }),
 
@@ -9721,7 +9721,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_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 prop_types__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_11__);\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 lodash_isNil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\");\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_isNil__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _rsuite_icons_Sort__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @rsuite/icons/Sort */ \"./node_modules/@rsuite/icons/Sort.js\");\n/* harmony import */ var _rsuite_icons_SortUp__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @rsuite/icons/SortUp */ \"./node_modules/@rsuite/icons/SortUp.js\");\n/* harmony import */ var _rsuite_icons_SortDown__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @rsuite/icons/SortDown */ \"./node_modules/@rsuite/icons/SortDown.js\");\n/* harmony import */ var _ColumnResizeHandler__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ColumnResizeHandler */ \"./node_modules/rsuite-table/es/ColumnResizeHandler.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Cell */ \"./node_modules/rsuite-table/es/Cell.js\");\n'use client';\n\n\n\nvar _excluded = [\"className\", \"classPrefix\", \"width\", \"dataKey\", \"headerHeight\", \"children\", \"left\", \"sortable\", \"sortColumn\", \"sortType\", \"groupHeader\", \"resizable\", \"fixed\", \"minWidth\", \"index\", \"flexGrow\", \"align\", \"verticalAlign\", \"onColumnResizeEnd\", \"onResize\", \"onColumnResizeStart\", \"onColumnResizeMove\", \"onSortColumn\", \"renderSortIcon\"];\n\n\n\n\n\n\n\n\n\n\nvar SORTED_ICON = {\n  desc: _rsuite_icons_SortDown__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n  asc: _rsuite_icons_SortUp__WEBPACK_IMPORTED_MODULE_6__[\"default\"]\n};\nvar HeaderCell = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'cell-header' : _props$classPrefix,\n      width = props.width,\n      dataKey = props.dataKey,\n      headerHeight = props.headerHeight,\n      children = props.children,\n      left = props.left,\n      sortable = props.sortable,\n      sortColumn = props.sortColumn,\n      sortType = props.sortType,\n      groupHeader = props.groupHeader,\n      resizable = props.resizable,\n      fixed = props.fixed,\n      minWidth = props.minWidth,\n      index = props.index,\n      flexGrow = props.flexGrow,\n      align = props.align,\n      verticalAlign = props.verticalAlign,\n      onColumnResizeEnd = props.onColumnResizeEnd,\n      onResize = props.onResize,\n      onColumnResizeStart = props.onColumnResizeStart,\n      onColumnResizeMove = props.onColumnResizeMove,\n      onSortColumn = props.onSortColumn,\n      renderSortIcon = props.renderSortIcon,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded);\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(lodash_isNil__WEBPACK_IMPORTED_MODULE_4___default()(flexGrow) ? width : 0),\n      columnWidth = _useState[0],\n      setColumnWidth = _useState[1];\n\n  (0,_utils__WEBPACK_IMPORTED_MODULE_9__.useUpdateEffect)(function () {\n    setColumnWidth(lodash_isNil__WEBPACK_IMPORTED_MODULE_4___default()(flexGrow) ? width : 0);\n  }, [flexGrow, width]);\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_9__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix({\n    sortable: sortable\n  }));\n  var ariaSort;\n\n  if (sortColumn === dataKey) {\n    ariaSort = 'other';\n\n    if (sortType === 'asc') {\n      ariaSort = 'ascending';\n    } else if (sortType === 'desc') {\n      ariaSort = 'descending';\n    }\n  }\n\n  var handleClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    if (sortable) {\n      onSortColumn === null || onSortColumn === void 0 ? void 0 : onSortColumn(dataKey);\n    }\n  }, [dataKey, onSortColumn, sortable]);\n  var handleColumnResizeStart = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    onColumnResizeStart === null || onColumnResizeStart === void 0 ? void 0 : onColumnResizeStart(columnWidth, left, !!fixed);\n  }, [columnWidth, fixed, left, onColumnResizeStart]);\n  var handleColumnResizeEnd = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (nextColumnWidth, cursorDelta) {\n    setColumnWidth(nextColumnWidth);\n    onColumnResizeEnd === null || onColumnResizeEnd === void 0 ? void 0 : onColumnResizeEnd(nextColumnWidth, cursorDelta, dataKey, index);\n    onResize === null || onResize === void 0 ? void 0 : onResize(nextColumnWidth, dataKey);\n  }, [dataKey, index, onColumnResizeEnd, onResize]);\n\n  var renderSortColumn = function renderSortColumn() {\n    if (sortable && !groupHeader) {\n      var _classNames;\n\n      var SortIcon = sortColumn === dataKey && sortType ? SORTED_ICON[sortType] : _rsuite_icons_Sort__WEBPACK_IMPORTED_MODULE_5__[\"default\"];\n      var iconClasses = classnames__WEBPACK_IMPORTED_MODULE_3___default()(prefix('icon-sort'), (_classNames = {}, _classNames[prefix(\"icon-sort-\" + sortType)] = sortColumn === dataKey, _classNames));\n      var sortIcon = renderSortIcon ? renderSortIcon(sortColumn === dataKey ? sortType : undefined) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SortIcon, {\n        className: iconClasses\n      });\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: prefix('sort-wrapper')\n      }, sortIcon);\n    }\n\n    return null;\n  };\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    ref: ref,\n    className: classes\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Cell__WEBPACK_IMPORTED_MODULE_10__[\"default\"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    \"aria-sort\": ariaSort\n  }, rest, {\n    width: width,\n    dataKey: dataKey,\n    left: left,\n    headerHeight: headerHeight,\n    isHeaderCell: true,\n    align: !groupHeader ? align : undefined,\n    verticalAlign: !groupHeader ? verticalAlign : undefined,\n    onClick: !groupHeader ? handleClick : undefined\n  }), children, renderSortColumn()), resizable ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ColumnResizeHandler__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    defaultColumnWidth: columnWidth,\n    key: columnWidth,\n    columnLeft: left,\n    columnFixed: fixed,\n    height: headerHeight ? headerHeight - 1 : undefined,\n    minWidth: minWidth,\n    onColumnResizeMove: onColumnResizeMove,\n    onColumnResizeStart: handleColumnResizeStart,\n    onColumnResizeEnd: handleColumnResizeEnd\n  }) : null);\n});\nHeaderCell.displayName = 'HeaderCell';\nHeaderCell.propTypes = {\n  index: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().number),\n  sortColumn: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().string),\n  sortType: prop_types__WEBPACK_IMPORTED_MODULE_11___default().oneOf(['desc', 'asc']),\n  sortable: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n  resizable: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n  minWidth: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().number),\n  onColumnResizeStart: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n  onColumnResizeEnd: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n  onResize: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n  onColumnResizeMove: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n  onSortColumn: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n  flexGrow: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().number),\n  fixed: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().any),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().node),\n  renderSortIcon: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func)\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (HeaderCell);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/HeaderCell.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 prop_types__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_11__);\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 lodash_isNil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\");\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_isNil__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _rsuite_icons_Sort__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @rsuite/icons/Sort */ \"./node_modules/@rsuite/icons/Sort.js\");\n/* harmony import */ var _rsuite_icons_SortUp__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @rsuite/icons/SortUp */ \"./node_modules/@rsuite/icons/SortUp.js\");\n/* harmony import */ var _rsuite_icons_SortDown__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @rsuite/icons/SortDown */ \"./node_modules/@rsuite/icons/SortDown.js\");\n/* harmony import */ var _ColumnResizeHandler__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ColumnResizeHandler */ \"./node_modules/rsuite-table/es/ColumnResizeHandler.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Cell */ \"./node_modules/rsuite-table/es/Cell.js\");\n'use client';\n\n\nvar _excluded = [\"className\", \"classPrefix\", \"width\", \"dataKey\", \"headerHeight\", \"children\", \"left\", \"sortable\", \"sortColumn\", \"sortType\", \"groupHeader\", \"resizable\", \"fixed\", \"minWidth\", \"index\", \"flexGrow\", \"align\", \"verticalAlign\", \"onColumnResizeEnd\", \"onResize\", \"onColumnResizeStart\", \"onColumnResizeMove\", \"onSortColumn\", \"renderSortIcon\"];\n\n\n\n\n\n\n\n\n\n\nvar SORTED_ICON = {\n  desc: _rsuite_icons_SortDown__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n  asc: _rsuite_icons_SortUp__WEBPACK_IMPORTED_MODULE_6__[\"default\"]\n};\nvar HeaderCell = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'cell-header' : _props$classPrefix,\n    width = props.width,\n    dataKey = props.dataKey,\n    headerHeight = props.headerHeight,\n    children = props.children,\n    left = props.left,\n    sortable = props.sortable,\n    sortColumn = props.sortColumn,\n    sortType = props.sortType,\n    groupHeader = props.groupHeader,\n    resizable = props.resizable,\n    fixed = props.fixed,\n    minWidth = props.minWidth,\n    index = props.index,\n    flexGrow = props.flexGrow,\n    align = props.align,\n    verticalAlign = props.verticalAlign,\n    onColumnResizeEnd = props.onColumnResizeEnd,\n    onResize = props.onResize,\n    onColumnResizeStart = props.onColumnResizeStart,\n    onColumnResizeMove = props.onColumnResizeMove,\n    onSortColumn = props.onSortColumn,\n    renderSortIcon = props.renderSortIcon,\n    rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded);\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(lodash_isNil__WEBPACK_IMPORTED_MODULE_4___default()(flexGrow) ? width : 0),\n    columnWidth = _useState[0],\n    setColumnWidth = _useState[1];\n  (0,_utils__WEBPACK_IMPORTED_MODULE_9__.useUpdateEffect)(function () {\n    setColumnWidth(lodash_isNil__WEBPACK_IMPORTED_MODULE_4___default()(flexGrow) ? width : 0);\n  }, [flexGrow, width]);\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_9__.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, withClassPrefix({\n    sortable: sortable\n  }));\n  var ariaSort;\n  if (sortColumn === dataKey) {\n    ariaSort = 'other';\n    if (sortType === 'asc') {\n      ariaSort = 'ascending';\n    } else if (sortType === 'desc') {\n      ariaSort = 'descending';\n    }\n  }\n  var handleClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    if (sortable) {\n      onSortColumn === null || onSortColumn === void 0 ? void 0 : onSortColumn(dataKey);\n    }\n  }, [dataKey, onSortColumn, sortable]);\n  var handleColumnResizeStart = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    onColumnResizeStart === null || onColumnResizeStart === void 0 ? void 0 : onColumnResizeStart(columnWidth, left, !!fixed);\n  }, [columnWidth, fixed, left, onColumnResizeStart]);\n  var handleColumnResizeEnd = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (nextColumnWidth, cursorDelta) {\n    setColumnWidth(nextColumnWidth);\n    onColumnResizeEnd === null || onColumnResizeEnd === void 0 ? void 0 : onColumnResizeEnd(nextColumnWidth, cursorDelta, dataKey, index);\n    onResize === null || onResize === void 0 ? void 0 : onResize(nextColumnWidth, dataKey);\n  }, [dataKey, index, onColumnResizeEnd, onResize]);\n  var renderSortColumn = function renderSortColumn() {\n    if (sortable && !groupHeader) {\n      var _classNames;\n      var SortIcon = sortColumn === dataKey && sortType ? SORTED_ICON[sortType] : _rsuite_icons_Sort__WEBPACK_IMPORTED_MODULE_5__[\"default\"];\n      var iconClasses = classnames__WEBPACK_IMPORTED_MODULE_3___default()(prefix('icon-sort'), (_classNames = {}, _classNames[prefix(\"icon-sort-\" + sortType)] = sortColumn === dataKey, _classNames));\n      var sortIcon = renderSortIcon ? renderSortIcon(sortColumn === dataKey ? sortType : undefined) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SortIcon, {\n        className: iconClasses\n      });\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: prefix('sort-wrapper')\n      }, sortIcon);\n    }\n    return null;\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    ref: ref,\n    className: classes\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Cell__WEBPACK_IMPORTED_MODULE_10__[\"default\"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    \"aria-sort\": ariaSort\n  }, rest, {\n    width: width,\n    dataKey: dataKey,\n    left: left,\n    headerHeight: headerHeight,\n    isHeaderCell: true,\n    align: !groupHeader ? align : undefined,\n    verticalAlign: !groupHeader ? verticalAlign : undefined,\n    onClick: !groupHeader ? handleClick : undefined\n  }), children, renderSortColumn()), resizable ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ColumnResizeHandler__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    defaultColumnWidth: columnWidth,\n    key: columnWidth,\n    columnLeft: left,\n    columnFixed: fixed,\n    height: headerHeight ? headerHeight - 1 : undefined,\n    minWidth: minWidth,\n    onColumnResizeMove: onColumnResizeMove,\n    onColumnResizeStart: handleColumnResizeStart,\n    onColumnResizeEnd: handleColumnResizeEnd\n  }) : null);\n});\nHeaderCell.displayName = 'HeaderCell';\nHeaderCell.propTypes = {\n  index: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().number),\n  sortColumn: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().string),\n  sortType: prop_types__WEBPACK_IMPORTED_MODULE_11___default().oneOf(['desc', 'asc']),\n  sortable: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n  resizable: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool),\n  minWidth: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().number),\n  onColumnResizeStart: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n  onColumnResizeEnd: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n  onResize: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n  onColumnResizeMove: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n  onSortColumn: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func),\n  flexGrow: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().number),\n  fixed: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().any),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().node),\n  renderSortIcon: (prop_types__WEBPACK_IMPORTED_MODULE_11___default().func)\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (HeaderCell);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/HeaderCell.js?");
 
 /***/ }),
 
@@ -9732,7 +9732,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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'use client';\n\n\nvar Loader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {\n  var loadAnimation = props.loadAnimation,\n      loading = props.loading,\n      locale = props.locale,\n      addPrefix = props.addPrefix,\n      renderLoading = props.renderLoading;\n  var loadingElement = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    ref: ref,\n    className: addPrefix('loader-wrapper')\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: addPrefix('loader')\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"i\", {\n    className: addPrefix('loader-icon')\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n    className: addPrefix('loader-text')\n  }, locale === null || locale === void 0 ? void 0 : locale.loading))); // Custom render a loader\n\n  if (typeof renderLoading === 'function') {\n    return loading ? renderLoading(loadingElement) : null;\n  } // If loadAnimation is true , it returns the DOM element,\n  // and controls whether the loader is displayed through CSS to achieve animation effect.\n\n\n  return loading || loadAnimation ? loadingElement : null;\n});\nLoader.displayName = 'Table.Loader';\n/* harmony default export */ __webpack_exports__[\"default\"] = (Loader);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Loader.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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'use client';\n\nvar Loader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {\n  var loadAnimation = props.loadAnimation,\n    loading = props.loading,\n    locale = props.locale,\n    addPrefix = props.addPrefix,\n    renderLoading = props.renderLoading;\n  var loadingElement = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    ref: ref,\n    className: addPrefix('loader-wrapper')\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: addPrefix('loader')\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"i\", {\n    className: addPrefix('loader-icon')\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n    className: addPrefix('loader-text')\n  }, locale === null || locale === void 0 ? void 0 : locale.loading)));\n\n  // Custom render a loader\n  if (typeof renderLoading === 'function') {\n    return loading ? renderLoading(loadingElement) : null;\n  }\n\n  // If loadAnimation is true , it returns the DOM element,\n  // and controls whether the loader is displayed through CSS to achieve animation effect.\n  return loading || loadAnimation ? loadingElement : null;\n});\nLoader.displayName = 'Table.Loader';\n/* harmony default export */ __webpack_exports__[\"default\"] = (Loader);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Loader.js?");
 
 /***/ }),
 
@@ -9743,7 +9743,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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'use client';\n\n\nvar MouseArea = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {\n  var addPrefix = props.addPrefix,\n      headerHeight = props.headerHeight,\n      height = props.height;\n  var styles = {\n    height: height\n  };\n  var spanStyles = {\n    height: headerHeight - 1\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    ref: ref,\n    className: addPrefix('mouse-area'),\n    style: styles\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n    style: spanStyles\n  }));\n});\nMouseArea.displayName = 'Table.MouseArea';\n/* harmony default export */ __webpack_exports__[\"default\"] = (MouseArea);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/MouseArea.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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'use client';\n\nvar MouseArea = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {\n  var addPrefix = props.addPrefix,\n    headerHeight = props.headerHeight,\n    height = props.height;\n  var styles = {\n    height: height\n  };\n  var spanStyles = {\n    height: headerHeight - 1\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    ref: ref,\n    className: addPrefix('mouse-area'),\n    style: styles\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n    style: spanStyles\n  }));\n});\nMouseArea.displayName = 'Table.MouseArea';\n/* harmony default export */ __webpack_exports__[\"default\"] = (MouseArea);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/MouseArea.js?");
 
 /***/ }),
 
@@ -9754,7 +9754,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_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 _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n'use client';\n\n\n\nvar _excluded = [\"classPrefix\", \"height\", \"headerHeight\", \"className\", \"width\", \"top\", \"style\", \"isHeaderRow\", \"rowRef\", \"children\", \"rowSpan\"];\n\n\n\n\nvar Row = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'row' : _props$classPrefix,\n      _props$height = props.height,\n      height = _props$height === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_5__.ROW_HEIGHT : _props$height,\n      _props$headerHeight = props.headerHeight,\n      headerHeight = _props$headerHeight === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_5__.ROW_HEADER_HEIGHT : _props$headerHeight,\n      className = props.className,\n      width = props.width,\n      top = props.top,\n      style = props.style,\n      isHeaderRow = props.isHeaderRow,\n      rowRef = props.rowRef,\n      children = props.children,\n      rowSpan = props.rowSpan,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded);\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_TableContext__WEBPACK_IMPORTED_MODULE_4__[\"default\"]),\n      translateDOMPositionXY = _useContext.translateDOMPositionXY;\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix({\n    header: isHeaderRow,\n    rowspan: rowSpan\n  }));\n\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    minWidth: width,\n    height: isHeaderRow ? headerHeight : height\n  }, style);\n\n  translateDOMPositionXY === null || translateDOMPositionXY === void 0 ? void 0 : translateDOMPositionXY(styles, 0, top);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    role: \"row\"\n  }, rest, {\n    ref: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.mergeRefs)(rowRef, ref),\n    className: classes,\n    style: styles\n  }), children);\n});\nRow.displayName = 'Table.Row';\n/* harmony default export */ __webpack_exports__[\"default\"] = (Row);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Row.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 _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n'use client';\n\n\nvar _excluded = [\"classPrefix\", \"height\", \"headerHeight\", \"className\", \"width\", \"top\", \"style\", \"isHeaderRow\", \"rowRef\", \"children\", \"rowSpan\"];\n\n\n\n\nvar Row = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'row' : _props$classPrefix,\n    _props$height = props.height,\n    height = _props$height === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_5__.ROW_HEIGHT : _props$height,\n    _props$headerHeight = props.headerHeight,\n    headerHeight = _props$headerHeight === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_5__.ROW_HEADER_HEIGHT : _props$headerHeight,\n    className = props.className,\n    width = props.width,\n    top = props.top,\n    style = props.style,\n    isHeaderRow = props.isHeaderRow,\n    rowRef = props.rowRef,\n    children = props.children,\n    rowSpan = props.rowSpan,\n    rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded);\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_TableContext__WEBPACK_IMPORTED_MODULE_4__[\"default\"]),\n    translateDOMPositionXY = _useContext.translateDOMPositionXY;\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix({\n    header: isHeaderRow,\n    rowspan: rowSpan\n  }));\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    minWidth: width,\n    height: isHeaderRow ? headerHeight : height\n  }, style);\n  translateDOMPositionXY === null || translateDOMPositionXY === void 0 ? void 0 : translateDOMPositionXY(styles, 0, top);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    role: \"row\"\n  }, rest, {\n    ref: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.mergeRefs)(rowRef, ref),\n    className: classes,\n    style: styles\n  }), children);\n});\nRow.displayName = 'Table.Row';\n/* harmony default export */ __webpack_exports__[\"default\"] = (Row);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Row.js?");
 
 /***/ }),
 
@@ -9765,7 +9765,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
 /***/ (function(__unused_webpack_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 dom_lib_DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/DOMMouseMoveTracker */ \"./node_modules/dom-lib/esm/DOMMouseMoveTracker.js\");\n/* harmony import */ var dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! dom-lib/getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n'use client';\n\n\n\nvar _excluded = [\"length\", \"scrollLength\", \"classPrefix\", \"vertical\", \"className\", \"tableId\", \"onMouseDown\", \"onScroll\"];\n\n\n\n\n\n\n\nvar Scrollbar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var _barRef$current, _styles;\n\n  var _props$length = props.length,\n      length = _props$length === void 0 ? 1 : _props$length,\n      _props$scrollLength = props.scrollLength,\n      scrollLength = _props$scrollLength === void 0 ? 1 : _props$scrollLength,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'scrollbar' : _props$classPrefix,\n      vertical = props.vertical,\n      className = props.className,\n      tableId = props.tableId,\n      onMouseDown = props.onMouseDown,\n      onScroll = props.onScroll,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded);\n\n  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2___default().useContext(_TableContext__WEBPACK_IMPORTED_MODULE_8__[\"default\"]),\n      translateDOMPositionXY = _React$useContext.translateDOMPositionXY;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false),\n      handlePressed = _useState[0],\n      setHandlePressed = _useState[1];\n\n  var _useState2 = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)({\n    top: 0,\n    left: 0\n  }),\n      barOffset = _useState2[0],\n      setBarOffset = _useState2[1];\n\n  var scrollOffset = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(0);\n  var scrollRange = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(scrollLength);\n  var barRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var handleRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var mouseMoveTracker = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix({\n    vertical: vertical,\n    horizontal: !vertical,\n    pressed: handlePressed\n  }), // keep the 'fixed' class name if it has already been given by useAffix hook\n  ((_barRef$current = barRef.current) === null || _barRef$current === void 0 ? void 0 : _barRef$current.classList.contains('fixed')) && 'fixed');\n  var width = length / scrollLength * 100;\n  var styles = (_styles = {}, _styles[vertical ? 'height' : 'width'] = width + \"%\", _styles[vertical ? 'minHeight' : 'minWidth'] = _constants__WEBPACK_IMPORTED_MODULE_6__.SCROLLBAR_MIN_WIDTH, _styles);\n  var valuenow = scrollOffset.current / length * 100 + width;\n  (0,_utils__WEBPACK_IMPORTED_MODULE_7__.useMount)(function () {\n    (0,_utils__WEBPACK_IMPORTED_MODULE_7__.defer)(function () {\n      if (barRef.current) {\n        setBarOffset((0,dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(barRef.current));\n      }\n    });\n    return function () {\n      releaseMouseMoves();\n    };\n  });\n  (0,_utils__WEBPACK_IMPORTED_MODULE_7__.useUpdateEffect)(function () {\n    if (scrollOffset.current) {\n      // Update the position of the scroll bar when the height of the table content area changes.\n      scrollOffset.current = scrollRange.current / scrollLength * scrollOffset.current;\n      updateScrollBarPosition(0);\n    }\n\n    scrollRange.current = scrollLength;\n  }, [scrollLength]);\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useImperativeHandle)(ref, function () {\n    return {\n      get root() {\n        return barRef.current;\n      },\n\n      get handle() {\n        return handleRef.current;\n      },\n\n      onWheelScroll: function onWheelScroll(delta, momentum) {\n        var nextDelta = delta / (scrollLength / length);\n        updateScrollBarPosition(nextDelta, undefined, momentum);\n      },\n      resetScrollBarPosition: function resetScrollBarPosition(forceDelta) {\n        if (forceDelta === void 0) {\n          forceDelta = 0;\n        }\n\n        scrollOffset.current = 0;\n        updateScrollBarPosition(0, forceDelta);\n      }\n    };\n  });\n  var updateScrollBarPosition = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (delta, forceDelta, momentum) {\n    var max = scrollLength && length ? length - Math.max(length / scrollLength * length, _constants__WEBPACK_IMPORTED_MODULE_6__.SCROLLBAR_MIN_WIDTH + 2) : 0;\n    var styles = momentum ? {\n      'transition-duration': _constants__WEBPACK_IMPORTED_MODULE_6__.TRANSITION_DURATION + \"ms\",\n      'transition-timing-function': _constants__WEBPACK_IMPORTED_MODULE_6__.BEZIER\n    } : {};\n\n    var getSafeValue = function getSafeValue(value) {\n      if (value === void 0) {\n        value = 0;\n      }\n\n      return Math.min(Math.max(value, 0), max);\n    };\n\n    if (typeof forceDelta === 'undefined') {\n      scrollOffset.current += delta;\n      scrollOffset.current = getSafeValue(scrollOffset.current);\n    } else {\n      scrollOffset.current = getSafeValue(forceDelta);\n    }\n\n    if (vertical) {\n      translateDOMPositionXY === null || translateDOMPositionXY === void 0 ? void 0 : translateDOMPositionXY(styles, 0, scrollOffset.current);\n    } else {\n      translateDOMPositionXY === null || translateDOMPositionXY === void 0 ? void 0 : translateDOMPositionXY(styles, scrollOffset.current, 0);\n    }\n\n    if (handleRef.current) {\n      (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(handleRef.current, styles);\n    }\n  }, [length, scrollLength, translateDOMPositionXY, vertical]);\n  var handleScroll = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (delta, event) {\n    var scrollDelta = delta * (scrollLength / length);\n    updateScrollBarPosition(delta);\n    onScroll === null || onScroll === void 0 ? void 0 : onScroll(scrollDelta, event);\n  }, [length, onScroll, scrollLength, updateScrollBarPosition]);\n  var handleClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (event) {\n    var _handleRef$current;\n\n    if (handleRef.current && (_handleRef$current = handleRef.current) !== null && _handleRef$current !== void 0 && _handleRef$current.contains(event.target)) {\n      return;\n    }\n\n    if (typeof (barOffset === null || barOffset === void 0 ? void 0 : barOffset.top) !== 'number' || typeof (barOffset === null || barOffset === void 0 ? void 0 : barOffset.left) !== 'number') {\n      return;\n    }\n\n    var offset = vertical ? event.pageY - (barOffset === null || barOffset === void 0 ? void 0 : barOffset.top) : event.pageX - barOffset.left;\n    var handleWidth = length / scrollLength * length;\n    var delta = offset - handleWidth;\n    var nextDelta = offset > scrollOffset.current ? delta - scrollOffset.current : offset - scrollOffset.current;\n    handleScroll(nextDelta, event);\n  }, [barOffset, handleScroll, length, scrollLength, vertical]);\n  var releaseMouseMoves = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    var _mouseMoveTracker$cur, _mouseMoveTracker$cur2;\n\n    (_mouseMoveTracker$cur = mouseMoveTracker.current) === null || _mouseMoveTracker$cur === void 0 ? void 0 : (_mouseMoveTracker$cur2 = _mouseMoveTracker$cur.releaseMouseMoves) === null || _mouseMoveTracker$cur2 === void 0 ? void 0 : _mouseMoveTracker$cur2.call(_mouseMoveTracker$cur);\n    mouseMoveTracker.current = null;\n  }, []);\n  var handleDragMove = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (deltaX, deltaY, event) {\n    var _window, _window$event;\n\n    if (!mouseMoveTracker.current || !mouseMoveTracker.current.isDragging()) {\n      return;\n    }\n\n    if ((event === null || event === void 0 ? void 0 : event.buttons) === 0 || ((_window = window) === null || _window === void 0 ? void 0 : (_window$event = _window.event) === null || _window$event === void 0 ? void 0 : _window$event['buttons']) === 0) {\n      releaseMouseMoves();\n      return;\n    }\n\n    handleScroll(vertical ? deltaY : deltaX, event);\n  }, [handleScroll, releaseMouseMoves, vertical]);\n  var handleDragEnd = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    releaseMouseMoves();\n    setHandlePressed(false);\n  }, [releaseMouseMoves]);\n  var getMouseMoveTracker = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    return mouseMoveTracker.current || new dom_lib_DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_3__[\"default\"](handleDragMove, handleDragEnd, document.body);\n  }, [handleDragEnd, handleDragMove]);\n  var handleMouseDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (event) {\n    var _mouseMoveTracker$cur3;\n\n    mouseMoveTracker.current = getMouseMoveTracker();\n    mouseMoveTracker === null || mouseMoveTracker === void 0 ? void 0 : (_mouseMoveTracker$cur3 = mouseMoveTracker.current) === null || _mouseMoveTracker$cur3 === void 0 ? void 0 : _mouseMoveTracker$cur3.captureMouseMoves(event);\n    setHandlePressed(true);\n    onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);\n  }, [getMouseMoveTracker, onMouseDown]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    role: \"scrollbar\",\n    \"aria-controls\": tableId,\n    \"aria-valuemax\": 100,\n    \"aria-valuemin\": 0,\n    \"aria-valuenow\": valuenow,\n    \"aria-orientation\": vertical ? 'vertical' : 'horizontal'\n  }, rest, {\n    ref: barRef,\n    className: classes,\n    onClick: handleClick\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    ref: handleRef,\n    className: prefix('handle'),\n    style: styles,\n    onMouseDown: handleMouseDown,\n    role: \"button\",\n    tabIndex: -1\n  }));\n});\nScrollbar.displayName = 'Table.Scrollbar';\n/* harmony default export */ __webpack_exports__[\"default\"] = (Scrollbar);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Scrollbar.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 dom_lib_DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/DOMMouseMoveTracker */ \"./node_modules/dom-lib/esm/DOMMouseMoveTracker.js\");\n/* harmony import */ var dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! dom-lib/getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n'use client';\n\n\nvar _excluded = [\"length\", \"scrollLength\", \"classPrefix\", \"vertical\", \"className\", \"tableId\", \"onMouseDown\", \"onScroll\"];\n\n\n\n\n\n\n\nvar Scrollbar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var _barRef$current, _styles;\n  var _props$length = props.length,\n    length = _props$length === void 0 ? 1 : _props$length,\n    _props$scrollLength = props.scrollLength,\n    scrollLength = _props$scrollLength === void 0 ? 1 : _props$scrollLength,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'scrollbar' : _props$classPrefix,\n    vertical = props.vertical,\n    className = props.className,\n    tableId = props.tableId,\n    onMouseDown = props.onMouseDown,\n    onScroll = props.onScroll,\n    rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded);\n  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2___default().useContext(_TableContext__WEBPACK_IMPORTED_MODULE_8__[\"default\"]),\n    translateDOMPositionXY = _React$useContext.translateDOMPositionXY;\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false),\n    handlePressed = _useState[0],\n    setHandlePressed = _useState[1];\n  var _useState2 = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)({\n      top: 0,\n      left: 0\n    }),\n    barOffset = _useState2[0],\n    setBarOffset = _useState2[1];\n  var scrollOffset = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(0);\n  var scrollRange = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(scrollLength);\n  var barRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var handleRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var mouseMoveTracker = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, withClassPrefix({\n    vertical: vertical,\n    horizontal: !vertical,\n    pressed: handlePressed\n  }),\n  // keep the 'fixed' class name if it has already been given by useAffix hook\n  ((_barRef$current = barRef.current) === null || _barRef$current === void 0 ? void 0 : _barRef$current.classList.contains('fixed')) && 'fixed');\n  var width = length / scrollLength * 100;\n  var styles = (_styles = {}, _styles[vertical ? 'height' : 'width'] = width + \"%\", _styles[vertical ? 'minHeight' : 'minWidth'] = _constants__WEBPACK_IMPORTED_MODULE_6__.SCROLLBAR_MIN_WIDTH, _styles);\n  var valuenow = scrollOffset.current / length * 100 + width;\n  (0,_utils__WEBPACK_IMPORTED_MODULE_7__.useMount)(function () {\n    (0,_utils__WEBPACK_IMPORTED_MODULE_7__.defer)(function () {\n      if (barRef.current) {\n        setBarOffset((0,dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(barRef.current));\n      }\n    });\n    return function () {\n      releaseMouseMoves();\n    };\n  });\n  (0,_utils__WEBPACK_IMPORTED_MODULE_7__.useUpdateEffect)(function () {\n    if (scrollOffset.current) {\n      // Update the position of the scroll bar when the height of the table content area changes.\n      scrollOffset.current = scrollRange.current / scrollLength * scrollOffset.current;\n      updateScrollBarPosition(0);\n    }\n    scrollRange.current = scrollLength;\n  }, [scrollLength]);\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useImperativeHandle)(ref, function () {\n    return {\n      get root() {\n        return barRef.current;\n      },\n      get handle() {\n        return handleRef.current;\n      },\n      onWheelScroll: function onWheelScroll(delta, momentum) {\n        var nextDelta = delta / (scrollLength / length);\n        updateScrollBarPosition(nextDelta, undefined, momentum);\n      },\n      resetScrollBarPosition: function resetScrollBarPosition(forceDelta) {\n        if (forceDelta === void 0) {\n          forceDelta = 0;\n        }\n        scrollOffset.current = 0;\n        updateScrollBarPosition(0, forceDelta);\n      }\n    };\n  });\n  var updateScrollBarPosition = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (delta, forceDelta, momentum) {\n    var max = scrollLength && length ? length - Math.max(length / scrollLength * length, _constants__WEBPACK_IMPORTED_MODULE_6__.SCROLLBAR_MIN_WIDTH + 2) : 0;\n    var styles = momentum ? {\n      'transition-duration': _constants__WEBPACK_IMPORTED_MODULE_6__.TRANSITION_DURATION + \"ms\",\n      'transition-timing-function': _constants__WEBPACK_IMPORTED_MODULE_6__.BEZIER\n    } : {};\n    var getSafeValue = function getSafeValue(value) {\n      if (value === void 0) {\n        value = 0;\n      }\n      return Math.min(Math.max(value, 0), max);\n    };\n    if (typeof forceDelta === 'undefined') {\n      scrollOffset.current += delta;\n      scrollOffset.current = getSafeValue(scrollOffset.current);\n    } else {\n      scrollOffset.current = getSafeValue(forceDelta);\n    }\n    if (vertical) {\n      translateDOMPositionXY === null || translateDOMPositionXY === void 0 ? void 0 : translateDOMPositionXY(styles, 0, scrollOffset.current);\n    } else {\n      translateDOMPositionXY === null || translateDOMPositionXY === void 0 ? void 0 : translateDOMPositionXY(styles, scrollOffset.current, 0);\n    }\n    if (handleRef.current) {\n      (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(handleRef.current, styles);\n    }\n  }, [length, scrollLength, translateDOMPositionXY, vertical]);\n  var handleScroll = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (delta, event) {\n    var scrollDelta = delta * (scrollLength / length);\n    updateScrollBarPosition(delta);\n    onScroll === null || onScroll === void 0 ? void 0 : onScroll(scrollDelta, event);\n  }, [length, onScroll, scrollLength, updateScrollBarPosition]);\n  var handleClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (event) {\n    var _handleRef$current;\n    if (handleRef.current && (_handleRef$current = handleRef.current) !== null && _handleRef$current !== void 0 && _handleRef$current.contains(event.target)) {\n      return;\n    }\n    if (typeof (barOffset === null || barOffset === void 0 ? void 0 : barOffset.top) !== 'number' || typeof (barOffset === null || barOffset === void 0 ? void 0 : barOffset.left) !== 'number') {\n      return;\n    }\n    var offset = vertical ? event.pageY - (barOffset === null || barOffset === void 0 ? void 0 : barOffset.top) : event.pageX - barOffset.left;\n    var handleWidth = length / scrollLength * length;\n    var delta = offset - handleWidth;\n    var nextDelta = offset > scrollOffset.current ? delta - scrollOffset.current : offset - scrollOffset.current;\n    handleScroll(nextDelta, event);\n  }, [barOffset, handleScroll, length, scrollLength, vertical]);\n  var releaseMouseMoves = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    var _mouseMoveTracker$cur, _mouseMoveTracker$cur2;\n    (_mouseMoveTracker$cur = mouseMoveTracker.current) === null || _mouseMoveTracker$cur === void 0 ? void 0 : (_mouseMoveTracker$cur2 = _mouseMoveTracker$cur.releaseMouseMoves) === null || _mouseMoveTracker$cur2 === void 0 ? void 0 : _mouseMoveTracker$cur2.call(_mouseMoveTracker$cur);\n    mouseMoveTracker.current = null;\n  }, []);\n  var handleDragMove = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (deltaX, deltaY, event) {\n    var _window, _window$event;\n    if (!mouseMoveTracker.current || !mouseMoveTracker.current.isDragging()) {\n      return;\n    }\n    if ((event === null || event === void 0 ? void 0 : event.buttons) === 0 || ((_window = window) === null || _window === void 0 ? void 0 : (_window$event = _window.event) === null || _window$event === void 0 ? void 0 : _window$event['buttons']) === 0) {\n      releaseMouseMoves();\n      return;\n    }\n    handleScroll(vertical ? deltaY : deltaX, event);\n  }, [handleScroll, releaseMouseMoves, vertical]);\n  var handleDragEnd = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    releaseMouseMoves();\n    setHandlePressed(false);\n  }, [releaseMouseMoves]);\n  var getMouseMoveTracker = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    return mouseMoveTracker.current || new dom_lib_DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_3__[\"default\"](handleDragMove, handleDragEnd, document.body);\n  }, [handleDragEnd, handleDragMove]);\n  var handleMouseDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (event) {\n    var _mouseMoveTracker$cur3;\n    mouseMoveTracker.current = getMouseMoveTracker();\n    mouseMoveTracker === null || mouseMoveTracker === void 0 ? void 0 : (_mouseMoveTracker$cur3 = mouseMoveTracker.current) === null || _mouseMoveTracker$cur3 === void 0 ? void 0 : _mouseMoveTracker$cur3.captureMouseMoves(event);\n    setHandlePressed(true);\n    onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);\n  }, [getMouseMoveTracker, onMouseDown]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    role: \"scrollbar\",\n    \"aria-controls\": tableId,\n    \"aria-valuemax\": 100,\n    \"aria-valuemin\": 0,\n    \"aria-valuenow\": valuenow,\n    \"aria-orientation\": vertical ? 'vertical' : 'horizontal'\n  }, rest, {\n    ref: barRef,\n    className: classes,\n    onClick: handleClick\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    ref: handleRef,\n    className: prefix('handle'),\n    style: styles,\n    onMouseDown: handleMouseDown,\n    role: \"button\",\n    tabIndex: -1\n  }));\n});\nScrollbar.displayName = 'Table.Scrollbar';\n/* harmony default export */ __webpack_exports__[\"default\"] = (Scrollbar);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Scrollbar.js?");
 
 /***/ }),
 
@@ -9776,7 +9776,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
 /***/ (function(__unused_webpack_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 dom_lib_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/translateDOMPositionXY */ \"./node_modules/dom-lib/esm/translateDOMPositionXY.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_16__);\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\");\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/flatten */ \"./node_modules/lodash/flatten.js\");\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_flatten__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _Row__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Row */ \"./node_modules/rsuite-table/es/Row.js\");\n/* harmony import */ var _CellGroup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./CellGroup */ \"./node_modules/rsuite-table/es/CellGroup.js\");\n/* harmony import */ var _Scrollbar__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Scrollbar */ \"./node_modules/rsuite-table/es/Scrollbar.js\");\n/* harmony import */ var _MouseArea__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./MouseArea */ \"./node_modules/rsuite-table/es/MouseArea.js\");\n/* harmony import */ var _Loader__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Loader */ \"./node_modules/rsuite-table/es/Loader.js\");\n/* harmony import */ var _EmptyMessage__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./EmptyMessage */ \"./node_modules/rsuite-table/es/EmptyMessage.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n'use client';\n\n\n\nvar _excluded = [\"affixHeader\", \"children\", \"classPrefix\", \"className\", \"data\", \"defaultSortType\", \"width\", \"expandedRowKeys\", \"defaultExpandAllRows\", \"defaultExpandedRowKeys\", \"style\", \"id\", \"isTree\", \"hover\", \"bordered\", \"cellBordered\", \"wordWrap\", \"loading\", \"locale\", \"showHeader\", \"sortColumn\", \"rowHeight\", \"sortType\", \"headerHeight\", \"minHeight\", \"height\", \"autoHeight\", \"fillHeight\", \"rtl\", \"translate3d\", \"rowKey\", \"virtualized\", \"rowClassName\", \"rowExpandedHeight\", \"disabledScroll\", \"affixHorizontalScrollbar\", \"loadAnimation\", \"shouldUpdateScroll\", \"renderRow\", \"renderRowExpanded\", \"renderLoading\", \"renderEmpty\", \"onSortColumn\", \"onScroll\", \"renderTreeToggle\", \"onRowClick\", \"onRowContextMenu\", \"onExpandChange\", \"onTouchStart\", \"onTouchMove\", \"onTouchEnd\"],\n    _excluded2 = [\"depth\", \"rowIndex\"],\n    _excluded3 = [\"cellHeight\"];\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * Filter those expanded nodes.\n * @param data\n * @param expandedRowKeys\n * @param rowKey\n * @returns\n */\nvar filterTreeData = function filterTreeData(data, expandedRowKeys, rowKey) {\n  return (0,_utils__WEBPACK_IMPORTED_MODULE_15__.flattenData)(data).filter(function (rowData) {\n    if (rowKey) {\n      var parents = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.findAllParents)(rowData, rowKey);\n\n      var _expanded = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.shouldShowRowByExpanded)(expandedRowKeys, parents); // FIXME This function is supposed to be pure.\n      //       Don't mutate rowData in-place!\n\n\n      rowData[_constants__WEBPACK_IMPORTED_MODULE_14__.EXPANDED_KEY] = _expanded;\n      rowData[_constants__WEBPACK_IMPORTED_MODULE_14__.TREE_DEPTH] = parents.length;\n      return _expanded;\n    }\n  });\n};\n\nvar DATA_PLACEHOLDER = [];\nvar Table = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var affixHeader = props.affixHeader,\n      children = props.children,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'rs-table' : _props$classPrefix,\n      className = props.className,\n      _props$data = props.data,\n      dataProp = _props$data === void 0 ? DATA_PLACEHOLDER : _props$data,\n      _props$defaultSortTyp = props.defaultSortType,\n      defaultSortType = _props$defaultSortTyp === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_14__.SORT_TYPE.DESC : _props$defaultSortTyp,\n      widthProp = props.width,\n      expandedRowKeysProp = props.expandedRowKeys,\n      defaultExpandAllRows = props.defaultExpandAllRows,\n      defaultExpandedRowKeys = props.defaultExpandedRowKeys,\n      style = props.style,\n      id = props.id,\n      isTree = props.isTree,\n      _props$hover = props.hover,\n      hover = _props$hover === void 0 ? true : _props$hover,\n      bordered = props.bordered,\n      cellBordered = props.cellBordered,\n      wordWrap = props.wordWrap,\n      loading = props.loading,\n      _props$locale = props.locale,\n      locale = _props$locale === void 0 ? {\n    emptyMessage: 'No data found',\n    loading: 'Loading...'\n  } : _props$locale,\n      _props$showHeader = props.showHeader,\n      showHeader = _props$showHeader === void 0 ? true : _props$showHeader,\n      sortColumn = props.sortColumn,\n      _props$rowHeight = props.rowHeight,\n      rowHeight = _props$rowHeight === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_14__.ROW_HEIGHT : _props$rowHeight,\n      sortTypeProp = props.sortType,\n      _props$headerHeight = props.headerHeight,\n      headerHeightProp = _props$headerHeight === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_14__.ROW_HEADER_HEIGHT : _props$headerHeight,\n      _props$minHeight = props.minHeight,\n      minHeight = _props$minHeight === void 0 ? 0 : _props$minHeight,\n      _props$height = props.height,\n      height = _props$height === void 0 ? 200 : _props$height,\n      autoHeight = props.autoHeight,\n      fillHeight = props.fillHeight,\n      rtlProp = props.rtl,\n      translate3d = props.translate3d,\n      rowKey = props.rowKey,\n      virtualized = props.virtualized,\n      rowClassName = props.rowClassName,\n      _props$rowExpandedHei = props.rowExpandedHeight,\n      rowExpandedHeight = _props$rowExpandedHei === void 0 ? 100 : _props$rowExpandedHei,\n      disabledScroll = props.disabledScroll,\n      affixHorizontalScrollbar = props.affixHorizontalScrollbar,\n      loadAnimation = props.loadAnimation,\n      _props$shouldUpdateSc = props.shouldUpdateScroll,\n      shouldUpdateScroll = _props$shouldUpdateSc === void 0 ? true : _props$shouldUpdateSc,\n      renderRowProp = props.renderRow,\n      renderRowExpandedProp = props.renderRowExpanded,\n      renderLoading = props.renderLoading,\n      renderEmpty = props.renderEmpty,\n      onSortColumn = props.onSortColumn,\n      onScroll = props.onScroll,\n      renderTreeToggle = props.renderTreeToggle,\n      onRowClick = props.onRowClick,\n      onRowContextMenu = props.onRowContextMenu,\n      onExpandChange = props.onExpandChange,\n      onTouchStart = props.onTouchStart,\n      onTouchMove = props.onTouchMove,\n      onTouchEnd = props.onTouchEnd,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded);\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useClassNames)(classPrefix, typeof classPrefix !== 'undefined'),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      mergeCls = _useClassNames.merge,\n      prefix = _useClassNames.prefix; // Use `forceUpdate` to force the component to re-render after manipulating the DOM.\n\n\n  var _useReducer = (0,react__WEBPACK_IMPORTED_MODULE_2__.useReducer)(function (x) {\n    return x + 1;\n  }, 0),\n      forceUpdate = _useReducer[1];\n\n  var _useControlled = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useControlled)(expandedRowKeysProp, defaultExpandAllRows ? (0,_utils__WEBPACK_IMPORTED_MODULE_15__.findRowKeys)(dataProp, rowKey, lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(renderRowExpandedProp)) : defaultExpandedRowKeys || []),\n      expandedRowKeys = _useControlled[0],\n      setExpandedRowKeys = _useControlled[1];\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(function () {\n    return isTree ? filterTreeData(dataProp, expandedRowKeys, rowKey) : dataProp;\n  }),\n      data = _useState[0],\n      setData = _useState[1];\n\n  if (isTree) {\n    if (!rowKey) {\n      throw new Error('The `rowKey` is required when set isTree');\n    } else if (data.length > 0) {\n      if (!data[0].hasOwnProperty(rowKey)) {\n        throw new Error('The `rowKey` is not found in data');\n      }\n    }\n  }\n\n  var _useTableRows = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useTableRows)({\n    data: dataProp,\n    expandedRowKeys: expandedRowKeys,\n    wordWrap: wordWrap,\n    prefix: prefix\n  }),\n      tableRowsMaxHeight = _useTableRows.tableRowsMaxHeight,\n      bindTableRowsRef = _useTableRows.bindTableRowsRef;\n\n  var headerHeight = showHeader ? headerHeightProp : 0;\n  var rtl = rtlProp || (0,_utils__WEBPACK_IMPORTED_MODULE_15__.isRTL)();\n\n  var getRowHeight = function getRowHeight() {\n    return typeof rowHeight === 'function' ? rowHeight() : rowHeight;\n  };\n\n  var translateDOMPositionXY = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)((0,dom_lib_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_3__.getTranslateDOMPositionXY)({\n    forceUseTransform: true,\n    enable3DTransform: translate3d\n  })); // Check for the existence of fixed columns in all column properties.\n\n  var shouldFixedColumn = Array.from(lodash_flatten__WEBPACK_IMPORTED_MODULE_5___default()(children)).some(function (child) {\n    var _child$props;\n\n    return child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.fixed;\n  }); // Check all column properties for the existence of rowSpan.\n\n  var shouldRowSpanColumn = Array.from(lodash_flatten__WEBPACK_IMPORTED_MODULE_5___default()(children)).some(function (child) {\n    var _child$props2;\n\n    return child === null || child === void 0 ? void 0 : (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.rowSpan;\n  });\n  var visibleRows = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)([]);\n  var mouseAreaRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var tableRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var tableHeaderRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var affixHeaderWrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var headerWrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var tableBodyRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var wheelWrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var scrollbarXRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var scrollbarYRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n\n  var handleTableResizeChange = function handleTableResizeChange(_prevSize, event) {\n    forceUpdate();\n    /**\n     * Reset the position of the scroll bar after the table size changes.\n     */\n\n    if (typeof shouldUpdateScroll === 'function') {\n      onScrollTo(shouldUpdateScroll(event));\n    } else if (shouldUpdateScroll) {\n      var vertical = event === 'bodyHeightChanged';\n      vertical ? onScrollTop(0) : onScrollLeft(0);\n    }\n\n    if (event === 'bodyWidthChanged') {\n      deferUpdatePosition();\n    }\n  };\n\n  var _useTableDimension = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useTableDimension)({\n    // The data should be flattened,\n    // otherwise the array length required to calculate the scroll height in the TreeTable is not real.\n    data: data,\n    width: widthProp,\n    rowHeight: rowHeight,\n    tableRef: tableRef,\n    headerWrapperRef: headerWrapperRef,\n    prefix: prefix,\n    affixHeader: affixHeader,\n    affixHorizontalScrollbar: affixHorizontalScrollbar,\n    headerHeight: headerHeight,\n    height: height,\n    minHeight: minHeight,\n    autoHeight: autoHeight,\n    fillHeight: fillHeight,\n    children: children,\n    expandedRowKeys: expandedRowKeys,\n    showHeader: showHeader,\n    bordered: bordered,\n    onTableScroll: lodash_debounce__WEBPACK_IMPORTED_MODULE_6___default()(function (coords) {\n      return onScrollTo(coords);\n    }, 100),\n    onTableResizeChange: handleTableResizeChange\n  }),\n      contentHeight = _useTableDimension.contentHeight,\n      contentWidth = _useTableDimension.contentWidth,\n      minScrollY = _useTableDimension.minScrollY,\n      minScrollX = _useTableDimension.minScrollX,\n      scrollY = _useTableDimension.scrollY,\n      scrollX = _useTableDimension.scrollX,\n      tableWidth = _useTableDimension.tableWidth,\n      tableOffset = _useTableDimension.tableOffset,\n      headerOffset = _useTableDimension.headerOffset,\n      setScrollY = _useTableDimension.setScrollY,\n      setScrollX = _useTableDimension.setScrollX,\n      getTableHeight = _useTableDimension.getTableHeight;\n\n  (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useAffix)({\n    getTableHeight: getTableHeight,\n    contentHeight: contentHeight,\n    affixHorizontalScrollbar: affixHorizontalScrollbar,\n    affixHeader: affixHeader,\n    tableOffset: tableOffset,\n    headerOffset: headerOffset,\n    headerHeight: headerHeight,\n    scrollbarXRef: scrollbarXRef,\n    affixHeaderWrapperRef: affixHeaderWrapperRef\n  });\n\n  var _usePosition = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.usePosition)({\n    data: dataProp,\n    height: height,\n    tableWidth: tableWidth,\n    tableRef: tableRef,\n    prefix: prefix,\n    translateDOMPositionXY: translateDOMPositionXY,\n    wheelWrapperRef: wheelWrapperRef,\n    headerWrapperRef: headerWrapperRef,\n    affixHeaderWrapperRef: affixHeaderWrapperRef,\n    tableHeaderRef: tableHeaderRef,\n    scrollX: scrollX,\n    scrollY: scrollY,\n    contentWidth: contentWidth,\n    shouldFixedColumn: shouldFixedColumn\n  }),\n      forceUpdatePosition = _usePosition.forceUpdatePosition,\n      deferUpdatePosition = _usePosition.deferUpdatePosition;\n\n  var _useScrollListener = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useScrollListener)({\n    rtl: rtl,\n    data: dataProp,\n    height: height,\n    virtualized: virtualized,\n    getTableHeight: getTableHeight,\n    contentHeight: contentHeight,\n    headerHeight: headerHeight,\n    autoHeight: autoHeight,\n    tableBodyRef: tableBodyRef,\n    scrollbarXRef: scrollbarXRef,\n    scrollbarYRef: scrollbarYRef,\n    disabledScroll: disabledScroll,\n    loading: loading,\n    tableRef: tableRef,\n    contentWidth: contentWidth,\n    tableWidth: tableWidth,\n    scrollY: scrollY,\n    minScrollY: minScrollY,\n    minScrollX: minScrollX,\n    scrollX: scrollX,\n    setScrollX: setScrollX,\n    setScrollY: setScrollY,\n    forceUpdatePosition: forceUpdatePosition,\n    deferUpdatePosition: deferUpdatePosition,\n    onScroll: onScroll,\n    onTouchStart: onTouchStart,\n    onTouchMove: onTouchMove,\n    onTouchEnd: onTouchEnd\n  }),\n      isScrolling = _useScrollListener.isScrolling,\n      onScrollHorizontal = _useScrollListener.onScrollHorizontal,\n      onScrollVertical = _useScrollListener.onScrollVertical,\n      onScrollBody = _useScrollListener.onScrollBody,\n      onScrollTop = _useScrollListener.onScrollTop,\n      onScrollLeft = _useScrollListener.onScrollLeft,\n      onScrollTo = _useScrollListener.onScrollTo,\n      onScrollByKeydown = _useScrollListener.onScrollByKeydown;\n\n  var _useCellDescriptor = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useCellDescriptor)({\n    children: children,\n    rtl: rtl,\n    mouseAreaRef: mouseAreaRef,\n    tableRef: tableRef,\n    minScrollX: minScrollX,\n    scrollX: scrollX,\n    tableWidth: tableWidth,\n    headerHeight: headerHeight,\n    showHeader: showHeader,\n    sortType: sortTypeProp,\n    defaultSortType: defaultSortType,\n    sortColumn: sortColumn,\n    prefix: prefix,\n    onSortColumn: onSortColumn,\n    // Force table update after column width change, so scrollbar re-renders.\n    onHeaderCellResize: forceUpdate,\n    rowHeight: rowHeight\n  }),\n      headerCells = _useCellDescriptor.headerCells,\n      bodyCells = _useCellDescriptor.bodyCells,\n      allColumnsWidth = _useCellDescriptor.allColumnsWidth,\n      hasCustomTreeCol = _useCellDescriptor.hasCustomTreeCol;\n\n  var colCounts = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)((headerCells === null || headerCells === void 0 ? void 0 : headerCells.length) || 0);\n  (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useUpdateEffect)(function () {\n    setData(isTree ? filterTreeData(dataProp, expandedRowKeys, rowKey) : dataProp);\n  }, [dataProp, expandedRowKeys, rowKey, isTree]);\n  (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useUpdateEffect)(function () {\n    if ((headerCells === null || headerCells === void 0 ? void 0 : headerCells.length) !== colCounts.current) {\n      onScrollLeft(0);\n      colCounts.current = (headerCells === null || headerCells === void 0 ? void 0 : headerCells.length) || 0;\n    }\n  }, [children]);\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useImperativeHandle)(ref, function () {\n    return {\n      get root() {\n        return tableRef.current;\n      },\n\n      get body() {\n        return wheelWrapperRef.current;\n      },\n\n      scrollTop: onScrollTop,\n      scrollLeft: onScrollLeft\n    };\n  });\n  var rowWidth = allColumnsWidth > tableWidth.current ? allColumnsWidth : tableWidth.current; // Whether to show vertical scroll bar\n\n  var hasVerticalScrollbar = !autoHeight && contentHeight.current > getTableHeight() - headerHeight; // Whether to show the horizontal scroll bar\n\n  var hasHorizontalScrollbar = contentWidth.current > tableWidth.current;\n  var classes = mergeCls(className, withClassPrefix({\n    bordered: bordered,\n    hover: hover && !shouldRowSpanColumn,\n    loading: loading,\n    treetable: isTree,\n    'word-wrap': wordWrap,\n    'cell-bordered': cellBordered\n  }));\n\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    width: widthProp || 'auto',\n    height: getTableHeight()\n  }, style);\n\n  var renderRowExpanded = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowData) {\n    var height = 0;\n\n    if (typeof rowExpandedHeight === 'function') {\n      height = rowExpandedHeight(rowData);\n    } else {\n      height = rowExpandedHeight;\n    }\n\n    var styles = {\n      height: height\n    };\n\n    if (typeof renderRowExpandedProp === 'function') {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: prefix('row-expanded'),\n        style: styles\n      }, renderRowExpandedProp(rowData));\n    }\n\n    return null;\n  }, [prefix, renderRowExpandedProp, rowExpandedHeight]);\n\n  var renderRow = function renderRow(props, cells, shouldRenderExpandedRow, rowData) {\n    var depth = props.depth,\n        rowIndex = props.rowIndex,\n        restRowProps = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded2);\n\n    if (typeof rowClassName === 'function') {\n      restRowProps.className = rowClassName(rowData, rowIndex);\n    } else {\n      restRowProps.className = rowClassName;\n    }\n\n    var rowStyles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, props === null || props === void 0 ? void 0 : props.style);\n\n    var rowRight = 0;\n\n    if (rtl && contentWidth.current > tableWidth.current) {\n      rowRight = tableWidth.current - contentWidth.current;\n      rowStyles.right = rowRight;\n    }\n\n    var rowNode = null; // IF there are fixed columns, add a fixed group\n\n    if (shouldFixedColumn && contentWidth.current > tableWidth.current) {\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            width = _cell$props.width;\n        var isFixedStart = fixed === 'left' || fixed === true;\n        var isFixedEnd = fixed === 'right';\n\n        if (rtl) {\n          isFixedStart = fixed === 'right';\n          isFixedEnd = fixed === 'left' || fixed === true;\n        }\n\n        if (isFixedStart) {\n          fixedLeftCells.push(cell);\n          fixedLeftCellGroupWidth += width;\n        } else if (isFixedEnd) {\n          fixedRightCells.push(cell);\n          fixedRightCellGroupWidth += width;\n        } else {\n          scrollCells.push(cell);\n        }\n      }\n\n      if (hasVerticalScrollbar && fixedRightCellGroupWidth) {\n        fixedRightCellGroupWidth += _constants__WEBPACK_IMPORTED_MODULE_14__.SCROLLBAR_WIDTH;\n      }\n\n      rowNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, fixedLeftCellGroupWidth ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_CellGroup__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n        fixed: \"left\",\n        height: props.isHeaderRow ? props.headerHeight : props.height,\n        width: fixedLeftCellGroupWidth,\n        style: rtl ? {\n          right: tableWidth.current - fixedLeftCellGroupWidth - rowRight\n        } : undefined\n      }, (0,_utils__WEBPACK_IMPORTED_MODULE_15__.mergeCells)((0,_utils__WEBPACK_IMPORTED_MODULE_15__.resetLeftForCells)(fixedLeftCells))) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_CellGroup__WEBPACK_IMPORTED_MODULE_8__[\"default\"], null, (0,_utils__WEBPACK_IMPORTED_MODULE_15__.mergeCells)(scrollCells)), fixedRightCellGroupWidth ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_CellGroup__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n        fixed: \"right\",\n        style: rtl ? {\n          right: 0 - rowRight\n        } : {\n          left: tableWidth.current - fixedRightCellGroupWidth\n        },\n        height: props.isHeaderRow ? props.headerHeight : props.height,\n        width: fixedRightCellGroupWidth\n      }, (0,_utils__WEBPACK_IMPORTED_MODULE_15__.mergeCells)((0,_utils__WEBPACK_IMPORTED_MODULE_15__.resetLeftForCells)(fixedRightCells, hasVerticalScrollbar ? _constants__WEBPACK_IMPORTED_MODULE_14__.SCROLLBAR_WIDTH : 0))) : null, shouldRenderExpandedRow && renderRowExpanded(rowData));\n    } else {\n      rowNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_CellGroup__WEBPACK_IMPORTED_MODULE_8__[\"default\"], null, (0,_utils__WEBPACK_IMPORTED_MODULE_15__.mergeCells)(cells)), shouldRenderExpandedRow && renderRowExpanded(rowData));\n    }\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Row__WEBPACK_IMPORTED_MODULE_7__[\"default\"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, restRowProps, {\n      \"data-depth\": depth,\n      style: rowStyles\n    }), renderRowProp ? renderRowProp(rowNode, rowData) : rowNode);\n  };\n\n  var renderTableHeader = function renderTableHeader(headerCells, rowWidth) {\n    var top = typeof affixHeader === 'number' ? affixHeader : 0;\n    var rowProps = {\n      'aria-rowindex': 1,\n      rowRef: tableHeaderRef,\n      width: rowWidth,\n      height: getRowHeight(),\n      headerHeight: headerHeight,\n      isHeaderRow: true,\n      top: 0,\n      rowIndex: -1\n    };\n    var fixedStyle = {\n      position: 'fixed',\n      overflow: 'hidden',\n      height: headerHeight,\n      width: tableWidth.current,\n      top: top\n    }; // Affix header\n\n    var header = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      className: prefix('affix-header'),\n      style: fixedStyle,\n      ref: affixHeaderWrapperRef\n    }, renderRow(rowProps, headerCells));\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, (affixHeader === 0 || affixHeader) && header, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      role: \"rowgroup\",\n      className: prefix('header-row-wrapper'),\n      ref: headerWrapperRef\n    }, renderRow(rowProps, headerCells)));\n  };\n\n  var shouldRenderExpandedRow = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowData) {\n    if (lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(renderRowExpandedProp) && !isTree && rowKey && expandedRowKeys.some(function (key) {\n      return key === rowData[rowKey];\n    })) {\n      return true;\n    }\n\n    return false;\n  }, [expandedRowKeys, isTree, renderRowExpandedProp, rowKey]);\n  var bindRowClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowData) {\n    return function (event) {\n      onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(rowData, event);\n    };\n  }, [onRowClick]);\n  var bindRowContextMenu = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowData) {\n    return function (event) {\n      onRowContextMenu === null || onRowContextMenu === void 0 ? void 0 : onRowContextMenu(rowData, event);\n    };\n  }, [onRowContextMenu]);\n  var handleTreeToggle = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (treeRowKey, _rowIndex, rowData) {\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 === treeRowKey) {\n        open = true;\n      } else {\n        nextExpandedRowKeys.push(key);\n      }\n    }\n\n    if (!open) {\n      nextExpandedRowKeys.push(treeRowKey);\n    }\n\n    setExpandedRowKeys(nextExpandedRowKeys);\n    onExpandChange === null || onExpandChange === void 0 ? void 0 : onExpandChange(!open, rowData);\n  }, [expandedRowKeys, onExpandChange, setExpandedRowKeys]);\n  /**\n   * Records the status of merged rows.\n   * { cellKey: [count,index]}\n   */\n\n  var rowSpanState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)({});\n\n  var renderRowData = function renderRowData(bodyCells, rowData, props, shouldRenderExpandedRow) {\n    var hasChildren = isTree && rowData.children && Array.isArray(rowData.children);\n    var nextRowKey = rowKey && typeof rowData[rowKey] !== 'undefined' ? rowData[rowKey] : props.key;\n\n    var cellHeight = props.cellHeight,\n        restRowProps = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded3);\n\n    var rowProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, restRowProps, {\n      key: nextRowKey,\n      'aria-rowindex': props.key + 2,\n      rowRef: bindTableRowsRef(props.key, rowData),\n      onClick: bindRowClick(rowData),\n      onContextMenu: bindRowContextMenu(rowData)\n    });\n\n    var expanded = expandedRowKeys.some(function (key) {\n      return rowKey && key === rowData[rowKey];\n    });\n    var cells = [];\n\n    for (var i = 0; i < bodyCells.length; i++) {\n      var _cell$props2, _cell$props2$rowSpan, _rowSpanState$current, _cell$props3, _rowSpanState$current2;\n\n      var cell = bodyCells[i];\n      var rowSpan = (_cell$props2 = cell.props) === null || _cell$props2 === void 0 ? void 0 : (_cell$props2$rowSpan = _cell$props2.rowSpan) === null || _cell$props2$rowSpan === void 0 ? void 0 : _cell$props2$rowSpan.call(_cell$props2, rowData);\n      var dataCellHeight = rowSpan ? rowSpan * (cellHeight || _constants__WEBPACK_IMPORTED_MODULE_14__.ROW_HEIGHT) : cellHeight;\n\n      var _cellKey = cell.props.dataKey || i; // Record the cell state of the merged row\n\n\n      if (((_rowSpanState$current = rowSpanState.current[_cellKey]) === null || _rowSpanState$current === void 0 ? void 0 : _rowSpanState$current[1]) > 0) {\n        rowSpanState.current[_cellKey][1] -= 1; // Restart counting when merged to the last cell.\n\n        if (rowSpanState.current[_cellKey][1] === 0) {\n          rowSpanState.current[_cellKey][0] = 0;\n        }\n      }\n\n      if (rowSpan) {\n        // The state of the initial merged cell\n        rowSpanState.current[_cellKey] = [rowSpan, rowSpan];\n        rowProps.rowSpan = rowSpan;\n        rowProps.style = {\n          overflow: 'inherit'\n        };\n      } // Cells marked as deleted when checking for merged cell.\n\n\n      var removedCell = (_cell$props3 = cell.props) !== null && _cell$props3 !== void 0 && _cell$props3.rowSpan && !rowSpan && ((_rowSpanState$current2 = rowSpanState.current[_cellKey]) === null || _rowSpanState$current2 === void 0 ? void 0 : _rowSpanState$current2[0]) !== 0 ? true : false;\n      cells.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(cell, {\n        hasChildren: hasChildren,\n        rowData: rowData,\n        rowIndex: props.rowIndex,\n        wordWrap: wordWrap,\n        height: dataCellHeight,\n        depth: props.depth,\n        renderTreeToggle: renderTreeToggle,\n        onTreeToggle: handleTreeToggle,\n        rowKey: nextRowKey,\n        expanded: expanded,\n        rowSpan: rowSpan,\n        removed: removedCell\n      }));\n    }\n\n    return renderRow(rowProps, cells, shouldRenderExpandedRow, rowData);\n  };\n\n  var renderScrollbar = function renderScrollbar() {\n    var height = getTableHeight();\n\n    if (disabledScroll) {\n      return null;\n    }\n\n    var scrollbars = [];\n\n    if (hasHorizontalScrollbar) {\n      scrollbars.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Scrollbar__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n        key: \"scrollbar\",\n        tableId: id,\n        style: {\n          width: tableWidth.current\n        },\n        length: tableWidth.current,\n        onScroll: onScrollHorizontal,\n        scrollLength: contentWidth.current,\n        ref: scrollbarXRef\n      }));\n    }\n\n    if (hasVerticalScrollbar) {\n      scrollbars.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Scrollbar__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n        vertical: true,\n        key: \"vertical-scrollbar\",\n        tableId: id,\n        length: height - headerHeight,\n        onScroll: onScrollVertical,\n        scrollLength: contentHeight.current,\n        ref: scrollbarYRef\n      }));\n    }\n\n    return scrollbars;\n  };\n\n  var renderTableBody = function renderTableBody(bodyCells, rowWidth) {\n    var _visibleRows$current;\n\n    var height = 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    visibleRows.current = [];\n\n    if (data) {\n      var _top = 0; // Row position\n\n      var minTop = Math.abs(scrollY.current);\n      var startHeight = 0;\n\n      if (typeof rowExpandedHeight === 'function') {\n        startHeight = data.length ? rowExpandedHeight(data[0]) : 100;\n      } else {\n        startHeight = rowExpandedHeight;\n      }\n\n      var maxTop = minTop + height + startHeight;\n      var isCustomRowHeight = typeof rowHeight === 'function';\n      var isUncertainHeight = !!renderRowExpandedProp || isCustomRowHeight || wordWrap; // If virtualized is enabled and the row height in the Table is variable,\n      // you need to loop through the data to get the height of each row.\n\n      if (isUncertainHeight && virtualized || !virtualized) {\n        // Avoid white screens on the top and bottom of the table when touching and scrolling on the mobile terminal.\n        // So supplement the display data row.\n        if ((0,_utils__WEBPACK_IMPORTED_MODULE_15__.isSupportTouchEvent)()) {\n          var coveredHeight = height * 3;\n          minTop = Math.max(minTop - coveredHeight, 0);\n          maxTop = maxTop + coveredHeight;\n        }\n\n        for (var index = 0; index < data.length; index++) {\n          var _rowData = data[index];\n          var maxHeight = tableRowsMaxHeight[index];\n          var expandedRow = shouldRenderExpandedRow(_rowData);\n          var nextRowHeight = 0;\n          var cellHeight = 0;\n\n          if (typeof rowHeight === 'function') {\n            nextRowHeight = rowHeight(_rowData);\n            cellHeight = nextRowHeight;\n          } else {\n            nextRowHeight = maxHeight ? Math.max(maxHeight + _constants__WEBPACK_IMPORTED_MODULE_14__.CELL_PADDING_HEIGHT, rowHeight) : rowHeight;\n            cellHeight = nextRowHeight;\n\n            if (expandedRow) {\n              // If the row is expanded, the height of the expanded row is added.\n              if (typeof rowExpandedHeight === 'function') {\n                nextRowHeight += rowExpandedHeight(_rowData);\n              } else {\n                nextRowHeight += rowExpandedHeight;\n              }\n            }\n          }\n\n          contentHeight += nextRowHeight;\n          var rowProps = {\n            key: index,\n            top: _top,\n            rowIndex: index,\n            width: rowWidth,\n            depth: _rowData[_constants__WEBPACK_IMPORTED_MODULE_14__.TREE_DEPTH],\n            height: nextRowHeight,\n            cellHeight: cellHeight\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          visibleRows.current.push(renderRowData(bodyCells, _rowData, rowProps, expandedRow));\n        }\n      } else {\n        /** virtualized */\n        // If the row height of the Table is fixed, it is directly calculated by the row height and the number of rows,\n        // thereby reducing the performance cost of traversing all data.\n        var _nextRowHeight = getRowHeight();\n\n        var startIndex = Math.max(Math.floor(minTop / _nextRowHeight), 0);\n        var endIndex = Math.min(startIndex + Math.ceil(bodyHeight / _nextRowHeight) + 5, data.length); // Avoid white screens on the top and bottom of the table when touching and scrolling on the mobile terminal.\n        // So supplement the display data row.\n\n        if ((0,_utils__WEBPACK_IMPORTED_MODULE_15__.isSupportTouchEvent)()) {\n          var coveredCount = Math.floor(height / _nextRowHeight * 3);\n          startIndex = Math.max(startIndex - coveredCount, 0);\n          endIndex = Math.min(endIndex + coveredCount, data.length);\n        }\n\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 _rowData2 = data[_index];\n          var _rowProps = {\n            key: _index,\n            rowIndex: _index,\n            depth: _rowData2[_constants__WEBPACK_IMPORTED_MODULE_14__.TREE_DEPTH],\n            top: _index * _nextRowHeight,\n            width: rowWidth,\n            height: _nextRowHeight,\n            cellHeight: _nextRowHeight\n          };\n          visibleRows.current.push(renderRowData(bodyCells, _rowData2, _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 /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      ref: tableBodyRef,\n      role: \"rowgroup\",\n      className: prefix('body-row-wrapper'),\n      style: bodyStyles,\n      onScroll: onScrollBody\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: wheelStyles,\n      className: prefix('body-wheel-area'),\n      ref: wheelWrapperRef\n    }, topHideHeight ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Row__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      style: topRowStyles,\n      className: \"virtualized\"\n    }) : null, visibleRows.current, bottomHideHeight ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Row__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      style: bottomRowStyles,\n      className: \"virtualized\"\n    }) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_EmptyMessage__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n      locale: locale,\n      renderEmpty: renderEmpty,\n      addPrefix: prefix,\n      loading: !!((_visibleRows$current = visibleRows.current) !== null && _visibleRows$current !== void 0 && _visibleRows$current.length) || loading\n    }), renderScrollbar(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Loader__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n      locale: locale,\n      loadAnimation: loadAnimation,\n      loading: loading,\n      addPrefix: prefix,\n      renderLoading: renderLoading\n    }));\n  };\n\n  var contextValue = react__WEBPACK_IMPORTED_MODULE_2___default().useMemo(function () {\n    return {\n      classPrefix: classPrefix,\n      translateDOMPositionXY: translateDOMPositionXY.current,\n      rtl: rtl,\n      isTree: isTree,\n      hasCustomTreeCol: hasCustomTreeCol\n    };\n  }, [classPrefix, hasCustomTreeCol, isTree, rtl]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_TableContext__WEBPACK_IMPORTED_MODULE_13__[\"default\"].Provider, {\n    value: contextValue\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"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\": colCounts.current,\n    \"aria-busy\": loading\n  }, rest, {\n    className: classes,\n    style: styles,\n    ref: tableRef,\n    tabIndex: -1,\n    onKeyDown: onScrollByKeydown\n  }), showHeader && renderTableHeader(headerCells, rowWidth), children && renderTableBody(bodyCells, rowWidth), showHeader && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_MouseArea__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    ref: mouseAreaRef,\n    addPrefix: prefix,\n    headerHeight: headerHeight,\n    height: getTableHeight()\n  })));\n});\nTable.displayName = 'Table';\nTable.propTypes = {\n  autoHeight: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  fillHeight: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  affixHeader: prop_types__WEBPACK_IMPORTED_MODULE_16___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_16___default().number)]),\n  affixHorizontalScrollbar: prop_types__WEBPACK_IMPORTED_MODULE_16___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_16___default().number)]),\n  bordered: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().string),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().string),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().any),\n  cellBordered: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  data: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().array),\n  defaultExpandAllRows: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  defaultExpandedRowKeys: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().array),\n  defaultSortType: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().any),\n  disabledScroll: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  expandedRowKeys: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().array),\n  hover: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  height: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().number),\n  headerHeight: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().number),\n  locale: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().object),\n  loading: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  loadAnimation: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  minHeight: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().number),\n  rowKey: prop_types__WEBPACK_IMPORTED_MODULE_16___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_16___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_16___default().number)]),\n  rowHeight: prop_types__WEBPACK_IMPORTED_MODULE_16___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_16___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func)]),\n  renderTreeToggle: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  renderRowExpanded: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  renderRow: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  rowExpandedHeight: prop_types__WEBPACK_IMPORTED_MODULE_16___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_16___default().func), (prop_types__WEBPACK_IMPORTED_MODULE_16___default().number)]),\n  renderEmpty: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  renderLoading: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  rowClassName: prop_types__WEBPACK_IMPORTED_MODULE_16___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_16___default().func), (prop_types__WEBPACK_IMPORTED_MODULE_16___default().string)]),\n  rtl: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  style: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().object),\n  sortColumn: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().string),\n  sortType: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().any),\n  showHeader: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  shouldUpdateScroll: prop_types__WEBPACK_IMPORTED_MODULE_16___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_16___default().func), (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool)]),\n  translate3d: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  wordWrap: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().any),\n  width: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().number),\n  virtualized: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  isTree: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  onRowClick: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  onRowContextMenu: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  onScroll: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  onSortColumn: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  onExpandChange: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  onTouchStart: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  onTouchMove: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  onTouchEnd: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func)\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_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 dom_lib_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/translateDOMPositionXY */ \"./node_modules/dom-lib/esm/translateDOMPositionXY.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_16__);\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\");\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/flatten */ \"./node_modules/lodash/flatten.js\");\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_flatten__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _Row__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Row */ \"./node_modules/rsuite-table/es/Row.js\");\n/* harmony import */ var _CellGroup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./CellGroup */ \"./node_modules/rsuite-table/es/CellGroup.js\");\n/* harmony import */ var _Scrollbar__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Scrollbar */ \"./node_modules/rsuite-table/es/Scrollbar.js\");\n/* harmony import */ var _MouseArea__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./MouseArea */ \"./node_modules/rsuite-table/es/MouseArea.js\");\n/* harmony import */ var _Loader__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Loader */ \"./node_modules/rsuite-table/es/Loader.js\");\n/* harmony import */ var _EmptyMessage__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./EmptyMessage */ \"./node_modules/rsuite-table/es/EmptyMessage.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n'use client';\n\n\nvar _excluded = [\"affixHeader\", \"children\", \"classPrefix\", \"className\", \"data\", \"defaultSortType\", \"width\", \"expandedRowKeys\", \"defaultExpandAllRows\", \"defaultExpandedRowKeys\", \"style\", \"id\", \"isTree\", \"hover\", \"bordered\", \"cellBordered\", \"wordWrap\", \"loading\", \"locale\", \"showHeader\", \"sortColumn\", \"rowHeight\", \"sortType\", \"headerHeight\", \"minHeight\", \"height\", \"autoHeight\", \"fillHeight\", \"rtl\", \"translate3d\", \"rowKey\", \"virtualized\", \"rowClassName\", \"rowExpandedHeight\", \"disabledScroll\", \"affixHorizontalScrollbar\", \"loadAnimation\", \"shouldUpdateScroll\", \"renderRow\", \"renderRowExpanded\", \"renderLoading\", \"renderEmpty\", \"onSortColumn\", \"onScroll\", \"renderTreeToggle\", \"onRowClick\", \"onRowContextMenu\", \"onExpandChange\", \"onTouchStart\", \"onTouchMove\", \"onTouchEnd\"],\n  _excluded2 = [\"depth\", \"rowIndex\"],\n  _excluded3 = [\"cellHeight\"];\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * Filter those expanded nodes.\n * @param data\n * @param expandedRowKeys\n * @param rowKey\n * @returns\n */\nvar filterTreeData = function filterTreeData(data, expandedRowKeys, rowKey) {\n  return (0,_utils__WEBPACK_IMPORTED_MODULE_15__.flattenData)(data).filter(function (rowData) {\n    if (rowKey) {\n      var parents = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.findAllParents)(rowData, rowKey);\n      var _expanded = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.shouldShowRowByExpanded)(expandedRowKeys, parents);\n\n      // FIXME This function is supposed to be pure.\n      //       Don't mutate rowData in-place!\n      rowData[_constants__WEBPACK_IMPORTED_MODULE_14__.EXPANDED_KEY] = _expanded;\n      rowData[_constants__WEBPACK_IMPORTED_MODULE_14__.TREE_DEPTH] = parents.length;\n      return _expanded;\n    }\n  });\n};\nvar DATA_PLACEHOLDER = [];\nvar Table = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var affixHeader = props.affixHeader,\n    children = props.children,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'rs-table' : _props$classPrefix,\n    className = props.className,\n    _props$data = props.data,\n    dataProp = _props$data === void 0 ? DATA_PLACEHOLDER : _props$data,\n    _props$defaultSortTyp = props.defaultSortType,\n    defaultSortType = _props$defaultSortTyp === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_14__.SORT_TYPE.DESC : _props$defaultSortTyp,\n    widthProp = props.width,\n    expandedRowKeysProp = props.expandedRowKeys,\n    defaultExpandAllRows = props.defaultExpandAllRows,\n    defaultExpandedRowKeys = props.defaultExpandedRowKeys,\n    style = props.style,\n    id = props.id,\n    isTree = props.isTree,\n    _props$hover = props.hover,\n    hover = _props$hover === void 0 ? true : _props$hover,\n    bordered = props.bordered,\n    cellBordered = props.cellBordered,\n    wordWrap = props.wordWrap,\n    loading = props.loading,\n    _props$locale = props.locale,\n    locale = _props$locale === void 0 ? {\n      emptyMessage: 'No data found',\n      loading: 'Loading...'\n    } : _props$locale,\n    _props$showHeader = props.showHeader,\n    showHeader = _props$showHeader === void 0 ? true : _props$showHeader,\n    sortColumn = props.sortColumn,\n    _props$rowHeight = props.rowHeight,\n    rowHeight = _props$rowHeight === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_14__.ROW_HEIGHT : _props$rowHeight,\n    sortTypeProp = props.sortType,\n    _props$headerHeight = props.headerHeight,\n    headerHeightProp = _props$headerHeight === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_14__.ROW_HEADER_HEIGHT : _props$headerHeight,\n    _props$minHeight = props.minHeight,\n    minHeight = _props$minHeight === void 0 ? 0 : _props$minHeight,\n    _props$height = props.height,\n    height = _props$height === void 0 ? 200 : _props$height,\n    autoHeight = props.autoHeight,\n    fillHeight = props.fillHeight,\n    rtlProp = props.rtl,\n    translate3d = props.translate3d,\n    rowKey = props.rowKey,\n    virtualized = props.virtualized,\n    rowClassName = props.rowClassName,\n    _props$rowExpandedHei = props.rowExpandedHeight,\n    rowExpandedHeight = _props$rowExpandedHei === void 0 ? 100 : _props$rowExpandedHei,\n    disabledScroll = props.disabledScroll,\n    affixHorizontalScrollbar = props.affixHorizontalScrollbar,\n    loadAnimation = props.loadAnimation,\n    _props$shouldUpdateSc = props.shouldUpdateScroll,\n    shouldUpdateScroll = _props$shouldUpdateSc === void 0 ? true : _props$shouldUpdateSc,\n    renderRowProp = props.renderRow,\n    renderRowExpandedProp = props.renderRowExpanded,\n    renderLoading = props.renderLoading,\n    renderEmpty = props.renderEmpty,\n    onSortColumn = props.onSortColumn,\n    onScroll = props.onScroll,\n    renderTreeToggle = props.renderTreeToggle,\n    onRowClick = props.onRowClick,\n    onRowContextMenu = props.onRowContextMenu,\n    onExpandChange = props.onExpandChange,\n    onTouchStart = props.onTouchStart,\n    onTouchMove = props.onTouchMove,\n    onTouchEnd = props.onTouchEnd,\n    rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded);\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useClassNames)(classPrefix, typeof classPrefix !== 'undefined'),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    mergeCls = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n\n  // Use `forceUpdate` to force the component to re-render after manipulating the DOM.\n  var _useReducer = (0,react__WEBPACK_IMPORTED_MODULE_2__.useReducer)(function (x) {\n      return x + 1;\n    }, 0),\n    forceUpdate = _useReducer[1];\n  var _useControlled = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useControlled)(expandedRowKeysProp, defaultExpandAllRows ? (0,_utils__WEBPACK_IMPORTED_MODULE_15__.findRowKeys)(dataProp, rowKey, lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(renderRowExpandedProp)) : defaultExpandedRowKeys || []),\n    expandedRowKeys = _useControlled[0],\n    setExpandedRowKeys = _useControlled[1];\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(function () {\n      return isTree ? filterTreeData(dataProp, expandedRowKeys, rowKey) : dataProp;\n    }),\n    data = _useState[0],\n    setData = _useState[1];\n  if (isTree) {\n    if (!rowKey) {\n      throw new Error('The `rowKey` is required when set isTree');\n    } else if (data.length > 0) {\n      if (!data[0].hasOwnProperty(rowKey)) {\n        throw new Error('The `rowKey` is not found in data');\n      }\n    }\n  }\n  var _useTableRows = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useTableRows)({\n      data: dataProp,\n      expandedRowKeys: expandedRowKeys,\n      wordWrap: wordWrap,\n      prefix: prefix\n    }),\n    tableRowsMaxHeight = _useTableRows.tableRowsMaxHeight,\n    bindTableRowsRef = _useTableRows.bindTableRowsRef;\n  var headerHeight = showHeader ? headerHeightProp : 0;\n  var rtl = rtlProp || (0,_utils__WEBPACK_IMPORTED_MODULE_15__.isRTL)();\n  var getRowHeight = function getRowHeight() {\n    return typeof rowHeight === 'function' ? rowHeight() : rowHeight;\n  };\n  var translateDOMPositionXY = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)((0,dom_lib_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_3__.getTranslateDOMPositionXY)({\n    forceUseTransform: true,\n    enable3DTransform: translate3d\n  }));\n\n  // Check for the existence of fixed columns in all column properties.\n  var shouldFixedColumn = Array.from(lodash_flatten__WEBPACK_IMPORTED_MODULE_5___default()(children)).some(function (child) {\n    var _child$props;\n    return child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.fixed;\n  });\n\n  // Check all column properties for the existence of rowSpan.\n  var shouldRowSpanColumn = Array.from(lodash_flatten__WEBPACK_IMPORTED_MODULE_5___default()(children)).some(function (child) {\n    var _child$props2;\n    return child === null || child === void 0 ? void 0 : (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.rowSpan;\n  });\n  var visibleRows = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)([]);\n  var mouseAreaRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var tableRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var tableHeaderRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var affixHeaderWrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var headerWrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var tableBodyRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var wheelWrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var scrollbarXRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var scrollbarYRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var handleTableResizeChange = function handleTableResizeChange(_prevSize, event) {\n    forceUpdate();\n\n    /**\n     * Reset the position of the scroll bar after the table size changes.\n     */\n    if (typeof shouldUpdateScroll === 'function') {\n      onScrollTo(shouldUpdateScroll(event));\n    } else if (shouldUpdateScroll) {\n      var vertical = event === 'bodyHeightChanged';\n      vertical ? onScrollTop(0) : onScrollLeft(0);\n    }\n    if (event === 'bodyWidthChanged') {\n      deferUpdatePosition();\n    }\n  };\n  var _useTableDimension = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useTableDimension)({\n      // The data should be flattened,\n      // otherwise the array length required to calculate the scroll height in the TreeTable is not real.\n      data: data,\n      width: widthProp,\n      rowHeight: rowHeight,\n      tableRef: tableRef,\n      headerWrapperRef: headerWrapperRef,\n      prefix: prefix,\n      affixHeader: affixHeader,\n      affixHorizontalScrollbar: affixHorizontalScrollbar,\n      headerHeight: headerHeight,\n      height: height,\n      minHeight: minHeight,\n      autoHeight: autoHeight,\n      fillHeight: fillHeight,\n      children: children,\n      expandedRowKeys: expandedRowKeys,\n      showHeader: showHeader,\n      bordered: bordered,\n      onTableScroll: lodash_debounce__WEBPACK_IMPORTED_MODULE_6___default()(function (coords) {\n        return onScrollTo(coords);\n      }, 100),\n      onTableResizeChange: handleTableResizeChange\n    }),\n    contentHeight = _useTableDimension.contentHeight,\n    contentWidth = _useTableDimension.contentWidth,\n    minScrollY = _useTableDimension.minScrollY,\n    minScrollX = _useTableDimension.minScrollX,\n    scrollY = _useTableDimension.scrollY,\n    scrollX = _useTableDimension.scrollX,\n    tableWidth = _useTableDimension.tableWidth,\n    tableOffset = _useTableDimension.tableOffset,\n    headerOffset = _useTableDimension.headerOffset,\n    setScrollY = _useTableDimension.setScrollY,\n    setScrollX = _useTableDimension.setScrollX,\n    getTableHeight = _useTableDimension.getTableHeight;\n  (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useAffix)({\n    getTableHeight: getTableHeight,\n    contentHeight: contentHeight,\n    affixHorizontalScrollbar: affixHorizontalScrollbar,\n    affixHeader: affixHeader,\n    tableOffset: tableOffset,\n    headerOffset: headerOffset,\n    headerHeight: headerHeight,\n    scrollbarXRef: scrollbarXRef,\n    affixHeaderWrapperRef: affixHeaderWrapperRef\n  });\n  var _usePosition = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.usePosition)({\n      data: dataProp,\n      height: height,\n      tableWidth: tableWidth,\n      tableRef: tableRef,\n      prefix: prefix,\n      translateDOMPositionXY: translateDOMPositionXY,\n      wheelWrapperRef: wheelWrapperRef,\n      headerWrapperRef: headerWrapperRef,\n      affixHeaderWrapperRef: affixHeaderWrapperRef,\n      tableHeaderRef: tableHeaderRef,\n      scrollX: scrollX,\n      scrollY: scrollY,\n      contentWidth: contentWidth,\n      shouldFixedColumn: shouldFixedColumn\n    }),\n    forceUpdatePosition = _usePosition.forceUpdatePosition,\n    deferUpdatePosition = _usePosition.deferUpdatePosition;\n  var _useScrollListener = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useScrollListener)({\n      rtl: rtl,\n      data: dataProp,\n      height: height,\n      virtualized: virtualized,\n      getTableHeight: getTableHeight,\n      contentHeight: contentHeight,\n      headerHeight: headerHeight,\n      autoHeight: autoHeight,\n      tableBodyRef: tableBodyRef,\n      scrollbarXRef: scrollbarXRef,\n      scrollbarYRef: scrollbarYRef,\n      disabledScroll: disabledScroll,\n      loading: loading,\n      tableRef: tableRef,\n      contentWidth: contentWidth,\n      tableWidth: tableWidth,\n      scrollY: scrollY,\n      minScrollY: minScrollY,\n      minScrollX: minScrollX,\n      scrollX: scrollX,\n      setScrollX: setScrollX,\n      setScrollY: setScrollY,\n      forceUpdatePosition: forceUpdatePosition,\n      deferUpdatePosition: deferUpdatePosition,\n      onScroll: onScroll,\n      onTouchStart: onTouchStart,\n      onTouchMove: onTouchMove,\n      onTouchEnd: onTouchEnd\n    }),\n    isScrolling = _useScrollListener.isScrolling,\n    onScrollHorizontal = _useScrollListener.onScrollHorizontal,\n    onScrollVertical = _useScrollListener.onScrollVertical,\n    onScrollBody = _useScrollListener.onScrollBody,\n    onScrollTop = _useScrollListener.onScrollTop,\n    onScrollLeft = _useScrollListener.onScrollLeft,\n    onScrollTo = _useScrollListener.onScrollTo,\n    onScrollByKeydown = _useScrollListener.onScrollByKeydown;\n  var _useCellDescriptor = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useCellDescriptor)({\n      children: children,\n      rtl: rtl,\n      mouseAreaRef: mouseAreaRef,\n      tableRef: tableRef,\n      minScrollX: minScrollX,\n      scrollX: scrollX,\n      tableWidth: tableWidth,\n      headerHeight: headerHeight,\n      showHeader: showHeader,\n      sortType: sortTypeProp,\n      defaultSortType: defaultSortType,\n      sortColumn: sortColumn,\n      prefix: prefix,\n      onSortColumn: onSortColumn,\n      // Force table update after column width change, so scrollbar re-renders.\n      onHeaderCellResize: forceUpdate,\n      rowHeight: rowHeight\n    }),\n    headerCells = _useCellDescriptor.headerCells,\n    bodyCells = _useCellDescriptor.bodyCells,\n    allColumnsWidth = _useCellDescriptor.allColumnsWidth,\n    hasCustomTreeCol = _useCellDescriptor.hasCustomTreeCol;\n  var colCounts = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)((headerCells === null || headerCells === void 0 ? void 0 : headerCells.length) || 0);\n  (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useUpdateEffect)(function () {\n    setData(isTree ? filterTreeData(dataProp, expandedRowKeys, rowKey) : dataProp);\n  }, [dataProp, expandedRowKeys, rowKey, isTree]);\n  (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useUpdateEffect)(function () {\n    if ((headerCells === null || headerCells === void 0 ? void 0 : headerCells.length) !== colCounts.current) {\n      onScrollLeft(0);\n      colCounts.current = (headerCells === null || headerCells === void 0 ? void 0 : headerCells.length) || 0;\n    }\n  }, [children]);\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useImperativeHandle)(ref, function () {\n    return {\n      get root() {\n        return tableRef.current;\n      },\n      get body() {\n        return wheelWrapperRef.current;\n      },\n      scrollTop: onScrollTop,\n      scrollLeft: onScrollLeft\n    };\n  });\n  var rowWidth = allColumnsWidth > tableWidth.current ? allColumnsWidth : tableWidth.current;\n\n  // Whether to show vertical scroll bar\n  var hasVerticalScrollbar = !autoHeight && contentHeight.current > getTableHeight() - headerHeight;\n\n  // Whether to show the horizontal scroll bar\n  var hasHorizontalScrollbar = contentWidth.current > tableWidth.current;\n  var classes = mergeCls(className, withClassPrefix({\n    bordered: bordered,\n    hover: hover && !shouldRowSpanColumn,\n    loading: loading,\n    treetable: isTree,\n    'word-wrap': wordWrap,\n    'cell-bordered': cellBordered\n  }));\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    width: widthProp || 'auto',\n    height: getTableHeight()\n  }, style);\n  var renderRowExpanded = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowData) {\n    var height = 0;\n    if (typeof rowExpandedHeight === 'function') {\n      height = rowExpandedHeight(rowData);\n    } else {\n      height = rowExpandedHeight;\n    }\n    var styles = {\n      height: height\n    };\n    if (typeof renderRowExpandedProp === 'function') {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: prefix('row-expanded'),\n        style: styles\n      }, renderRowExpandedProp(rowData));\n    }\n    return null;\n  }, [prefix, renderRowExpandedProp, rowExpandedHeight]);\n  var renderRow = function renderRow(props, cells, shouldRenderExpandedRow, rowData) {\n    var depth = props.depth,\n      rowIndex = props.rowIndex,\n      restRowProps = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded2);\n    if (typeof rowClassName === 'function') {\n      restRowProps.className = rowClassName(rowData, rowIndex);\n    } else {\n      restRowProps.className = rowClassName;\n    }\n    var rowStyles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, props === null || props === void 0 ? void 0 : props.style);\n    var rowRight = 0;\n    if (rtl && contentWidth.current > tableWidth.current) {\n      rowRight = tableWidth.current - contentWidth.current;\n      rowStyles.right = rowRight;\n    }\n    var rowNode = null;\n\n    // IF there are fixed columns, add a fixed group\n    if (shouldFixedColumn && contentWidth.current > tableWidth.current) {\n      var fixedLeftCells = [];\n      var fixedRightCells = [];\n      var scrollCells = [];\n      var fixedLeftCellGroupWidth = 0;\n      var fixedRightCellGroupWidth = 0;\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          width = _cell$props.width;\n        var isFixedStart = fixed === 'left' || fixed === true;\n        var isFixedEnd = fixed === 'right';\n        if (rtl) {\n          isFixedStart = fixed === 'right';\n          isFixedEnd = fixed === 'left' || fixed === true;\n        }\n        if (isFixedStart) {\n          fixedLeftCells.push(cell);\n          fixedLeftCellGroupWidth += width;\n        } else if (isFixedEnd) {\n          fixedRightCells.push(cell);\n          fixedRightCellGroupWidth += width;\n        } else {\n          scrollCells.push(cell);\n        }\n      }\n      if (hasVerticalScrollbar && fixedRightCellGroupWidth) {\n        fixedRightCellGroupWidth += _constants__WEBPACK_IMPORTED_MODULE_14__.SCROLLBAR_WIDTH;\n      }\n      rowNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, fixedLeftCellGroupWidth ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_CellGroup__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n        fixed: \"left\",\n        height: props.isHeaderRow ? props.headerHeight : props.height,\n        width: fixedLeftCellGroupWidth,\n        style: rtl ? {\n          right: tableWidth.current - fixedLeftCellGroupWidth - rowRight\n        } : undefined\n      }, (0,_utils__WEBPACK_IMPORTED_MODULE_15__.mergeCells)((0,_utils__WEBPACK_IMPORTED_MODULE_15__.resetLeftForCells)(fixedLeftCells))) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_CellGroup__WEBPACK_IMPORTED_MODULE_8__[\"default\"], null, (0,_utils__WEBPACK_IMPORTED_MODULE_15__.mergeCells)(scrollCells)), fixedRightCellGroupWidth ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_CellGroup__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n        fixed: \"right\",\n        style: rtl ? {\n          right: 0 - rowRight\n        } : {\n          left: tableWidth.current - fixedRightCellGroupWidth\n        },\n        height: props.isHeaderRow ? props.headerHeight : props.height,\n        width: fixedRightCellGroupWidth\n      }, (0,_utils__WEBPACK_IMPORTED_MODULE_15__.mergeCells)((0,_utils__WEBPACK_IMPORTED_MODULE_15__.resetLeftForCells)(fixedRightCells, hasVerticalScrollbar ? _constants__WEBPACK_IMPORTED_MODULE_14__.SCROLLBAR_WIDTH : 0))) : null, shouldRenderExpandedRow && renderRowExpanded(rowData));\n    } else {\n      rowNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_CellGroup__WEBPACK_IMPORTED_MODULE_8__[\"default\"], null, (0,_utils__WEBPACK_IMPORTED_MODULE_15__.mergeCells)(cells)), shouldRenderExpandedRow && renderRowExpanded(rowData));\n    }\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Row__WEBPACK_IMPORTED_MODULE_7__[\"default\"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, restRowProps, {\n      \"data-depth\": depth,\n      style: rowStyles\n    }), renderRowProp ? renderRowProp(rowNode, rowData) : rowNode);\n  };\n  var renderTableHeader = function renderTableHeader(headerCells, rowWidth) {\n    var top = typeof affixHeader === 'number' ? affixHeader : 0;\n    var rowProps = {\n      'aria-rowindex': 1,\n      rowRef: tableHeaderRef,\n      width: rowWidth,\n      height: getRowHeight(),\n      headerHeight: headerHeight,\n      isHeaderRow: true,\n      top: 0,\n      rowIndex: -1\n    };\n    var fixedStyle = {\n      position: 'fixed',\n      overflow: 'hidden',\n      height: headerHeight,\n      width: tableWidth.current,\n      top: top\n    };\n\n    // Affix header\n    var header = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      className: prefix('affix-header'),\n      style: fixedStyle,\n      ref: affixHeaderWrapperRef\n    }, renderRow(rowProps, headerCells));\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, (affixHeader === 0 || affixHeader) && header, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      role: \"rowgroup\",\n      className: prefix('header-row-wrapper'),\n      ref: headerWrapperRef\n    }, renderRow(rowProps, headerCells)));\n  };\n  var shouldRenderExpandedRow = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowData) {\n    if (lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(renderRowExpandedProp) && !isTree && rowKey && expandedRowKeys.some(function (key) {\n      return key === rowData[rowKey];\n    })) {\n      return true;\n    }\n    return false;\n  }, [expandedRowKeys, isTree, renderRowExpandedProp, rowKey]);\n  var bindRowClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowData) {\n    return function (event) {\n      onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(rowData, event);\n    };\n  }, [onRowClick]);\n  var bindRowContextMenu = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowData) {\n    return function (event) {\n      onRowContextMenu === null || onRowContextMenu === void 0 ? void 0 : onRowContextMenu(rowData, event);\n    };\n  }, [onRowContextMenu]);\n  var handleTreeToggle = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (treeRowKey, _rowIndex, rowData) {\n    var open = false;\n    var nextExpandedRowKeys = [];\n    for (var i = 0; i < expandedRowKeys.length; i++) {\n      var key = expandedRowKeys[i];\n      if (key === treeRowKey) {\n        open = true;\n      } else {\n        nextExpandedRowKeys.push(key);\n      }\n    }\n    if (!open) {\n      nextExpandedRowKeys.push(treeRowKey);\n    }\n    setExpandedRowKeys(nextExpandedRowKeys);\n    onExpandChange === null || onExpandChange === void 0 ? void 0 : onExpandChange(!open, rowData);\n  }, [expandedRowKeys, onExpandChange, setExpandedRowKeys]);\n\n  /**\n   * Records the status of merged rows.\n   * { cellKey: [count,index]}\n   */\n  var rowSpanState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)({});\n  var renderRowData = function renderRowData(bodyCells, rowData, props, shouldRenderExpandedRow) {\n    var hasChildren = isTree && rowData.children && Array.isArray(rowData.children);\n    var nextRowKey = rowKey && typeof rowData[rowKey] !== 'undefined' ? rowData[rowKey] : props.key;\n    var cellHeight = props.cellHeight,\n      restRowProps = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, _excluded3);\n    var rowProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, restRowProps, {\n      key: nextRowKey,\n      'aria-rowindex': props.key + 2,\n      rowRef: bindTableRowsRef(props.key, rowData),\n      onClick: bindRowClick(rowData),\n      onContextMenu: bindRowContextMenu(rowData)\n    });\n    var expanded = expandedRowKeys.some(function (key) {\n      return rowKey && key === rowData[rowKey];\n    });\n    var cells = [];\n    for (var i = 0; i < bodyCells.length; i++) {\n      var _cell$props2, _cell$props2$rowSpan, _cell$props3, _rowSpanState$current, _cell$props4, _rowSpanState$current2;\n      var cell = bodyCells[i];\n      var rowSpan = (_cell$props2 = cell.props) === null || _cell$props2 === void 0 ? void 0 : (_cell$props2$rowSpan = (_cell$props3 = _cell$props2).rowSpan) === null || _cell$props2$rowSpan === void 0 ? void 0 : _cell$props2$rowSpan.call(_cell$props3, rowData);\n      var dataCellHeight = rowSpan ? rowSpan * (cellHeight || _constants__WEBPACK_IMPORTED_MODULE_14__.ROW_HEIGHT) : cellHeight;\n      var _cellKey = cell.props.dataKey || i;\n\n      // Record the cell state of the merged row\n      if (((_rowSpanState$current = rowSpanState.current[_cellKey]) === null || _rowSpanState$current === void 0 ? void 0 : _rowSpanState$current[1]) > 0) {\n        rowSpanState.current[_cellKey][1] -= 1;\n\n        // Restart counting when merged to the last cell.\n        if (rowSpanState.current[_cellKey][1] === 0) {\n          rowSpanState.current[_cellKey][0] = 0;\n        }\n      }\n      if (rowSpan) {\n        // The state of the initial merged cell\n        rowSpanState.current[_cellKey] = [rowSpan, rowSpan];\n        rowProps.rowSpan = rowSpan;\n        rowProps.style = {\n          overflow: 'inherit'\n        };\n      }\n\n      // Cells marked as deleted when checking for merged cell.\n      var removedCell = (_cell$props4 = cell.props) !== null && _cell$props4 !== void 0 && _cell$props4.rowSpan && !rowSpan && ((_rowSpanState$current2 = rowSpanState.current[_cellKey]) === null || _rowSpanState$current2 === void 0 ? void 0 : _rowSpanState$current2[0]) !== 0 ? true : false;\n      cells.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(cell, {\n        hasChildren: hasChildren,\n        rowData: rowData,\n        rowIndex: props.rowIndex,\n        wordWrap: wordWrap,\n        height: dataCellHeight,\n        depth: props.depth,\n        renderTreeToggle: renderTreeToggle,\n        onTreeToggle: handleTreeToggle,\n        rowKey: nextRowKey,\n        expanded: expanded,\n        rowSpan: rowSpan,\n        removed: removedCell\n      }));\n    }\n    return renderRow(rowProps, cells, shouldRenderExpandedRow, rowData);\n  };\n  var renderScrollbar = function renderScrollbar() {\n    var height = getTableHeight();\n    if (disabledScroll) {\n      return null;\n    }\n    var scrollbars = [];\n    if (hasHorizontalScrollbar) {\n      scrollbars.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Scrollbar__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n        key: \"scrollbar\",\n        tableId: id,\n        style: {\n          width: tableWidth.current\n        },\n        length: tableWidth.current,\n        onScroll: onScrollHorizontal,\n        scrollLength: contentWidth.current,\n        ref: scrollbarXRef\n      }));\n    }\n    if (hasVerticalScrollbar) {\n      scrollbars.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Scrollbar__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n        vertical: true,\n        key: \"vertical-scrollbar\",\n        tableId: id,\n        length: height - headerHeight,\n        onScroll: onScrollVertical,\n        scrollLength: contentHeight.current,\n        ref: scrollbarYRef\n      }));\n    }\n    return scrollbars;\n  };\n  var renderTableBody = function renderTableBody(bodyCells, rowWidth) {\n    var _visibleRows$current;\n    var height = 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    visibleRows.current = [];\n    if (data) {\n      var _top = 0; // Row position\n      var minTop = Math.abs(scrollY.current);\n      var startHeight = 0;\n      if (typeof rowExpandedHeight === 'function') {\n        startHeight = data.length ? rowExpandedHeight(data[0]) : 100;\n      } else {\n        startHeight = rowExpandedHeight;\n      }\n      var maxTop = minTop + height + startHeight;\n      var isCustomRowHeight = typeof rowHeight === 'function';\n      var isUncertainHeight = !!renderRowExpandedProp || isCustomRowHeight || wordWrap;\n\n      // If virtualized is enabled and the row height in the Table is variable,\n      // you need to loop through the data to get the height of each row.\n      if (isUncertainHeight && virtualized || !virtualized) {\n        // Avoid white screens on the top and bottom of the table when touching and scrolling on the mobile terminal.\n        // So supplement the display data row.\n        if ((0,_utils__WEBPACK_IMPORTED_MODULE_15__.isSupportTouchEvent)()) {\n          var coveredHeight = height * 3;\n          minTop = Math.max(minTop - coveredHeight, 0);\n          maxTop = maxTop + coveredHeight;\n        }\n        for (var index = 0; index < data.length; index++) {\n          var _rowData = data[index];\n          var maxHeight = tableRowsMaxHeight[index];\n          var expandedRow = shouldRenderExpandedRow(_rowData);\n          var nextRowHeight = 0;\n          var cellHeight = 0;\n          if (typeof rowHeight === 'function') {\n            nextRowHeight = rowHeight(_rowData);\n            cellHeight = nextRowHeight;\n          } else {\n            nextRowHeight = maxHeight ? Math.max(maxHeight + _constants__WEBPACK_IMPORTED_MODULE_14__.CELL_PADDING_HEIGHT, rowHeight) : rowHeight;\n            cellHeight = nextRowHeight;\n            if (expandedRow) {\n              // If the row is expanded, the height of the expanded row is added.\n              if (typeof rowExpandedHeight === 'function') {\n                nextRowHeight += rowExpandedHeight(_rowData);\n              } else {\n                nextRowHeight += rowExpandedHeight;\n              }\n            }\n          }\n          contentHeight += nextRowHeight;\n          var rowProps = {\n            key: index,\n            top: _top,\n            rowIndex: index,\n            width: rowWidth,\n            depth: _rowData[_constants__WEBPACK_IMPORTED_MODULE_14__.TREE_DEPTH],\n            height: nextRowHeight,\n            cellHeight: cellHeight\n          };\n          _top += nextRowHeight;\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          visibleRows.current.push(renderRowData(bodyCells, _rowData, rowProps, expandedRow));\n        }\n      } else {\n        /** virtualized */\n\n        // If the row height of the Table is fixed, it is directly calculated by the row height and the number of rows,\n        // thereby reducing the performance cost of traversing all data.\n        var _nextRowHeight = getRowHeight();\n        var startIndex = Math.max(Math.floor(minTop / _nextRowHeight), 0);\n        var endIndex = Math.min(startIndex + Math.ceil(bodyHeight / _nextRowHeight) + 5, data.length);\n\n        // Avoid white screens on the top and bottom of the table when touching and scrolling on the mobile terminal.\n        // So supplement the display data row.\n        if ((0,_utils__WEBPACK_IMPORTED_MODULE_15__.isSupportTouchEvent)()) {\n          var coveredCount = Math.floor(height / _nextRowHeight * 3);\n          startIndex = Math.max(startIndex - coveredCount, 0);\n          endIndex = Math.min(endIndex + coveredCount, data.length);\n        }\n        contentHeight = data.length * _nextRowHeight;\n        topHideHeight = startIndex * _nextRowHeight;\n        bottomHideHeight = (data.length - endIndex) * _nextRowHeight;\n        for (var _index = startIndex; _index < endIndex; _index++) {\n          var _rowData2 = data[_index];\n          var _rowProps = {\n            key: _index,\n            rowIndex: _index,\n            depth: _rowData2[_constants__WEBPACK_IMPORTED_MODULE_14__.TREE_DEPTH],\n            top: _index * _nextRowHeight,\n            width: rowWidth,\n            height: _nextRowHeight,\n            cellHeight: _nextRowHeight\n          };\n          visibleRows.current.push(renderRowData(bodyCells, _rowData2, _rowProps, false));\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 /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      ref: tableBodyRef,\n      role: \"rowgroup\",\n      className: prefix('body-row-wrapper'),\n      style: bodyStyles,\n      onScroll: onScrollBody\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: wheelStyles,\n      className: prefix('body-wheel-area'),\n      ref: wheelWrapperRef\n    }, topHideHeight ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Row__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      style: topRowStyles,\n      className: \"virtualized\"\n    }) : null, visibleRows.current, bottomHideHeight ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Row__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      style: bottomRowStyles,\n      className: \"virtualized\"\n    }) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_EmptyMessage__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n      locale: locale,\n      renderEmpty: renderEmpty,\n      addPrefix: prefix,\n      loading: !!((_visibleRows$current = visibleRows.current) !== null && _visibleRows$current !== void 0 && _visibleRows$current.length) || loading\n    }), renderScrollbar(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Loader__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n      locale: locale,\n      loadAnimation: loadAnimation,\n      loading: loading,\n      addPrefix: prefix,\n      renderLoading: renderLoading\n    }));\n  };\n  var contextValue = react__WEBPACK_IMPORTED_MODULE_2___default().useMemo(function () {\n    return {\n      classPrefix: classPrefix,\n      translateDOMPositionXY: translateDOMPositionXY.current,\n      rtl: rtl,\n      isTree: isTree,\n      hasCustomTreeCol: hasCustomTreeCol\n    };\n  }, [classPrefix, hasCustomTreeCol, isTree, rtl]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_TableContext__WEBPACK_IMPORTED_MODULE_13__[\"default\"].Provider, {\n    value: contextValue\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    role: isTree ? 'treegrid' : 'grid'\n    // 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\": colCounts.current,\n    \"aria-busy\": loading\n  }, rest, {\n    className: classes,\n    style: styles,\n    ref: tableRef,\n    tabIndex: -1,\n    onKeyDown: onScrollByKeydown\n  }), showHeader && renderTableHeader(headerCells, rowWidth), children && renderTableBody(bodyCells, rowWidth), showHeader && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_MouseArea__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    ref: mouseAreaRef,\n    addPrefix: prefix,\n    headerHeight: headerHeight,\n    height: getTableHeight()\n  })));\n});\nTable.displayName = 'Table';\nTable.propTypes = {\n  autoHeight: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  fillHeight: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  affixHeader: prop_types__WEBPACK_IMPORTED_MODULE_16___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_16___default().number)]),\n  affixHorizontalScrollbar: prop_types__WEBPACK_IMPORTED_MODULE_16___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_16___default().number)]),\n  bordered: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().string),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().string),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().any),\n  cellBordered: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  data: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().array),\n  defaultExpandAllRows: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  defaultExpandedRowKeys: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().array),\n  defaultSortType: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().any),\n  disabledScroll: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  expandedRowKeys: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().array),\n  hover: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  height: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().number),\n  headerHeight: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().number),\n  locale: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().object),\n  loading: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  loadAnimation: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  minHeight: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().number),\n  rowKey: prop_types__WEBPACK_IMPORTED_MODULE_16___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_16___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_16___default().number)]),\n  rowHeight: prop_types__WEBPACK_IMPORTED_MODULE_16___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_16___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func)]),\n  renderTreeToggle: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  renderRowExpanded: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  renderRow: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  rowExpandedHeight: prop_types__WEBPACK_IMPORTED_MODULE_16___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_16___default().func), (prop_types__WEBPACK_IMPORTED_MODULE_16___default().number)]),\n  renderEmpty: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  renderLoading: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  rowClassName: prop_types__WEBPACK_IMPORTED_MODULE_16___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_16___default().func), (prop_types__WEBPACK_IMPORTED_MODULE_16___default().string)]),\n  rtl: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  style: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().object),\n  sortColumn: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().string),\n  sortType: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().any),\n  showHeader: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  shouldUpdateScroll: prop_types__WEBPACK_IMPORTED_MODULE_16___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_16___default().func), (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool)]),\n  translate3d: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  wordWrap: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().any),\n  width: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().number),\n  virtualized: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  isTree: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().bool),\n  onRowClick: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  onRowContextMenu: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  onScroll: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  onSortColumn: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  onExpandChange: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  onTouchStart: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  onTouchMove: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func),\n  onTouchEnd: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().func)\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Table);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Table.js?");
 
 /***/ }),
 
@@ -9787,7 +9787,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var _utils_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/translateDOMPositionXY */ \"./node_modules/rsuite-table/es/utils/translateDOMPositionXY.js\");\n/* harmony import */ var _utils_isRTL__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/isRTL */ \"./node_modules/rsuite-table/es/utils/isRTL.js\");\n'use client';\n\n\n\n\nvar TableContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext({\n  rtl: (0,_utils_isRTL__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(),\n  isTree: false,\n  hasCustomTreeCol: false,\n  translateDOMPositionXY: _utils_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_1__[\"default\"]\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = (TableContext);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/TableContext.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var _utils_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/translateDOMPositionXY */ \"./node_modules/rsuite-table/es/utils/translateDOMPositionXY.js\");\n/* harmony import */ var _utils_isRTL__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/isRTL */ \"./node_modules/rsuite-table/es/utils/isRTL.js\");\n'use client';\n\n\n\nvar TableContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext({\n  rtl: (0,_utils_isRTL__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(),\n  isTree: false,\n  hasCustomTreeCol: false,\n  translateDOMPositionXY: _utils_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_1__[\"default\"]\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = (TableContext);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/TableContext.js?");
 
 /***/ }),
 
@@ -9798,7 +9798,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"BEZIER\": function() { return /* binding */ BEZIER; },\n/* harmony export */   \"CELL_PADDING_HEIGHT\": function() { return /* binding */ CELL_PADDING_HEIGHT; },\n/* harmony export */   \"EXPANDED_KEY\": function() { return /* binding */ EXPANDED_KEY; },\n/* harmony export */   \"LAYER_WIDTH\": function() { return /* binding */ LAYER_WIDTH; },\n/* harmony export */   \"PARENT_KEY\": function() { return /* binding */ PARENT_KEY; },\n/* harmony export */   \"RESIZE_MIN_WIDTH\": function() { return /* binding */ RESIZE_MIN_WIDTH; },\n/* harmony export */   \"ROW_HEADER_HEIGHT\": function() { return /* binding */ ROW_HEADER_HEIGHT; },\n/* harmony export */   \"ROW_HEIGHT\": function() { return /* binding */ ROW_HEIGHT; },\n/* harmony export */   \"SCROLLBAR_MIN_WIDTH\": function() { return /* binding */ SCROLLBAR_MIN_WIDTH; },\n/* harmony export */   \"SCROLLBAR_WIDTH\": function() { return /* binding */ SCROLLBAR_WIDTH; },\n/* harmony export */   \"SORT_TYPE\": function() { return /* binding */ SORT_TYPE; },\n/* harmony export */   \"TRANSITION_DURATION\": function() { return /* binding */ TRANSITION_DURATION; },\n/* harmony export */   \"TREE_DEPTH\": function() { return /* binding */ TREE_DEPTH; }\n/* harmony export */ });\nvar LAYER_WIDTH = 30;\nvar SCROLLBAR_MIN_WIDTH = 14;\nvar SCROLLBAR_WIDTH = 10;\nvar CELL_PADDING_HEIGHT = 26;\nvar RESIZE_MIN_WIDTH = 20;\nvar SORT_TYPE = {\n  DESC: 'desc',\n  ASC: 'asc'\n};\nvar ROW_HEIGHT = 46;\nvar ROW_HEADER_HEIGHT = 40; // transition-duration (ms)\n\nvar TRANSITION_DURATION = 1000; // transition-timing-function (ease-out)\n\nvar BEZIER = 'cubic-bezier(0, 0, .58, 1)'; // An attribute value added to the data row to identify whether it is expanded, used in Tree.\n\nvar EXPANDED_KEY = Symbol('expanded'); // An attribute value added for the data row, identifying the key of the parent node, used in Tree.\n\nvar PARENT_KEY = Symbol('parent'); // The attribute value added for the data row, which identifies the depth of the node (the number of parent nodes),\n// and is used in the Tree.\n\nvar TREE_DEPTH = Symbol('treeDepth');\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/constants.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"BEZIER\": function() { return /* binding */ BEZIER; },\n/* harmony export */   \"CELL_PADDING_HEIGHT\": function() { return /* binding */ CELL_PADDING_HEIGHT; },\n/* harmony export */   \"EXPANDED_KEY\": function() { return /* binding */ EXPANDED_KEY; },\n/* harmony export */   \"LAYER_WIDTH\": function() { return /* binding */ LAYER_WIDTH; },\n/* harmony export */   \"PARENT_KEY\": function() { return /* binding */ PARENT_KEY; },\n/* harmony export */   \"RESIZE_MIN_WIDTH\": function() { return /* binding */ RESIZE_MIN_WIDTH; },\n/* harmony export */   \"ROW_HEADER_HEIGHT\": function() { return /* binding */ ROW_HEADER_HEIGHT; },\n/* harmony export */   \"ROW_HEIGHT\": function() { return /* binding */ ROW_HEIGHT; },\n/* harmony export */   \"SCROLLBAR_MIN_WIDTH\": function() { return /* binding */ SCROLLBAR_MIN_WIDTH; },\n/* harmony export */   \"SCROLLBAR_WIDTH\": function() { return /* binding */ SCROLLBAR_WIDTH; },\n/* harmony export */   \"SORT_TYPE\": function() { return /* binding */ SORT_TYPE; },\n/* harmony export */   \"TRANSITION_DURATION\": function() { return /* binding */ TRANSITION_DURATION; },\n/* harmony export */   \"TREE_DEPTH\": function() { return /* binding */ TREE_DEPTH; }\n/* harmony export */ });\n'use client';\nvar LAYER_WIDTH = 30;\nvar SCROLLBAR_MIN_WIDTH = 14;\nvar SCROLLBAR_WIDTH = 10;\nvar CELL_PADDING_HEIGHT = 26;\nvar RESIZE_MIN_WIDTH = 20;\nvar SORT_TYPE = {\n  DESC: 'desc',\n  ASC: 'asc'\n};\nvar ROW_HEIGHT = 46;\nvar ROW_HEADER_HEIGHT = 40;\n\n// transition-duration (ms)\nvar TRANSITION_DURATION = 1000;\n// transition-timing-function (ease-out)\nvar BEZIER = 'cubic-bezier(0, 0, .58, 1)';\n\n// An attribute value added to the data row to identify whether it is expanded, used in Tree.\nvar EXPANDED_KEY = Symbol('expanded');\n\n// An attribute value added for the data row, identifying the key of the parent node, used in Tree.\nvar PARENT_KEY = Symbol('parent');\n\n// The attribute value added for the data row, which identifies the depth of the node (the number of parent nodes),\n// and is used in the Tree.\nvar TREE_DEPTH = Symbol('treeDepth');\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/constants.js?");
 
 /***/ }),
 
@@ -9809,7 +9809,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Cell\": function() { return /* reexport safe */ _Cell__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */   \"Column\": function() { return /* reexport safe */ _Column__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */   \"ColumnGroup\": function() { return /* reexport safe */ _ColumnGroup__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; },\n/* harmony export */   \"HeaderCell\": function() { return /* reexport safe */ _HeaderCell__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; },\n/* harmony export */   \"Table\": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Table */ \"./node_modules/rsuite-table/es/Table.js\");\n/* harmony import */ var _Column__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Column */ \"./node_modules/rsuite-table/es/Column.js\");\n/* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Cell */ \"./node_modules/rsuite-table/es/Cell.js\");\n/* harmony import */ var _HeaderCell__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./HeaderCell */ \"./node_modules/rsuite-table/es/HeaderCell.js\");\n/* harmony import */ var _ColumnGroup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ColumnGroup */ \"./node_modules/rsuite-table/es/ColumnGroup.js\");\n\n\n\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Cell\": function() { return /* reexport safe */ _Cell__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */   \"Column\": function() { return /* reexport safe */ _Column__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */   \"ColumnGroup\": function() { return /* reexport safe */ _ColumnGroup__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; },\n/* harmony export */   \"HeaderCell\": function() { return /* reexport safe */ _HeaderCell__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; },\n/* harmony export */   \"Table\": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Table */ \"./node_modules/rsuite-table/es/Table.js\");\n/* harmony import */ var _Column__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Column */ \"./node_modules/rsuite-table/es/Column.js\");\n/* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Cell */ \"./node_modules/rsuite-table/es/Cell.js\");\n/* harmony import */ var _HeaderCell__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./HeaderCell */ \"./node_modules/rsuite-table/es/HeaderCell.js\");\n/* harmony import */ var _ColumnGroup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ColumnGroup */ \"./node_modules/rsuite-table/es/ColumnGroup.js\");\n'use client';\n\n\n\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/index.js?");
 
 /***/ }),
 
@@ -9820,7 +9820,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var lodash_defer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/defer */ \"./node_modules/lodash/defer.js\");\n/* harmony import */ var lodash_defer__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_defer__WEBPACK_IMPORTED_MODULE_0__);\n\n/**\n * Defer callbacks to wait for DOM rendering to complete.\n */\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (callback) {\n  lodash_defer__WEBPACK_IMPORTED_MODULE_0___default()(callback, 'deferred');\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/defer.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var lodash_defer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/defer */ \"./node_modules/lodash/defer.js\");\n/* harmony import */ var lodash_defer__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_defer__WEBPACK_IMPORTED_MODULE_0__);\n'use client';\n\n\n/**\n * Defer callbacks to wait for DOM rendering to complete.\n */\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (callback) {\n  lodash_defer__WEBPACK_IMPORTED_MODULE_0___default()(callback, 'deferred');\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/defer.js?");
 
 /***/ }),
 
@@ -9831,7 +9831,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var loda
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n\n\n/**\n * Get all parent nodes of the given node in the flattened data\n * @param node target node\n */\nfunction findAllParents(node, rowKey) {\n  var parents = [];\n  var current = node[_constants__WEBPACK_IMPORTED_MODULE_0__.PARENT_KEY]; // Iterate up through the parent chain and add each parent to the result array\n\n  while (current) {\n    parents.push(current[rowKey]);\n    current = current[_constants__WEBPACK_IMPORTED_MODULE_0__.PARENT_KEY];\n  }\n\n  return parents;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (findAllParents);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/findAllParents.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n'use client';\n\n/**\n * Get all parent nodes of the given node in the flattened data\n * @param node target node\n */\nfunction findAllParents(node, rowKey) {\n  var parents = [];\n  var current = node[_constants__WEBPACK_IMPORTED_MODULE_0__.PARENT_KEY];\n\n  // Iterate up through the parent chain and add each parent to the result array\n  while (current) {\n    parents.push(current[rowKey]);\n    current = current[_constants__WEBPACK_IMPORTED_MODULE_0__.PARENT_KEY];\n  }\n  return parents;\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (findAllParents);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/findAllParents.js?");
 
 /***/ }),
 
@@ -9842,7 +9842,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _con
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ findRowKeys; }\n/* harmony export */ });\nfunction findRowKeys(rows, rowKey, expanded) {\n  var keys = [];\n\n  if (!rowKey) {\n    return keys;\n  }\n\n  for (var i = 0; i < rows.length; i++) {\n    var item = rows[i];\n\n    if (item.children) {\n      keys.push(item[rowKey]);\n      keys = [].concat(keys, findRowKeys(item.children, rowKey));\n    } else if (expanded) {\n      keys.push(item[rowKey]);\n    }\n  }\n\n  return keys;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/findRowKeys.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ findRowKeys; }\n/* harmony export */ });\n'use client';\nfunction findRowKeys(rows, rowKey, expanded) {\n  var keys = [];\n  if (!rowKey) {\n    return keys;\n  }\n  for (var i = 0; i < rows.length; i++) {\n    var item = rows[i];\n    if (item.children) {\n      keys.push(item[rowKey]);\n      keys = [].concat(keys, findRowKeys(item.children, rowKey));\n    } else if (expanded) {\n      keys.push(item[rowKey]);\n    }\n  }\n  return keys;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/findRowKeys.js?");
 
 /***/ }),
 
@@ -9853,7 +9853,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_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 _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n\n\n\n/**\n * Flatten the tree data with parent association recorded on each node\n * @param tree tree data\n */\nfunction flattenData(tree, parent) {\n  return tree.reduce(function (acc, node) {\n    var _extends2;\n\n    // Create a new flattened node with parent association\n    var flattened = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, node, (_extends2 = {}, _extends2[_constants__WEBPACK_IMPORTED_MODULE_1__.PARENT_KEY] = parent, _extends2)); // Add the flattened node and its flattened children (if any) to the result array\n\n\n    acc.push.apply(acc, [flattened].concat(node.children ? flattenData(node.children, flattened) : []));\n    return acc;\n  }, []);\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (flattenData);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/flattenData.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 _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n'use client';\n\n\n/**\n * Flatten the tree data with parent association recorded on each node\n * @param tree tree data\n */\nfunction flattenData(tree, parent) {\n  return tree.reduce(function (acc, node) {\n    var _extends2;\n    // Create a new flattened node with parent association\n    var flattened = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, node, (_extends2 = {}, _extends2[_constants__WEBPACK_IMPORTED_MODULE_1__.PARENT_KEY] = parent, _extends2));\n\n    // Add the flattened node and its flattened children (if any) to the result array\n    acc.push.apply(acc, [flattened].concat(node.children ? flattenData(node.children, flattened) : []));\n    return acc;\n  }, []);\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (flattenData);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/flattenData.js?");
 
 /***/ }),
 
@@ -9864,7 +9864,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_0__);\n\nvar majorVersion = parseInt((react_dom__WEBPACK_IMPORTED_MODULE_0___default().version));\n/**\n * Force React to flush any updates inside the provided callback synchronously.\n * This ensures that the DOM is updated immediately.\n */\n\nvar flushSync = function flushSync(callback) {\n  if (majorVersion >= 18) {\n    var _ReactDOM$flushSync;\n\n    (_ReactDOM$flushSync = (react_dom__WEBPACK_IMPORTED_MODULE_0___default().flushSync)) === null || _ReactDOM$flushSync === void 0 ? void 0 : _ReactDOM$flushSync.call((react_dom__WEBPACK_IMPORTED_MODULE_0___default()), callback);\n    return;\n  }\n\n  callback();\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (flushSync);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/flushSync.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_0__);\n'use client';\n\nvar majorVersion = parseInt((react_dom__WEBPACK_IMPORTED_MODULE_0___default().version));\n\n/**\n * Force React to flush any updates inside the provided callback synchronously.\n * This ensures that the DOM is updated immediately.\n */\nvar flushSync = function flushSync(callback) {\n  if (majorVersion >= 18) {\n    var _ReactDOM$flushSync;\n    (_ReactDOM$flushSync = (react_dom__WEBPACK_IMPORTED_MODULE_0___default().flushSync)) === null || _ReactDOM$flushSync === void 0 ? void 0 : _ReactDOM$flushSync.call((react_dom__WEBPACK_IMPORTED_MODULE_0___default()), callback);\n    return;\n  }\n  callback();\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (flushSync);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/flushSync.js?");
 
 /***/ }),
 
@@ -9875,7 +9875,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ getColumnProps; }\n/* harmony export */ });\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\n\n/**\n * Get the union of the props of the column itself and the props of the custom column\n *\n * e.g.\n * const CustomColumn = React.forwardRef((props, ref) => {\n *   return <Column ref={ref} sortable align=\"center\" flexGrow={1} fullText {...props} />;\n * });\n *\n * <CustomColumn width={100} >\n *   <HeaderCell>Header</HeaderCell>\n *   <Cell>Cell</Cell>\n * </CustomColumn>\n *\n */\nfunction getColumnProps(column) {\n  var _column$type, _column$type$render, _column$type$render$c;\n\n  var columnDefaultProps = ((_column$type = column['type']) === null || _column$type === void 0 ? void 0 : (_column$type$render = _column$type['render']) === null || _column$type$render === void 0 ? void 0 : (_column$type$render$c = _column$type$render.call(_column$type)) === null || _column$type$render$c === void 0 ? void 0 : _column$type$render$c.props) || {};\n  return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, columnDefaultProps, column === null || column === void 0 ? void 0 : column.props);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/getColumnProps.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ getColumnProps; }\n/* harmony export */ });\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'use client';\n\n/**\n * Get the union of the props of the column itself and the props of the custom column\n *\n * e.g.\n * const CustomColumn = React.forwardRef((props, ref) => {\n *   return <Column ref={ref} sortable align=\"center\" flexGrow={1} fullText {...props} />;\n * });\n *\n * <CustomColumn width={100} >\n *   <HeaderCell>Header</HeaderCell>\n *   <Cell>Cell</Cell>\n * </CustomColumn>\n *\n */\nfunction getColumnProps(column) {\n  var _column$type, _column$type$render, _column$type$render$c;\n  var columnDefaultProps = ((_column$type = column['type']) === null || _column$type === void 0 ? void 0 : (_column$type$render = _column$type['render']) === null || _column$type$render === void 0 ? void 0 : (_column$type$render$c = _column$type$render.call(_column$type)) === null || _column$type$render$c === void 0 ? void 0 : _column$type$render$c.props) || {};\n  return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, columnDefaultProps, column === null || column === void 0 ? void 0 : column.props);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/getColumnProps.js?");
 
 /***/ }),
 
@@ -9886,7 +9886,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_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 react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_is__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-is */ \"./node_modules/rsuite-table/node_modules/react-is/index.js\");\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/flatten */ \"./node_modules/lodash/flatten.js\");\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_flatten__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _ColumnGroup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ColumnGroup */ \"./node_modules/rsuite-table/es/ColumnGroup.js\");\n\n\n\n\n\n/**\n * Get the columns ReactElement array.\n * - Handling the case where there is an array of <Column> in children.\n * - Filter empty items in children.\n */\n\nfunction getTableColumns(children) {\n  var childrenArray = Array.isArray(children) ? children : [children];\n  var flattenColumns = lodash_flatten__WEBPACK_IMPORTED_MODULE_3___default()(childrenArray).map(function (column) {\n    // If the column is a group, we need to get the columns from the children.\n    if ((column === null || column === void 0 ? void 0 : column.type) === _ColumnGroup__WEBPACK_IMPORTED_MODULE_4__[\"default\"]) {\n      var _column$props = column === null || column === void 0 ? void 0 : column.props,\n          header = _column$props.header,\n          groupChildren = _column$props.children,\n          align = _column$props.align,\n          fixed = _column$props.fixed,\n          verticalAlign = _column$props.verticalAlign,\n          groupHeaderHeight = _column$props.groupHeaderHeight;\n\n      var childColumns = getTableColumns(groupChildren);\n      return childColumns.map(function (childColumn, index) {\n        // Overwrite the props set by ColumnGroup to Column.\n        var groupCellProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, childColumn === null || childColumn === void 0 ? void 0 : childColumn.props, {\n          groupHeaderHeight: groupHeaderHeight,\n          fixed: fixed,\n          // Column extends the properties of Group （align，verticalAlign）\n          align: (childColumn === null || childColumn === void 0 ? void 0 : childColumn.props.align) || align,\n          verticalAlign: (childColumn === null || childColumn === void 0 ? void 0 : childColumn.props.verticalAlign) || verticalAlign\n        });\n        /**\n         * Set attributes for the first column in the group:\n         * @field groupCount: The number of grouping sub-items.\n         * @field groupHeader: Group header title.\n         * @field resizable: Set to not resizable.\n         */\n\n\n        if (index === 0) {\n          groupCellProps.groupAlign = align;\n          groupCellProps.groupVerticalAlign = verticalAlign;\n          groupCellProps.groupCount = childColumns.length;\n          groupCellProps.groupHeader = header;\n          groupCellProps.resizable = false;\n        }\n\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(childColumn, groupCellProps);\n      });\n    } else if (react_is__WEBPACK_IMPORTED_MODULE_2__.isFragment(column)) {\n      var _column$props2;\n\n      // If the column is a fragment, we need to get the columns from the children.\n      return getTableColumns((_column$props2 = column.props) === null || _column$props2 === void 0 ? void 0 : _column$props2.children);\n    } else if (Array.isArray(column)) {\n      // If the column is an array, need check item in the array.\n      return getTableColumns(column);\n    } // If the column is not a group, we just return the column.\n\n\n    return column;\n  }); // Flatten the array in Columns into a one-dimensional array, and calculate lastColumn and firstColumn.\n\n  return lodash_flatten__WEBPACK_IMPORTED_MODULE_3___default()(flattenColumns).filter(Boolean);\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (getTableColumns);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/getTableColumns.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 react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_is__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-is */ \"./node_modules/rsuite-table/node_modules/react-is/index.js\");\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/flatten */ \"./node_modules/lodash/flatten.js\");\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_flatten__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _ColumnGroup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ColumnGroup */ \"./node_modules/rsuite-table/es/ColumnGroup.js\");\n'use client';\n\n\n\n\n\n\n/**\n * Get the columns ReactElement array.\n * - Handling the case where there is an array of <Column> in children.\n * - Filter empty items in children.\n */\nfunction getTableColumns(children) {\n  var childrenArray = Array.isArray(children) ? children : [children];\n  var flattenColumns = lodash_flatten__WEBPACK_IMPORTED_MODULE_3___default()(childrenArray).map(function (column) {\n    // If the column is a group, we need to get the columns from the children.\n    if ((column === null || column === void 0 ? void 0 : column.type) === _ColumnGroup__WEBPACK_IMPORTED_MODULE_4__[\"default\"]) {\n      var _column$props = column === null || column === void 0 ? void 0 : column.props,\n        header = _column$props.header,\n        groupChildren = _column$props.children,\n        align = _column$props.align,\n        fixed = _column$props.fixed,\n        verticalAlign = _column$props.verticalAlign,\n        groupHeaderHeight = _column$props.groupHeaderHeight;\n      var childColumns = getTableColumns(groupChildren);\n      return childColumns.map(function (childColumn, index) {\n        // Overwrite the props set by ColumnGroup to Column.\n        var groupCellProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, childColumn === null || childColumn === void 0 ? void 0 : childColumn.props, {\n          groupHeaderHeight: groupHeaderHeight,\n          fixed: fixed,\n          // Column extends the properties of Group （align，verticalAlign）\n          align: (childColumn === null || childColumn === void 0 ? void 0 : childColumn.props.align) || align,\n          verticalAlign: (childColumn === null || childColumn === void 0 ? void 0 : childColumn.props.verticalAlign) || verticalAlign\n        });\n\n        /**\n         * Set attributes for the first column in the group:\n         * @field groupCount: The number of grouping sub-items.\n         * @field groupHeader: Group header title.\n         * @field resizable: Set to not resizable.\n         */\n\n        if (index === 0) {\n          groupCellProps.groupAlign = align;\n          groupCellProps.groupVerticalAlign = verticalAlign;\n          groupCellProps.groupCount = childColumns.length;\n          groupCellProps.groupHeader = header;\n          groupCellProps.resizable = false;\n        }\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(childColumn, groupCellProps);\n      });\n    } else if (react_is__WEBPACK_IMPORTED_MODULE_2__.isFragment(column)) {\n      var _column$props2;\n      // If the column is a fragment, we need to get the columns from the children.\n      return getTableColumns((_column$props2 = column.props) === null || _column$props2 === void 0 ? void 0 : _column$props2.children);\n    } else if (Array.isArray(column)) {\n      // If the column is an array, need check item in the array.\n      return getTableColumns(column);\n    }\n\n    // If the column is not a group, we just return the column.\n    return column;\n  });\n\n  // Flatten the array in Columns into a one-dimensional array, and calculate lastColumn and firstColumn.\n  return lodash_flatten__WEBPACK_IMPORTED_MODULE_3___default()(flattenColumns).filter(Boolean);\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (getTableColumns);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/getTableColumns.js?");
 
 /***/ }),
 
@@ -9897,7 +9897,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/isPlainObject */ \"./node_modules/lodash/isPlainObject.js\");\n/* harmony import */ var lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _getColumnProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getColumnProps */ \"./node_modules/rsuite-table/es/utils/getColumnProps.js\");\n\n\n\n\nfunction getTotalByColumns(columns) {\n  var totalFlexGrow = 0;\n  var totalWidth = 0;\n\n  var count = function count(items) {\n    Array.from(items).forEach(function (column) {\n      if ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().isValidElement(column)) {\n        var _getColumnProps = (0,_getColumnProps__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(column),\n            flexGrow = _getColumnProps.flexGrow,\n            _getColumnProps$width = _getColumnProps.width,\n            width = _getColumnProps$width === void 0 ? 0 : _getColumnProps$width;\n\n        totalFlexGrow += flexGrow || 0;\n        totalWidth += flexGrow ? 0 : width;\n      } else if (Array.isArray(column)) {\n        count(column);\n      }\n    });\n  };\n\n  if (Array.isArray(columns)) {\n    count(columns);\n  } else if (lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_1___default()(columns)) {\n    var _columns$props = columns === null || columns === void 0 ? void 0 : columns.props,\n        flexGrow = _columns$props.flexGrow,\n        _columns$props$width = _columns$props.width,\n        width = _columns$props$width === void 0 ? 0 : _columns$props$width;\n\n    totalFlexGrow = flexGrow || 0;\n    totalWidth = flexGrow ? 0 : width;\n  }\n\n  return {\n    totalFlexGrow: totalFlexGrow,\n    totalWidth: totalWidth\n  };\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (getTotalByColumns);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/getTotalByColumns.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/isPlainObject */ \"./node_modules/lodash/isPlainObject.js\");\n/* harmony import */ var lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _getColumnProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getColumnProps */ \"./node_modules/rsuite-table/es/utils/getColumnProps.js\");\n'use client';\n\n\n\nfunction getTotalByColumns(columns) {\n  var totalFlexGrow = 0;\n  var totalWidth = 0;\n  var count = function count(items) {\n    Array.from(items).forEach(function (column) {\n      if ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().isValidElement(column)) {\n        var _getColumnProps = (0,_getColumnProps__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(column),\n          flexGrow = _getColumnProps.flexGrow,\n          _getColumnProps$width = _getColumnProps.width,\n          width = _getColumnProps$width === void 0 ? 0 : _getColumnProps$width;\n        totalFlexGrow += flexGrow || 0;\n        totalWidth += flexGrow ? 0 : width;\n      } else if (Array.isArray(column)) {\n        count(column);\n      }\n    });\n  };\n  if (Array.isArray(columns)) {\n    count(columns);\n  } else if (lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_1___default()(columns)) {\n    var _columns$props = columns === null || columns === void 0 ? void 0 : columns.props,\n      flexGrow = _columns$props.flexGrow,\n      _columns$props$width = _columns$props.width,\n      width = _columns$props$width === void 0 ? 0 : _columns$props$width;\n    totalFlexGrow = flexGrow || 0;\n    totalWidth = flexGrow ? 0 : width;\n  }\n  return {\n    totalFlexGrow: totalFlexGrow,\n    totalWidth: totalWidth\n  };\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (getTotalByColumns);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/getTotalByColumns.js?");
 
 /***/ }),
 
@@ -9908,7 +9908,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"cancelAnimationTimeout\": function() { return /* reexport safe */ _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_14__.cancelAnimationTimeout; },\n/* harmony export */   \"defer\": function() { return /* reexport safe */ _defer__WEBPACK_IMPORTED_MODULE_29__[\"default\"]; },\n/* harmony export */   \"findAllParents\": function() { return /* reexport safe */ _findAllParents__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; },\n/* harmony export */   \"findRowKeys\": function() { return /* reexport safe */ _findRowKeys__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; },\n/* harmony export */   \"flattenData\": function() { return /* reexport safe */ _flattenData__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; },\n/* harmony export */   \"getTableColumns\": function() { return /* reexport safe */ _getTableColumns__WEBPACK_IMPORTED_MODULE_21__[\"default\"]; },\n/* harmony export */   \"getTotalByColumns\": function() { return /* reexport safe */ _getTotalByColumns__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */   \"isNumberOrTrue\": function() { return /* reexport safe */ _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; },\n/* harmony export */   \"isRTL\": function() { return /* reexport safe */ _isRTL__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; },\n/* harmony export */   \"isSupportTouchEvent\": function() { return /* reexport safe */ _isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_28__[\"default\"]; },\n/* harmony export */   \"mergeCells\": function() { return /* reexport safe */ _mergeCells__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */   \"mergeRefs\": function() { return /* reexport safe */ _mergeRefs__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; },\n/* harmony export */   \"prefix\": function() { return /* reexport safe */ _prefix__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; },\n/* harmony export */   \"requestAnimationTimeout\": function() { return /* reexport safe */ _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_14__.requestAnimationTimeout; },\n/* harmony export */   \"resetLeftForCells\": function() { return /* reexport safe */ _resetLeftForCells__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; },\n/* harmony export */   \"shouldShowRowByExpanded\": function() { return /* reexport safe */ _shouldShowRowByExpanded__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; },\n/* harmony export */   \"toggle\": function() { return /* reexport safe */ _toggle__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; },\n/* harmony export */   \"toggleClass\": function() { return /* reexport safe */ _toggleClass__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; },\n/* harmony export */   \"translateDOMPositionXY\": function() { return /* reexport safe */ _translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; },\n/* harmony export */   \"useAffix\": function() { return /* reexport safe */ _useAffix__WEBPACK_IMPORTED_MODULE_25__[\"default\"]; },\n/* harmony export */   \"useCellDescriptor\": function() { return /* reexport safe */ _useCellDescriptor__WEBPACK_IMPORTED_MODULE_22__[\"default\"]; },\n/* harmony export */   \"useClassNames\": function() { return /* reexport safe */ _useClassNames__WEBPACK_IMPORTED_MODULE_19__[\"default\"]; },\n/* harmony export */   \"useControlled\": function() { return /* reexport safe */ _useControlled__WEBPACK_IMPORTED_MODULE_20__[\"default\"]; },\n/* harmony export */   \"useIsomorphicLayoutEffect\": function() { return /* reexport safe */ _useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_17__[\"default\"]; },\n/* harmony export */   \"useMount\": function() { return /* reexport safe */ _useMount__WEBPACK_IMPORTED_MODULE_18__[\"default\"]; },\n/* harmony export */   \"usePosition\": function() { return /* reexport safe */ _usePosition__WEBPACK_IMPORTED_MODULE_27__[\"default\"]; },\n/* harmony export */   \"useScrollListener\": function() { return /* reexport safe */ _useScrollListener__WEBPACK_IMPORTED_MODULE_26__[\"default\"]; },\n/* harmony export */   \"useTableDimension\": function() { return /* reexport safe */ _useTableDimension__WEBPACK_IMPORTED_MODULE_23__[\"default\"]; },\n/* harmony export */   \"useTableRows\": function() { return /* reexport safe */ _useTableRows__WEBPACK_IMPORTED_MODULE_24__[\"default\"]; },\n/* harmony export */   \"useUpdateEffect\": function() { return /* reexport safe */ _useUpdateEffect__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; },\n/* harmony export */   \"useUpdateLayoutEffect\": function() { return /* reexport safe */ _useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_16__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _prefix__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./prefix */ \"./node_modules/rsuite-table/es/utils/prefix.js\");\n/* harmony import */ var _getTotalByColumns__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getTotalByColumns */ \"./node_modules/rsuite-table/es/utils/getTotalByColumns.js\");\n/* harmony import */ var _mergeCells__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./mergeCells */ \"./node_modules/rsuite-table/es/utils/mergeCells.js\");\n/* harmony import */ var _toggleClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./toggleClass */ \"./node_modules/rsuite-table/es/utils/toggleClass.js\");\n/* harmony import */ var _toggle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./toggle */ \"./node_modules/rsuite-table/es/utils/toggle.js\");\n/* harmony import */ var _flattenData__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./flattenData */ \"./node_modules/rsuite-table/es/utils/flattenData.js\");\n/* harmony import */ var _translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./translateDOMPositionXY */ \"./node_modules/rsuite-table/es/utils/translateDOMPositionXY.js\");\n/* harmony import */ var _isRTL__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./isRTL */ \"./node_modules/rsuite-table/es/utils/isRTL.js\");\n/* harmony import */ var _findRowKeys__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./findRowKeys */ \"./node_modules/rsuite-table/es/utils/findRowKeys.js\");\n/* harmony import */ var _findAllParents__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./findAllParents */ \"./node_modules/rsuite-table/es/utils/findAllParents.js\");\n/* harmony import */ var _shouldShowRowByExpanded__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./shouldShowRowByExpanded */ \"./node_modules/rsuite-table/es/utils/shouldShowRowByExpanded.js\");\n/* harmony import */ var _resetLeftForCells__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./resetLeftForCells */ \"./node_modules/rsuite-table/es/utils/resetLeftForCells.js\");\n/* harmony import */ var _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./isNumberOrTrue */ \"./node_modules/rsuite-table/es/utils/isNumberOrTrue.js\");\n/* harmony import */ var _mergeRefs__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./mergeRefs */ \"./node_modules/rsuite-table/es/utils/mergeRefs.js\");\n/* harmony import */ var _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./requestAnimationTimeout */ \"./node_modules/rsuite-table/es/utils/requestAnimationTimeout.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n/* harmony import */ var _useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./useUpdateLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateLayoutEffect.js\");\n/* harmony import */ var _useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./useIsomorphicLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useIsomorphicLayoutEffect.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var _useClassNames__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./useClassNames */ \"./node_modules/rsuite-table/es/utils/useClassNames.js\");\n/* harmony import */ var _useControlled__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./useControlled */ \"./node_modules/rsuite-table/es/utils/useControlled.js\");\n/* harmony import */ var _getTableColumns__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./getTableColumns */ \"./node_modules/rsuite-table/es/utils/getTableColumns.js\");\n/* harmony import */ var _useCellDescriptor__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./useCellDescriptor */ \"./node_modules/rsuite-table/es/utils/useCellDescriptor.js\");\n/* harmony import */ var _useTableDimension__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./useTableDimension */ \"./node_modules/rsuite-table/es/utils/useTableDimension.js\");\n/* harmony import */ var _useTableRows__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./useTableRows */ \"./node_modules/rsuite-table/es/utils/useTableRows.js\");\n/* harmony import */ var _useAffix__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./useAffix */ \"./node_modules/rsuite-table/es/utils/useAffix.js\");\n/* harmony import */ var _useScrollListener__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./useScrollListener */ \"./node_modules/rsuite-table/es/utils/useScrollListener.js\");\n/* harmony import */ var _usePosition__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./usePosition */ \"./node_modules/rsuite-table/es/utils/usePosition.js\");\n/* harmony import */ var _isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./isSupportTouchEvent */ \"./node_modules/rsuite-table/es/utils/isSupportTouchEvent.js\");\n/* harmony import */ var _defer__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./defer */ \"./node_modules/rsuite-table/es/utils/defer.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"cancelAnimationTimeout\": function() { return /* reexport safe */ _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_14__.cancelAnimationTimeout; },\n/* harmony export */   \"defer\": function() { return /* reexport safe */ _defer__WEBPACK_IMPORTED_MODULE_29__[\"default\"]; },\n/* harmony export */   \"findAllParents\": function() { return /* reexport safe */ _findAllParents__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; },\n/* harmony export */   \"findRowKeys\": function() { return /* reexport safe */ _findRowKeys__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; },\n/* harmony export */   \"flattenData\": function() { return /* reexport safe */ _flattenData__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; },\n/* harmony export */   \"getTableColumns\": function() { return /* reexport safe */ _getTableColumns__WEBPACK_IMPORTED_MODULE_21__[\"default\"]; },\n/* harmony export */   \"getTotalByColumns\": function() { return /* reexport safe */ _getTotalByColumns__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */   \"isNumberOrTrue\": function() { return /* reexport safe */ _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; },\n/* harmony export */   \"isRTL\": function() { return /* reexport safe */ _isRTL__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; },\n/* harmony export */   \"isSupportTouchEvent\": function() { return /* reexport safe */ _isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_28__[\"default\"]; },\n/* harmony export */   \"mergeCells\": function() { return /* reexport safe */ _mergeCells__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */   \"mergeRefs\": function() { return /* reexport safe */ _mergeRefs__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; },\n/* harmony export */   \"prefix\": function() { return /* reexport safe */ _prefix__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; },\n/* harmony export */   \"requestAnimationTimeout\": function() { return /* reexport safe */ _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_14__.requestAnimationTimeout; },\n/* harmony export */   \"resetLeftForCells\": function() { return /* reexport safe */ _resetLeftForCells__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; },\n/* harmony export */   \"shouldShowRowByExpanded\": function() { return /* reexport safe */ _shouldShowRowByExpanded__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; },\n/* harmony export */   \"toggle\": function() { return /* reexport safe */ _toggle__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; },\n/* harmony export */   \"toggleClass\": function() { return /* reexport safe */ _toggleClass__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; },\n/* harmony export */   \"translateDOMPositionXY\": function() { return /* reexport safe */ _translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; },\n/* harmony export */   \"useAffix\": function() { return /* reexport safe */ _useAffix__WEBPACK_IMPORTED_MODULE_25__[\"default\"]; },\n/* harmony export */   \"useCellDescriptor\": function() { return /* reexport safe */ _useCellDescriptor__WEBPACK_IMPORTED_MODULE_22__[\"default\"]; },\n/* harmony export */   \"useClassNames\": function() { return /* reexport safe */ _useClassNames__WEBPACK_IMPORTED_MODULE_19__[\"default\"]; },\n/* harmony export */   \"useControlled\": function() { return /* reexport safe */ _useControlled__WEBPACK_IMPORTED_MODULE_20__[\"default\"]; },\n/* harmony export */   \"useIsomorphicLayoutEffect\": function() { return /* reexport safe */ _useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_17__[\"default\"]; },\n/* harmony export */   \"useMount\": function() { return /* reexport safe */ _useMount__WEBPACK_IMPORTED_MODULE_18__[\"default\"]; },\n/* harmony export */   \"usePosition\": function() { return /* reexport safe */ _usePosition__WEBPACK_IMPORTED_MODULE_27__[\"default\"]; },\n/* harmony export */   \"useScrollListener\": function() { return /* reexport safe */ _useScrollListener__WEBPACK_IMPORTED_MODULE_26__[\"default\"]; },\n/* harmony export */   \"useTableDimension\": function() { return /* reexport safe */ _useTableDimension__WEBPACK_IMPORTED_MODULE_23__[\"default\"]; },\n/* harmony export */   \"useTableRows\": function() { return /* reexport safe */ _useTableRows__WEBPACK_IMPORTED_MODULE_24__[\"default\"]; },\n/* harmony export */   \"useUpdateEffect\": function() { return /* reexport safe */ _useUpdateEffect__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; },\n/* harmony export */   \"useUpdateLayoutEffect\": function() { return /* reexport safe */ _useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_16__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _prefix__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./prefix */ \"./node_modules/rsuite-table/es/utils/prefix.js\");\n/* harmony import */ var _getTotalByColumns__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getTotalByColumns */ \"./node_modules/rsuite-table/es/utils/getTotalByColumns.js\");\n/* harmony import */ var _mergeCells__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./mergeCells */ \"./node_modules/rsuite-table/es/utils/mergeCells.js\");\n/* harmony import */ var _toggleClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./toggleClass */ \"./node_modules/rsuite-table/es/utils/toggleClass.js\");\n/* harmony import */ var _toggle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./toggle */ \"./node_modules/rsuite-table/es/utils/toggle.js\");\n/* harmony import */ var _flattenData__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./flattenData */ \"./node_modules/rsuite-table/es/utils/flattenData.js\");\n/* harmony import */ var _translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./translateDOMPositionXY */ \"./node_modules/rsuite-table/es/utils/translateDOMPositionXY.js\");\n/* harmony import */ var _isRTL__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./isRTL */ \"./node_modules/rsuite-table/es/utils/isRTL.js\");\n/* harmony import */ var _findRowKeys__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./findRowKeys */ \"./node_modules/rsuite-table/es/utils/findRowKeys.js\");\n/* harmony import */ var _findAllParents__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./findAllParents */ \"./node_modules/rsuite-table/es/utils/findAllParents.js\");\n/* harmony import */ var _shouldShowRowByExpanded__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./shouldShowRowByExpanded */ \"./node_modules/rsuite-table/es/utils/shouldShowRowByExpanded.js\");\n/* harmony import */ var _resetLeftForCells__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./resetLeftForCells */ \"./node_modules/rsuite-table/es/utils/resetLeftForCells.js\");\n/* harmony import */ var _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./isNumberOrTrue */ \"./node_modules/rsuite-table/es/utils/isNumberOrTrue.js\");\n/* harmony import */ var _mergeRefs__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./mergeRefs */ \"./node_modules/rsuite-table/es/utils/mergeRefs.js\");\n/* harmony import */ var _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./requestAnimationTimeout */ \"./node_modules/rsuite-table/es/utils/requestAnimationTimeout.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n/* harmony import */ var _useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./useUpdateLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateLayoutEffect.js\");\n/* harmony import */ var _useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./useIsomorphicLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useIsomorphicLayoutEffect.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var _useClassNames__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./useClassNames */ \"./node_modules/rsuite-table/es/utils/useClassNames.js\");\n/* harmony import */ var _useControlled__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./useControlled */ \"./node_modules/rsuite-table/es/utils/useControlled.js\");\n/* harmony import */ var _getTableColumns__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./getTableColumns */ \"./node_modules/rsuite-table/es/utils/getTableColumns.js\");\n/* harmony import */ var _useCellDescriptor__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./useCellDescriptor */ \"./node_modules/rsuite-table/es/utils/useCellDescriptor.js\");\n/* harmony import */ var _useTableDimension__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./useTableDimension */ \"./node_modules/rsuite-table/es/utils/useTableDimension.js\");\n/* harmony import */ var _useTableRows__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./useTableRows */ \"./node_modules/rsuite-table/es/utils/useTableRows.js\");\n/* harmony import */ var _useAffix__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./useAffix */ \"./node_modules/rsuite-table/es/utils/useAffix.js\");\n/* harmony import */ var _useScrollListener__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./useScrollListener */ \"./node_modules/rsuite-table/es/utils/useScrollListener.js\");\n/* harmony import */ var _usePosition__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./usePosition */ \"./node_modules/rsuite-table/es/utils/usePosition.js\");\n/* harmony import */ var _isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./isSupportTouchEvent */ \"./node_modules/rsuite-table/es/utils/isSupportTouchEvent.js\");\n/* harmony import */ var _defer__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./defer */ \"./node_modules/rsuite-table/es/utils/defer.js\");\n'use client';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/index.js?");
 
 /***/ }),
 
@@ -9919,7 +9919,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ isNumberOrTrue; }\n/* harmony export */ });\nfunction isNumberOrTrue(value) {\n  if (typeof value === 'undefined') {\n    return false;\n  }\n\n  return !!value || value === 0;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/isNumberOrTrue.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ isNumberOrTrue; }\n/* harmony export */ });\n'use client';\nfunction isNumberOrTrue(value) {\n  if (typeof value === 'undefined') {\n    return false;\n  }\n  return !!value || value === 0;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/isNumberOrTrue.js?");
 
 /***/ }),
 
@@ -9930,7 +9930,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ isRTL; }\n/* harmony export */ });\nfunction isRTL() {\n  return typeof window !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/isRTL.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ isRTL; }\n/* harmony export */ });\n'use client';\nfunction isRTL() {\n  return typeof window !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/isRTL.js?");
 
 /***/ }),
 
@@ -9941,7 +9941,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ isSupportTouchEvent; }\n/* harmony export */ });\n/* harmony import */ var dom_lib_canUseDOM__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dom-lib/canUseDOM */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n\nfunction isSupportTouchEvent() {\n  return dom_lib_canUseDOM__WEBPACK_IMPORTED_MODULE_0__[\"default\"] && 'ontouchstart' in window;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/isSupportTouchEvent.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ isSupportTouchEvent; }\n/* harmony export */ });\n/* harmony import */ var dom_lib_canUseDOM__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dom-lib/canUseDOM */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n'use client';\n\nfunction isSupportTouchEvent() {\n  return dom_lib_canUseDOM__WEBPACK_IMPORTED_MODULE_0__[\"default\"] && 'ontouchstart' in window;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/isSupportTouchEvent.js?");
 
 /***/ }),
 
@@ -9952,7 +9952,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\");\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\");\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\");\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_isNil__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _ColumnGroup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ColumnGroup */ \"./node_modules/rsuite-table/es/ColumnGroup.js\");\n/* harmony import */ var _HeaderCell__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../HeaderCell */ \"./node_modules/rsuite-table/es/HeaderCell.js\");\n\n\n\n\n\n\n\nfunction cloneCell(Cell, props) {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(Cell, props);\n}\n\nfunction mergeCells(cells) {\n  var nextCells = [];\n\n  for (var i = 0; i < cells.length; i += 1) {\n    var _cells$i$props = cells[i].props,\n        width = _cells$i$props.width,\n        colSpan = _cells$i$props.colSpan,\n        groupCount = _cells$i$props.groupCount,\n        groupHeader = _cells$i$props.groupHeader,\n        groupAlign = _cells$i$props.groupAlign,\n        groupVerticalAlign = _cells$i$props.groupVerticalAlign,\n        isHeaderCell = _cells$i$props.isHeaderCell,\n        headerHeight = _cells$i$props.headerHeight,\n        groupHeaderHeight = _cells$i$props.groupHeaderHeight;\n    var groupChildren = []; // Add grouping to column headers.\n\n    if (groupCount && isHeaderCell) {\n      var nextWidth = width;\n      var left = 0;\n\n      for (var j = 0; j < groupCount; j += 1) {\n        var nextCell = cells[i + j];\n        var _nextCell$props = nextCell.props,\n            nextCellWidth = _nextCell$props.width,\n            sortable = _nextCell$props.sortable,\n            children = _nextCell$props.children,\n            dataKey = _nextCell$props.dataKey,\n            onSortColumn = _nextCell$props.onSortColumn,\n            sortColumn = _nextCell$props.sortColumn,\n            sortType = _nextCell$props.sortType,\n            align = _nextCell$props.align,\n            verticalAlign = _nextCell$props.verticalAlign,\n            renderSortIcon = _nextCell$props.renderSortIcon;\n\n        if (j !== 0) {\n          nextWidth += nextCellWidth;\n          left += cells[i + j - 1].props.width;\n          cells[i + j] = cloneCell(nextCell, {\n            removed: true\n          });\n        }\n\n        groupChildren.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_HeaderCell__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n          key: j,\n          left: left,\n          align: align,\n          verticalAlign: verticalAlign,\n          dataKey: dataKey,\n          width: nextCellWidth,\n          sortable: sortable,\n          sortColumn: sortColumn,\n          sortType: sortType,\n          onSortColumn: onSortColumn,\n          renderSortIcon: renderSortIcon\n        }, children));\n      }\n\n      nextCells.push(cloneCell(cells[i], {\n        width: nextWidth,\n        children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ColumnGroup__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n          width: nextWidth,\n          headerHeight: headerHeight,\n          header: groupHeader,\n          align: groupAlign,\n          verticalAlign: groupVerticalAlign,\n          groupHeaderHeight: groupHeaderHeight\n        }, groupChildren)\n      }));\n      continue;\n    } else if (colSpan) {\n      // If there is a colSpan attribute, go to its next Cell.\n      // Determine whether the value is null or undefined, then merge this cell.\n      var _nextWidth = width;\n\n      for (var _j = 0; _j < colSpan; _j += 1) {\n        var _nextCell = cells[i + _j];\n\n        if (_nextCell) {\n          var _nextCell$props2 = _nextCell.props,\n              rowData = _nextCell$props2.rowData,\n              rowIndex = _nextCell$props2.rowIndex,\n              _children = _nextCell$props2.children,\n              colSpanWidth = _nextCell$props2.width,\n              _isHeaderCell = _nextCell$props2.isHeaderCell,\n              _dataKey = _nextCell$props2.dataKey;\n          var cellText = lodash_isFunction__WEBPACK_IMPORTED_MODULE_1___default()(_children) ? _children(rowData, rowIndex) : lodash_get__WEBPACK_IMPORTED_MODULE_2___default()(rowData, _dataKey);\n\n          if (rowData && lodash_isNil__WEBPACK_IMPORTED_MODULE_3___default()(cellText) || _isHeaderCell && lodash_isNil__WEBPACK_IMPORTED_MODULE_3___default()(_children)) {\n            _nextWidth += colSpanWidth;\n            cells[i + _j] = cloneCell(_nextCell, {\n              removed: true\n            });\n          }\n        }\n      }\n\n      nextCells.push(cloneCell(cells[i], {\n        width: _nextWidth,\n        'aria-colspan': _nextWidth > width ? colSpan : undefined\n      }));\n      continue;\n    }\n\n    nextCells.push(cells[i]);\n  }\n\n  return nextCells;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (mergeCells);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/mergeCells.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\");\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\");\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\");\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_isNil__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _ColumnGroup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ColumnGroup */ \"./node_modules/rsuite-table/es/ColumnGroup.js\");\n/* harmony import */ var _HeaderCell__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../HeaderCell */ \"./node_modules/rsuite-table/es/HeaderCell.js\");\n'use client';\n\n\n\n\n\n\nfunction cloneCell(Cell, props) {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(Cell, props);\n}\nfunction mergeCells(cells) {\n  var nextCells = [];\n  for (var i = 0; i < cells.length; i += 1) {\n    var _cells$i$props = cells[i].props,\n      width = _cells$i$props.width,\n      colSpan = _cells$i$props.colSpan,\n      groupCount = _cells$i$props.groupCount,\n      groupHeader = _cells$i$props.groupHeader,\n      groupAlign = _cells$i$props.groupAlign,\n      groupVerticalAlign = _cells$i$props.groupVerticalAlign,\n      isHeaderCell = _cells$i$props.isHeaderCell,\n      headerHeight = _cells$i$props.headerHeight,\n      groupHeaderHeight = _cells$i$props.groupHeaderHeight;\n    var groupChildren = [];\n\n    // Add grouping to column headers.\n    if (groupCount && isHeaderCell) {\n      var nextWidth = width;\n      var left = 0;\n      for (var j = 0; j < groupCount; j += 1) {\n        var nextCell = cells[i + j];\n        var _nextCell$props = nextCell.props,\n          nextCellWidth = _nextCell$props.width,\n          sortable = _nextCell$props.sortable,\n          children = _nextCell$props.children,\n          dataKey = _nextCell$props.dataKey,\n          onSortColumn = _nextCell$props.onSortColumn,\n          sortColumn = _nextCell$props.sortColumn,\n          sortType = _nextCell$props.sortType,\n          align = _nextCell$props.align,\n          verticalAlign = _nextCell$props.verticalAlign,\n          renderSortIcon = _nextCell$props.renderSortIcon;\n        if (j !== 0) {\n          nextWidth += nextCellWidth;\n          left += cells[i + j - 1].props.width;\n          cells[i + j] = cloneCell(nextCell, {\n            removed: true\n          });\n        }\n        groupChildren.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_HeaderCell__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n          key: j,\n          left: left,\n          align: align,\n          verticalAlign: verticalAlign,\n          dataKey: dataKey,\n          width: nextCellWidth,\n          sortable: sortable,\n          sortColumn: sortColumn,\n          sortType: sortType,\n          onSortColumn: onSortColumn,\n          renderSortIcon: renderSortIcon\n        }, children));\n      }\n      nextCells.push(cloneCell(cells[i], {\n        width: nextWidth,\n        children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ColumnGroup__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n          width: nextWidth,\n          headerHeight: headerHeight,\n          header: groupHeader,\n          align: groupAlign,\n          verticalAlign: groupVerticalAlign,\n          groupHeaderHeight: groupHeaderHeight\n        }, groupChildren)\n      }));\n      continue;\n    } else if (colSpan) {\n      // If there is a colSpan attribute, go to its next Cell.\n      // Determine whether the value is null or undefined, then merge this cell.\n\n      var _nextWidth = width;\n      for (var _j = 0; _j < colSpan; _j += 1) {\n        var _nextCell = cells[i + _j];\n        if (_nextCell) {\n          var _nextCell$props2 = _nextCell.props,\n            rowData = _nextCell$props2.rowData,\n            rowIndex = _nextCell$props2.rowIndex,\n            _children = _nextCell$props2.children,\n            colSpanWidth = _nextCell$props2.width,\n            _isHeaderCell = _nextCell$props2.isHeaderCell,\n            _dataKey = _nextCell$props2.dataKey;\n          var cellText = lodash_isFunction__WEBPACK_IMPORTED_MODULE_1___default()(_children) ? _children(rowData, rowIndex) : lodash_get__WEBPACK_IMPORTED_MODULE_2___default()(rowData, _dataKey);\n          if (rowData && lodash_isNil__WEBPACK_IMPORTED_MODULE_3___default()(cellText) || _isHeaderCell && lodash_isNil__WEBPACK_IMPORTED_MODULE_3___default()(_children)) {\n            _nextWidth += colSpanWidth;\n            cells[i + _j] = cloneCell(_nextCell, {\n              removed: true\n            });\n          }\n        }\n      }\n      nextCells.push(cloneCell(cells[i], {\n        width: _nextWidth,\n        'aria-colspan': _nextWidth > width ? colSpan : undefined\n      }));\n      continue;\n    }\n    nextCells.push(cells[i]);\n  }\n  return nextCells;\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (mergeCells);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/mergeCells.js?");
 
 /***/ }),
 
@@ -9963,7 +9963,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ mergeRefs; }\n/* harmony export */ });\nvar toFnRef = function toFnRef(ref) {\n  return !ref || typeof ref === 'function' ? ref : function (value) {\n    ref.current = value;\n  };\n};\n\nfunction mergeRefs(refA, refB) {\n  var a = toFnRef(refA);\n  var b = toFnRef(refB);\n  return function (value) {\n    if (typeof a === 'function') a(value);\n    if (typeof b === 'function') b(value);\n  };\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/mergeRefs.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ mergeRefs; }\n/* harmony export */ });\n'use client';\nvar toFnRef = function toFnRef(ref) {\n  return !ref || typeof ref === 'function' ? ref : function (value) {\n    ref.current = value;\n  };\n};\nfunction mergeRefs(refA, refB) {\n  var a = toFnRef(refA);\n  var b = toFnRef(refB);\n  return function (value) {\n    if (typeof a === 'function') a(value);\n    if (typeof b === 'function') b(value);\n  };\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/mergeRefs.js?");
 
 /***/ }),
 
@@ -9974,7 +9974,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"prefix\": function() { return /* binding */ prefix; }\n/* harmony export */ });\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var lodash_curry__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/curry */ \"./node_modules/lodash/curry.js\");\n/* harmony import */ var lodash_curry__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_curry__WEBPACK_IMPORTED_MODULE_1__);\n\n\nfunction prefix(pre, className) {\n  if (!pre || !className) {\n    return '';\n  }\n\n  if (Array.isArray(className)) {\n    return classnames__WEBPACK_IMPORTED_MODULE_0___default()(className.filter(function (name) {\n      return !!name;\n    }).map(function (name) {\n      return pre + \"-\" + name;\n    }));\n  } // TODO Compatible with V4\n\n\n  if (pre[pre.length - 1] === '-') {\n    return \"\" + pre + className;\n  }\n\n  return pre + \"-\" + className;\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (lodash_curry__WEBPACK_IMPORTED_MODULE_1___default()(prefix));\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/prefix.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"prefix\": function() { return /* binding */ prefix; }\n/* harmony export */ });\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var lodash_curry__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/curry */ \"./node_modules/lodash/curry.js\");\n/* harmony import */ var lodash_curry__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_curry__WEBPACK_IMPORTED_MODULE_1__);\n'use client';\n\n\nfunction prefix(pre, className) {\n  if (!pre || !className) {\n    return '';\n  }\n  if (Array.isArray(className)) {\n    return classnames__WEBPACK_IMPORTED_MODULE_0___default()(className.filter(function (name) {\n      return !!name;\n    }).map(function (name) {\n      return pre + \"-\" + name;\n    }));\n  }\n\n  // TODO Compatible with V4\n  if (pre[pre.length - 1] === '-') {\n    return \"\" + pre + className;\n  }\n  return pre + \"-\" + className;\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (lodash_curry__WEBPACK_IMPORTED_MODULE_1___default()(prefix));\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/prefix.js?");
 
 /***/ }),
 
@@ -9985,7 +9985,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"cancelAnimationTimeout\": function() { return /* binding */ cancelAnimationTimeout; },\n/* harmony export */   \"requestAnimationTimeout\": function() { return /* binding */ requestAnimationTimeout; }\n/* harmony export */ });\n/* harmony import */ var dom_lib_requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dom-lib/requestAnimationFramePolyfill */ \"./node_modules/dom-lib/esm/requestAnimationFramePolyfill.js\");\n/* harmony import */ var dom_lib_cancelAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/cancelAnimationFramePolyfill */ \"./node_modules/dom-lib/esm/cancelAnimationFramePolyfill.js\");\n\n\nvar cancelAnimationTimeout = function cancelAnimationTimeout(frame) {\n  return (0,dom_lib_cancelAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(frame.id);\n};\n/**\n * Recursively calls requestAnimationFrame until a specified delay has been met or exceeded.\n * When the delay time has been reached the function you're timing out will be called.\n *\n * Credit: Joe Lambert (https://gist.github.com/joelambert/1002116#file-requesttimeout-js)\n */\n\nvar requestAnimationTimeout = function requestAnimationTimeout(callback, delay) {\n  var start; // wait for end of processing current event handler, because event handler may be long\n\n  Promise.resolve().then(function () {\n    start = Date.now();\n  });\n  var frame = {};\n\n  var timeout = function timeout() {\n    if (Date.now() - start >= delay) {\n      callback.call(null);\n    } else {\n      frame.id = (0,dom_lib_requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(timeout);\n    }\n  };\n\n  frame = {\n    id: (0,dom_lib_requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(timeout)\n  };\n  return frame;\n};\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/requestAnimationTimeout.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"cancelAnimationTimeout\": function() { return /* binding */ cancelAnimationTimeout; },\n/* harmony export */   \"requestAnimationTimeout\": function() { return /* binding */ requestAnimationTimeout; }\n/* harmony export */ });\n/* harmony import */ var dom_lib_requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dom-lib/requestAnimationFramePolyfill */ \"./node_modules/dom-lib/esm/requestAnimationFramePolyfill.js\");\n/* harmony import */ var dom_lib_cancelAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/cancelAnimationFramePolyfill */ \"./node_modules/dom-lib/esm/cancelAnimationFramePolyfill.js\");\n'use client';\n\n\nvar cancelAnimationTimeout = function cancelAnimationTimeout(frame) {\n  return (0,dom_lib_cancelAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(frame.id);\n};\n\n/**\n * Recursively calls requestAnimationFrame until a specified delay has been met or exceeded.\n * When the delay time has been reached the function you're timing out will be called.\n *\n * Credit: Joe Lambert (https://gist.github.com/joelambert/1002116#file-requesttimeout-js)\n */\nvar requestAnimationTimeout = function requestAnimationTimeout(callback, delay) {\n  var start;\n  // wait for end of processing current event handler, because event handler may be long\n  Promise.resolve().then(function () {\n    start = Date.now();\n  });\n  var frame = {};\n  var timeout = function timeout() {\n    if (Date.now() - start >= delay) {\n      callback.call(null);\n    } else {\n      frame.id = (0,dom_lib_requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(timeout);\n    }\n  };\n  frame = {\n    id: (0,dom_lib_requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(timeout)\n  };\n  return frame;\n};\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/requestAnimationTimeout.js?");
 
 /***/ }),
 
@@ -9996,7 +9996,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ resetLeftForCells; }\n/* harmony export */ });\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 * Resets the relative left distance of all cells in the array.\n * @param cells\n * @param extraWidth The additional width added to the last cell when there is a vertical scroll bar.\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 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().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?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ resetLeftForCells; }\n/* harmony export */ });\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'use client';\n\n\n/**\n * Resets the relative left distance of all cells in the array.\n * @param cells\n * @param extraWidth The additional width added to the last cell when there is a vertical scroll bar.\n */\nfunction resetLeftForCells(cells, extraWidth) {\n  var left = 0;\n  var nextCells = [];\n  for (var i = 0; i < cells.length; i++) {\n    var cell = cells[i];\n    var nextCell = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().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  return nextCells;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/resetLeftForCells.js?");
 
 /***/ }),
 
@@ -10007,7 +10007,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ shouldShowRowByExpanded; }\n/* harmony export */ });\n/**\n * Check whether a row(tree) node should be expanded.\n * @param expandedRowKeys An array of all expanded nodes.\n * @param parentKeys All parent nodes of the current node\n * @returns boolean\n */\nfunction shouldShowRowByExpanded(expandedRowKeys, parentKeys) {\n  if (expandedRowKeys === void 0) {\n    expandedRowKeys = [];\n  }\n\n  if (parentKeys === void 0) {\n    parentKeys = [];\n  }\n\n  for (var i = 0; i < ((_parentKeys = parentKeys) === null || _parentKeys === void 0 ? void 0 : _parentKeys.length); i++) {\n    var _parentKeys, _expandedRowKeys;\n\n    if (((_expandedRowKeys = expandedRowKeys) === null || _expandedRowKeys === void 0 ? void 0 : _expandedRowKeys.indexOf(parentKeys[i])) === -1) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/shouldShowRowByExpanded.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ shouldShowRowByExpanded; }\n/* harmony export */ });\n'use client';\n/**\n * Check whether a row(tree) node should be expanded.\n * @param expandedRowKeys An array of all expanded nodes.\n * @param parentKeys All parent nodes of the current node\n * @returns boolean\n */\nfunction shouldShowRowByExpanded(expandedRowKeys, parentKeys) {\n  if (expandedRowKeys === void 0) {\n    expandedRowKeys = [];\n  }\n  if (parentKeys === void 0) {\n    parentKeys = [];\n  }\n  for (var i = 0; i < ((_parentKeys = parentKeys) === null || _parentKeys === void 0 ? void 0 : _parentKeys.length); i++) {\n    var _parentKeys, _expandedRowKeys;\n    if (((_expandedRowKeys = expandedRowKeys) === null || _expandedRowKeys === void 0 ? void 0 : _expandedRowKeys.indexOf(parentKeys[i])) === -1) {\n      return false;\n    }\n  }\n  return true;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/shouldShowRowByExpanded.js?");
 
 /***/ }),
 
@@ -10018,7 +10018,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/**\n * 根据条件，选择性调用 a 与 b 其中一个方法。\n * @param a\n * @param b\n */\nfunction toggle(a, b) {\n  return function (target, value) {\n    var options = [target].concat(value);\n    return function (condition) {\n      if (condition) {\n        a.apply(void 0, options);\n      } else {\n        b.apply(void 0, options);\n      }\n    };\n  };\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (toggle);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/toggle.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n'use client';\n/**\n * 根据条件，选择性调用 a 与 b 其中一个方法。\n * @param a\n * @param b\n */\nfunction toggle(a, b) {\n  return function (target, value) {\n    var options = [target].concat(value);\n    return function (condition) {\n      if (condition) {\n        a.apply(void 0, options);\n      } else {\n        b.apply(void 0, options);\n      }\n    };\n  };\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (toggle);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/toggle.js?");
 
 /***/ }),
 
@@ -10029,7 +10029,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/**\n * 根据条件，选择
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var dom_lib_addClass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dom-lib/addClass */ \"./node_modules/dom-lib/esm/addClass.js\");\n/* harmony import */ var dom_lib_removeClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/removeClass */ \"./node_modules/dom-lib/esm/removeClass.js\");\n\n\n\nvar toggleClass = function toggleClass(node, className, condition) {\n  if (condition) {\n    (0,dom_lib_addClass__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(node, className);\n  } else {\n    (0,dom_lib_removeClass__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node, className);\n  }\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, className, condition) {\n  if (!node) {\n    return;\n  }\n\n  if (Array.isArray(node) || Object.getPrototypeOf(node).hasOwnProperty('length')) {\n    node = node;\n    Array.from(node).forEach(function (item) {\n      toggleClass(item, className, condition);\n    });\n    return;\n  }\n\n  toggleClass(node, className, condition);\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/toggleClass.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var dom_lib_addClass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dom-lib/addClass */ \"./node_modules/dom-lib/esm/addClass.js\");\n/* harmony import */ var dom_lib_removeClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/removeClass */ \"./node_modules/dom-lib/esm/removeClass.js\");\n'use client';\n\n\nvar toggleClass = function toggleClass(node, className, condition) {\n  if (condition) {\n    (0,dom_lib_addClass__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(node, className);\n  } else {\n    (0,dom_lib_removeClass__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node, className);\n  }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, className, condition) {\n  if (!node) {\n    return;\n  }\n  if (Array.isArray(node) || Object.getPrototypeOf(node).hasOwnProperty('length')) {\n    node = node;\n    Array.from(node).forEach(function (item) {\n      toggleClass(item, className, condition);\n    });\n    return;\n  }\n  toggleClass(node, className, condition);\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/toggleClass.js?");
 
 /***/ }),
 
@@ -10040,7 +10040,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var dom_
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var dom_lib_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dom-lib/translateDOMPositionXY */ \"./node_modules/dom-lib/esm/translateDOMPositionXY.js\");\n\nvar translateDOMPositionXY = (0,dom_lib_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_0__.getTranslateDOMPositionXY)({\n  enable3DTransform: true\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = (translateDOMPositionXY);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/translateDOMPositionXY.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var dom_lib_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dom-lib/translateDOMPositionXY */ \"./node_modules/dom-lib/esm/translateDOMPositionXY.js\");\n'use client';\n\nvar translateDOMPositionXY = (0,dom_lib_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_0__.getTranslateDOMPositionXY)({\n  enable3DTransform: true\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = (translateDOMPositionXY);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/translateDOMPositionXY.js?");
 
 /***/ }),
 
@@ -10051,7 +10051,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var dom_
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\");\n/* harmony import */ var dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var dom_lib_removeStyle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/removeStyle */ \"./node_modules/dom-lib/esm/removeStyle.js\");\n/* harmony import */ var dom_lib_on__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\");\n/* harmony import */ var _toggleClass__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./toggleClass */ \"./node_modules/rsuite-table/es/utils/toggleClass.js\");\n/* harmony import */ var _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./isNumberOrTrue */ \"./node_modules/rsuite-table/es/utils/isNumberOrTrue.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n\n\n\n\n\n\n\n\n\nvar useAffix = function useAffix(props) {\n  var getTableHeight = props.getTableHeight,\n      contentHeight = props.contentHeight,\n      affixHorizontalScrollbar = props.affixHorizontalScrollbar,\n      affixHeader = props.affixHeader,\n      tableOffset = props.tableOffset,\n      headerOffset = props.headerOffset,\n      headerHeight = props.headerHeight,\n      scrollbarXRef = props.scrollbarXRef,\n      affixHeaderWrapperRef = props.affixHeaderWrapperRef;\n  var scrollListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var handleAffixHorizontalScrollbar = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _tableOffset$current, _scrollbarXRef$curren;\n\n    var scrollY = window.scrollY || window.pageYOffset;\n    var windowHeight = (0,dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(window);\n    var height = getTableHeight();\n    var bottom = typeof affixHorizontalScrollbar === 'number' ? affixHorizontalScrollbar : 0;\n    var offsetTop = ((_tableOffset$current = tableOffset.current) === null || _tableOffset$current === void 0 ? void 0 : _tableOffset$current.top) || 0;\n    var fixedScrollbar = scrollY + windowHeight < height + (offsetTop + bottom) && scrollY + windowHeight - headerHeight > offsetTop + bottom;\n\n    if (scrollbarXRef !== null && scrollbarXRef !== void 0 && (_scrollbarXRef$curren = scrollbarXRef.current) !== null && _scrollbarXRef$curren !== void 0 && _scrollbarXRef$curren.root) {\n      (0,_toggleClass__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(scrollbarXRef.current.root, 'fixed', fixedScrollbar);\n\n      if (fixedScrollbar) {\n        (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(scrollbarXRef.current.root, 'bottom', bottom + \"px\");\n      } else {\n        (0,dom_lib_removeStyle__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(scrollbarXRef.current.root, 'bottom');\n      }\n    }\n  }, [affixHorizontalScrollbar, headerHeight, scrollbarXRef, getTableHeight, tableOffset]);\n  var handleAffixTableHeader = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _headerOffset$current;\n\n    var top = typeof affixHeader === 'number' ? affixHeader : 0;\n    var scrollY = window.scrollY || window.pageYOffset;\n    var offsetTop = ((_headerOffset$current = headerOffset.current) === null || _headerOffset$current === void 0 ? void 0 : _headerOffset$current.top) || 0;\n    var fixedHeader = scrollY - (offsetTop - top) >= 0 && scrollY < offsetTop - top + contentHeight.current;\n\n    if (affixHeaderWrapperRef.current) {\n      (0,_toggleClass__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(affixHeaderWrapperRef.current, 'fixed', fixedHeader);\n    }\n  }, [affixHeader, affixHeaderWrapperRef, contentHeight, headerOffset]);\n  var handleWindowScroll = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(affixHeader)) {\n      handleAffixTableHeader();\n    }\n\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(affixHorizontalScrollbar)) {\n      handleAffixHorizontalScrollbar();\n    }\n  }, [affixHeader, affixHorizontalScrollbar, handleAffixTableHeader, handleAffixHorizontalScrollbar]);\n  /**\n   * Update the position of the fixed element after the height of the table changes.\n   * fix: https://github.com/rsuite/rsuite/issues/1716\n   */\n\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(handleWindowScroll, [getTableHeight]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(affixHeader) || (0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(affixHorizontalScrollbar)) {\n      scrollListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(window, 'scroll', handleWindowScroll);\n    }\n\n    return function () {\n      var _scrollListener$curre;\n\n      (_scrollListener$curre = scrollListener.current) === null || _scrollListener$curre === void 0 ? void 0 : _scrollListener$curre.off();\n    };\n  }, [affixHeader, affixHorizontalScrollbar, handleWindowScroll]);\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useAffix);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useAffix.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\");\n/* harmony import */ var dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var dom_lib_removeStyle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/removeStyle */ \"./node_modules/dom-lib/esm/removeStyle.js\");\n/* harmony import */ var dom_lib_on__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\");\n/* harmony import */ var _toggleClass__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./toggleClass */ \"./node_modules/rsuite-table/es/utils/toggleClass.js\");\n/* harmony import */ var _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./isNumberOrTrue */ \"./node_modules/rsuite-table/es/utils/isNumberOrTrue.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n'use client';\n\n\n\n\n\n\n\n\nvar useAffix = function useAffix(props) {\n  var getTableHeight = props.getTableHeight,\n    contentHeight = props.contentHeight,\n    affixHorizontalScrollbar = props.affixHorizontalScrollbar,\n    affixHeader = props.affixHeader,\n    tableOffset = props.tableOffset,\n    headerOffset = props.headerOffset,\n    headerHeight = props.headerHeight,\n    scrollbarXRef = props.scrollbarXRef,\n    affixHeaderWrapperRef = props.affixHeaderWrapperRef;\n  var scrollListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var handleAffixHorizontalScrollbar = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _tableOffset$current, _scrollbarXRef$curren;\n    var scrollY = window.scrollY || window.pageYOffset;\n    var windowHeight = (0,dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(window);\n    var height = getTableHeight();\n    var bottom = typeof affixHorizontalScrollbar === 'number' ? affixHorizontalScrollbar : 0;\n    var offsetTop = ((_tableOffset$current = tableOffset.current) === null || _tableOffset$current === void 0 ? void 0 : _tableOffset$current.top) || 0;\n    var fixedScrollbar = scrollY + windowHeight < height + (offsetTop + bottom) && scrollY + windowHeight - headerHeight > offsetTop + bottom;\n    if (scrollbarXRef !== null && scrollbarXRef !== void 0 && (_scrollbarXRef$curren = scrollbarXRef.current) !== null && _scrollbarXRef$curren !== void 0 && _scrollbarXRef$curren.root) {\n      (0,_toggleClass__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(scrollbarXRef.current.root, 'fixed', fixedScrollbar);\n      if (fixedScrollbar) {\n        (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(scrollbarXRef.current.root, 'bottom', bottom + \"px\");\n      } else {\n        (0,dom_lib_removeStyle__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(scrollbarXRef.current.root, 'bottom');\n      }\n    }\n  }, [affixHorizontalScrollbar, headerHeight, scrollbarXRef, getTableHeight, tableOffset]);\n  var handleAffixTableHeader = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _headerOffset$current;\n    var top = typeof affixHeader === 'number' ? affixHeader : 0;\n    var scrollY = window.scrollY || window.pageYOffset;\n    var offsetTop = ((_headerOffset$current = headerOffset.current) === null || _headerOffset$current === void 0 ? void 0 : _headerOffset$current.top) || 0;\n    var fixedHeader = scrollY - (offsetTop - top) >= 0 && scrollY < offsetTop - top + contentHeight.current;\n    if (affixHeaderWrapperRef.current) {\n      (0,_toggleClass__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(affixHeaderWrapperRef.current, 'fixed', fixedHeader);\n    }\n  }, [affixHeader, affixHeaderWrapperRef, contentHeight, headerOffset]);\n  var handleWindowScroll = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(affixHeader)) {\n      handleAffixTableHeader();\n    }\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(affixHorizontalScrollbar)) {\n      handleAffixHorizontalScrollbar();\n    }\n  }, [affixHeader, affixHorizontalScrollbar, handleAffixTableHeader, handleAffixHorizontalScrollbar]);\n\n  /**\n   * Update the position of the fixed element after the height of the table changes.\n   * fix: https://github.com/rsuite/rsuite/issues/1716\n   */\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(handleWindowScroll, [getTableHeight]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(affixHeader) || (0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(affixHorizontalScrollbar)) {\n      scrollListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(window, 'scroll', handleWindowScroll);\n    }\n    return function () {\n      var _scrollListener$curre;\n      (_scrollListener$curre = scrollListener.current) === null || _scrollListener$curre === void 0 ? void 0 : _scrollListener$curre.off();\n    };\n  }, [affixHeader, affixHorizontalScrollbar, handleWindowScroll]);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (useAffix);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useAffix.js?");
 
 /***/ }),
 
@@ -10062,7 +10062,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_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 react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var dom_lib_addClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/addClass */ \"./node_modules/dom-lib/esm/addClass.js\");\n/* harmony import */ var dom_lib_removeClass__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/removeClass */ \"./node_modules/dom-lib/esm/removeClass.js\");\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\");\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/merge */ \"./node_modules/lodash/merge.js\");\n/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_merge__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _useControlled__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./useControlled */ \"./node_modules/rsuite-table/es/utils/useControlled.js\");\n/* harmony import */ var _getTableColumns__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./getTableColumns */ \"./node_modules/rsuite-table/es/utils/getTableColumns.js\");\n/* harmony import */ var _getTotalByColumns__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./getTotalByColumns */ \"./node_modules/rsuite-table/es/utils/getTotalByColumns.js\");\n/* harmony import */ var _getColumnProps__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./getColumnProps */ \"./node_modules/rsuite-table/es/utils/getColumnProps.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n/* harmony import */ var _flushSync__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./flushSync */ \"./node_modules/rsuite-table/es/utils/flushSync.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * Attach rendering-related attributes to all cells of the form and cache them.\n * @param props\n * @returns\n */\nvar useCellDescriptor = function useCellDescriptor(props) {\n  var children = props.children,\n      rtl = props.rtl,\n      mouseAreaRef = props.mouseAreaRef,\n      tableRef = props.tableRef,\n      minScrollX = props.minScrollX,\n      scrollX = props.scrollX,\n      tableWidth = props.tableWidth,\n      headerHeight = props.headerHeight,\n      showHeader = props.showHeader,\n      sortTypeProp = props.sortType,\n      defaultSortType = props.defaultSortType,\n      sortColumn = props.sortColumn,\n      rowHeight = props.rowHeight,\n      onSortColumn = props.onSortColumn,\n      onHeaderCellResize = props.onHeaderCellResize,\n      prefix = props.prefix;\n\n  var _useControlled = (0,_useControlled__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(sortTypeProp, defaultSortType),\n      sortType = _useControlled[0],\n      setSortType = _useControlled[1];\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(),\n      cacheData = _useState[0],\n      setCacheData = _useState[1];\n\n  var clearCache = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {\n    setCacheData(null);\n  }, []);\n  var setColumnResizing = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (resizing) {\n    if (!tableRef.current) {\n      return;\n    }\n\n    if (resizing) {\n      (0,dom_lib_addClass__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(tableRef.current, prefix('column-resizing'));\n    } else {\n      (0,dom_lib_removeClass__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(tableRef.current, prefix('column-resizing'));\n    }\n  }, [prefix, tableRef]);\n  /**\n   * storage column width from props.\n   * if current column width not equal initial column width, use current column width and update cache.\n   */\n\n  var initialColumnWidths = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)({});\n  var columnWidths = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)({});\n  (0,_useMount__WEBPACK_IMPORTED_MODULE_14__[\"default\"])(function () {\n    // As the cells are cached before the table width is updated, it is necessary to clear the cache again. fix: #430\n    clearCache();\n  });\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_12__[\"default\"])(function () {\n    clearCache();\n  }, [children, sortColumn, sortType, tableWidth.current, scrollX.current, minScrollX.current]);\n  var handleColumnResizeEnd = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (columnWidth, _cursorDelta, dataKey, index) {\n    columnWidths.current[dataKey + \"_\" + index + \"_width\"] = columnWidth;\n    setColumnResizing(false);\n\n    if (mouseAreaRef.current) {\n      (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(mouseAreaRef.current, {\n        display: 'none'\n      });\n    } // fix: https://github.com/rsuite/rsuite-table/issues/398\n\n\n    (0,_flushSync__WEBPACK_IMPORTED_MODULE_13__[\"default\"])(function () {\n      return clearCache();\n    });\n    onHeaderCellResize === null || onHeaderCellResize === void 0 ? void 0 : onHeaderCellResize(columnWidth, dataKey);\n  }, [clearCache, mouseAreaRef, onHeaderCellResize, setColumnResizing]);\n  var handleColumnResizeMove = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (width, left, fixed) {\n    var mouseAreaLeft = width + left;\n    var x = mouseAreaLeft;\n    var dir = 'left';\n\n    if (rtl) {\n      mouseAreaLeft += minScrollX.current + _constants__WEBPACK_IMPORTED_MODULE_7__.SCROLLBAR_WIDTH;\n      dir = 'right';\n    }\n\n    if (!fixed) {\n      x = mouseAreaLeft + (rtl ? -scrollX.current : scrollX.current);\n    }\n\n    if (mouseAreaRef.current) {\n      var _addStyle;\n\n      (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(mouseAreaRef.current, (_addStyle = {\n        display: 'block'\n      }, _addStyle[dir] = x + \"px\", _addStyle));\n    }\n  }, [minScrollX, mouseAreaRef, rtl, scrollX]);\n  var handleColumnResizeStart = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (width, left, fixed) {\n    setColumnResizing(true);\n    handleColumnResizeMove(width, left, fixed);\n  }, [handleColumnResizeMove, setColumnResizing]);\n  var handleSortColumn = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (dataKey) {\n    var nextSortType = sortType;\n\n    if (sortColumn === dataKey) {\n      nextSortType = sortType === _constants__WEBPACK_IMPORTED_MODULE_7__.SORT_TYPE.ASC ? _constants__WEBPACK_IMPORTED_MODULE_7__.SORT_TYPE.DESC : _constants__WEBPACK_IMPORTED_MODULE_7__.SORT_TYPE.ASC;\n      setSortType(nextSortType);\n    }\n\n    onSortColumn === null || onSortColumn === void 0 ? void 0 : onSortColumn(dataKey, nextSortType);\n  }, [onSortColumn, setSortType, sortColumn, sortType]);\n\n  if (cacheData) {\n    return cacheData;\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  if (!children) {\n    var _cacheCell = {\n      columns: [],\n      headerCells: headerCells,\n      bodyCells: bodyCells,\n      hasCustomTreeCol: hasCustomTreeCol,\n      allColumnsWidth: left\n    };\n    setCacheData(_cacheCell);\n    return _cacheCell;\n  }\n\n  var columns = (0,_getTableColumns__WEBPACK_IMPORTED_MODULE_9__[\"default\"])(children);\n  var count = columns.length;\n\n  var _getTotalByColumns = (0,_getTotalByColumns__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(columns),\n      totalFlexGrow = _getTotalByColumns.totalFlexGrow,\n      totalWidth = _getTotalByColumns.totalWidth;\n\n  react__WEBPACK_IMPORTED_MODULE_1___default().Children.forEach(columns, function (column, index) {\n    if ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().isValidElement(column)) {\n      var _initialColumnWidths$, _columnWidths$current;\n\n      var columnChildren = column.props.children;\n      var columnProps = (0,_getColumnProps__WEBPACK_IMPORTED_MODULE_11__[\"default\"])(column);\n      var _width = columnProps.width,\n          resizable = columnProps.resizable,\n          flexGrow = columnProps.flexGrow,\n          minWidth = columnProps.minWidth,\n          onResize = columnProps.onResize,\n          treeCol = columnProps.treeCol;\n\n      if (treeCol) {\n        hasCustomTreeCol = true;\n      }\n\n      if (columnChildren.length !== 2) {\n        throw new Error(\"Component <HeaderCell> and <Cell> is required, column index: \" + index + \" \");\n      }\n\n      var headerCell = columnChildren[0];\n      var cell = columnChildren[1];\n      var cellWidthId = cell.props.dataKey + \"_\" + index + \"_width\"; // get column width from cache.\n\n      var initialColumnWidth = (_initialColumnWidths$ = initialColumnWidths.current) === null || _initialColumnWidths$ === void 0 ? void 0 : _initialColumnWidths$[cellWidthId];\n      var currentWidth = (_columnWidths$current = columnWidths.current) === null || _columnWidths$current === void 0 ? void 0 : _columnWidths$current[cellWidthId];\n      var cellWidth = currentWidth || _width || 0;\n      var isControlled = typeof _width === 'number' && typeof onResize === 'function';\n      /**\n       * in resizable mode,\n       *    if width !== initialColumnWidth, use current column width and update cache.\n       */\n\n      if (resizable && (initialColumnWidth || _width) && initialColumnWidth !== _width) {\n        // initial or update initialColumnWidth cache.\n        initialColumnWidths.current[cellWidthId] = _width;\n        /**\n         * if currentWidth exist, update columnWidths cache.\n         */\n\n        if (currentWidth) {\n          columnWidths.current[cellWidthId] = _width; // update cellWidth\n\n          cellWidth = _width;\n        }\n      }\n\n      if (tableWidth.current && flexGrow && totalFlexGrow) {\n        var grewWidth = Math.max((tableWidth.current - totalWidth) / totalFlexGrow * flexGrow, minWidth || 60);\n        /**\n         * resizable = false, width will be recalc when table render.\n         * resizable = true, only first render will use grewWidth.\n         */\n\n        cellWidth = resizable ? currentWidth || grewWidth : grewWidth;\n      }\n\n      var cellProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, lodash_omit__WEBPACK_IMPORTED_MODULE_5___default()(columnProps, ['children']), {\n        'aria-colindex': index + 1,\n        left: left,\n        headerHeight: headerHeight,\n        key: index,\n        width: isControlled ? _width : cellWidth,\n        height: typeof rowHeight === 'function' ? rowHeight() : rowHeight,\n        firstColumn: index === 0,\n        lastColumn: index === count - 1\n      });\n\n      if (showHeader && headerHeight) {\n        var headerCellProps = {\n          // Resizable column\n          // `index` is used to define the serial number when dragging the column width\n          index: index,\n          dataKey: cell.props.dataKey,\n          isHeaderCell: true,\n          minWidth: columnProps.minWidth,\n          sortable: columnProps.sortable,\n          onSortColumn: handleSortColumn,\n          sortType: sortType,\n          sortColumn: sortColumn,\n          flexGrow: resizable ? undefined : flexGrow\n        };\n\n        if (resizable) {\n          lodash_merge__WEBPACK_IMPORTED_MODULE_6___default()(headerCellProps, {\n            onResize: onResize,\n            onColumnResizeEnd: handleColumnResizeEnd,\n            onColumnResizeStart: handleColumnResizeStart,\n            onColumnResizeMove: handleColumnResizeMove\n          });\n        }\n\n        headerCells.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(headerCell, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, cellProps, headerCellProps)));\n      }\n\n      bodyCells.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(cell, cellProps));\n      left += cellWidth;\n    }\n  });\n  var cacheCell = {\n    columns: columns,\n    headerCells: headerCells,\n    bodyCells: bodyCells,\n    allColumnsWidth: left,\n    hasCustomTreeCol: hasCustomTreeCol\n  };\n  setCacheData(cacheCell);\n  return cacheCell;\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useCellDescriptor);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useCellDescriptor.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 react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var dom_lib_addClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/addClass */ \"./node_modules/dom-lib/esm/addClass.js\");\n/* harmony import */ var dom_lib_removeClass__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/removeClass */ \"./node_modules/dom-lib/esm/removeClass.js\");\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\");\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/merge */ \"./node_modules/lodash/merge.js\");\n/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_merge__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _useControlled__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./useControlled */ \"./node_modules/rsuite-table/es/utils/useControlled.js\");\n/* harmony import */ var _getTableColumns__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./getTableColumns */ \"./node_modules/rsuite-table/es/utils/getTableColumns.js\");\n/* harmony import */ var _getTotalByColumns__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./getTotalByColumns */ \"./node_modules/rsuite-table/es/utils/getTotalByColumns.js\");\n/* harmony import */ var _getColumnProps__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./getColumnProps */ \"./node_modules/rsuite-table/es/utils/getColumnProps.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n/* harmony import */ var _flushSync__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./flushSync */ \"./node_modules/rsuite-table/es/utils/flushSync.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n'use client';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * Attach rendering-related attributes to all cells of the form and cache them.\n * @param props\n * @returns\n */\nvar useCellDescriptor = function useCellDescriptor(props) {\n  var children = props.children,\n    rtl = props.rtl,\n    mouseAreaRef = props.mouseAreaRef,\n    tableRef = props.tableRef,\n    minScrollX = props.minScrollX,\n    scrollX = props.scrollX,\n    tableWidth = props.tableWidth,\n    headerHeight = props.headerHeight,\n    showHeader = props.showHeader,\n    sortTypeProp = props.sortType,\n    defaultSortType = props.defaultSortType,\n    sortColumn = props.sortColumn,\n    rowHeight = props.rowHeight,\n    onSortColumn = props.onSortColumn,\n    onHeaderCellResize = props.onHeaderCellResize,\n    prefix = props.prefix;\n  var _useControlled = (0,_useControlled__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(sortTypeProp, defaultSortType),\n    sortType = _useControlled[0],\n    setSortType = _useControlled[1];\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(),\n    cacheData = _useState[0],\n    setCacheData = _useState[1];\n  var clearCache = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {\n    setCacheData(null);\n  }, []);\n  var setColumnResizing = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (resizing) {\n    if (!tableRef.current) {\n      return;\n    }\n    if (resizing) {\n      (0,dom_lib_addClass__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(tableRef.current, prefix('column-resizing'));\n    } else {\n      (0,dom_lib_removeClass__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(tableRef.current, prefix('column-resizing'));\n    }\n  }, [prefix, tableRef]);\n\n  /**\n   * storage column width from props.\n   * if current column width not equal initial column width, use current column width and update cache.\n   */\n  var initialColumnWidths = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)({});\n  var columnWidths = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)({});\n  (0,_useMount__WEBPACK_IMPORTED_MODULE_14__[\"default\"])(function () {\n    // As the cells are cached before the table width is updated, it is necessary to clear the cache again. fix: #430\n    clearCache();\n  });\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_12__[\"default\"])(function () {\n    clearCache();\n  }, [children, sortColumn, sortType, tableWidth.current, scrollX.current, minScrollX.current]);\n  var handleColumnResizeEnd = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (columnWidth, _cursorDelta, dataKey, index) {\n    columnWidths.current[dataKey + \"_\" + index + \"_width\"] = columnWidth;\n    setColumnResizing(false);\n    if (mouseAreaRef.current) {\n      (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(mouseAreaRef.current, {\n        display: 'none'\n      });\n    }\n\n    // fix: https://github.com/rsuite/rsuite-table/issues/398\n    (0,_flushSync__WEBPACK_IMPORTED_MODULE_13__[\"default\"])(function () {\n      return clearCache();\n    });\n    onHeaderCellResize === null || onHeaderCellResize === void 0 ? void 0 : onHeaderCellResize(columnWidth, dataKey);\n  }, [clearCache, mouseAreaRef, onHeaderCellResize, setColumnResizing]);\n  var handleColumnResizeMove = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (width, left, fixed) {\n    var mouseAreaLeft = width + left;\n    var x = mouseAreaLeft;\n    var dir = 'left';\n    if (rtl) {\n      mouseAreaLeft += minScrollX.current + _constants__WEBPACK_IMPORTED_MODULE_7__.SCROLLBAR_WIDTH;\n      dir = 'right';\n    }\n    if (!fixed) {\n      x = mouseAreaLeft + (rtl ? -scrollX.current : scrollX.current);\n    }\n    if (mouseAreaRef.current) {\n      var _addStyle;\n      (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(mouseAreaRef.current, (_addStyle = {\n        display: 'block'\n      }, _addStyle[dir] = x + \"px\", _addStyle));\n    }\n  }, [minScrollX, mouseAreaRef, rtl, scrollX]);\n  var handleColumnResizeStart = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (width, left, fixed) {\n    setColumnResizing(true);\n    handleColumnResizeMove(width, left, fixed);\n  }, [handleColumnResizeMove, setColumnResizing]);\n  var handleSortColumn = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (dataKey) {\n    var nextSortType = sortType;\n    if (sortColumn === dataKey) {\n      nextSortType = sortType === _constants__WEBPACK_IMPORTED_MODULE_7__.SORT_TYPE.ASC ? _constants__WEBPACK_IMPORTED_MODULE_7__.SORT_TYPE.DESC : _constants__WEBPACK_IMPORTED_MODULE_7__.SORT_TYPE.ASC;\n      setSortType(nextSortType);\n    }\n    onSortColumn === null || onSortColumn === void 0 ? void 0 : onSortColumn(dataKey, nextSortType);\n  }, [onSortColumn, setSortType, sortColumn, sortType]);\n  if (cacheData) {\n    return cacheData;\n  }\n  var hasCustomTreeCol = false;\n  var left = 0; // Cell left margin\n  var headerCells = []; // Table header cell\n  var bodyCells = []; // Table body cell\n\n  if (!children) {\n    var _cacheCell = {\n      columns: [],\n      headerCells: headerCells,\n      bodyCells: bodyCells,\n      hasCustomTreeCol: hasCustomTreeCol,\n      allColumnsWidth: left\n    };\n    setCacheData(_cacheCell);\n    return _cacheCell;\n  }\n  var columns = (0,_getTableColumns__WEBPACK_IMPORTED_MODULE_9__[\"default\"])(children);\n  var count = columns.length;\n  var _getTotalByColumns = (0,_getTotalByColumns__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(columns),\n    totalFlexGrow = _getTotalByColumns.totalFlexGrow,\n    totalWidth = _getTotalByColumns.totalWidth;\n  react__WEBPACK_IMPORTED_MODULE_1___default().Children.forEach(columns, function (column, index) {\n    if ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().isValidElement(column)) {\n      var _initialColumnWidths$, _columnWidths$current;\n      var columnChildren = column.props.children;\n      var columnProps = (0,_getColumnProps__WEBPACK_IMPORTED_MODULE_11__[\"default\"])(column);\n      var _width = columnProps.width,\n        resizable = columnProps.resizable,\n        flexGrow = columnProps.flexGrow,\n        minWidth = columnProps.minWidth,\n        onResize = columnProps.onResize,\n        treeCol = columnProps.treeCol;\n      if (treeCol) {\n        hasCustomTreeCol = true;\n      }\n      if (columnChildren.length !== 2) {\n        throw new Error(\"Component <HeaderCell> and <Cell> is required, column index: \" + index + \" \");\n      }\n      var headerCell = columnChildren[0];\n      var cell = columnChildren[1];\n      var cellWidthId = cell.props.dataKey + \"_\" + index + \"_width\";\n\n      // get column width from cache.\n      var initialColumnWidth = (_initialColumnWidths$ = initialColumnWidths.current) === null || _initialColumnWidths$ === void 0 ? void 0 : _initialColumnWidths$[cellWidthId];\n      var currentWidth = (_columnWidths$current = columnWidths.current) === null || _columnWidths$current === void 0 ? void 0 : _columnWidths$current[cellWidthId];\n      var cellWidth = currentWidth || _width || 0;\n      var isControlled = typeof _width === 'number' && typeof onResize === 'function';\n\n      /**\n       * in resizable mode,\n       *    if width !== initialColumnWidth, use current column width and update cache.\n       */\n      if (resizable && (initialColumnWidth || _width) && initialColumnWidth !== _width) {\n        // initial or update initialColumnWidth cache.\n        initialColumnWidths.current[cellWidthId] = _width;\n        /**\n         * if currentWidth exist, update columnWidths cache.\n         */\n        if (currentWidth) {\n          columnWidths.current[cellWidthId] = _width;\n          // update cellWidth\n          cellWidth = _width;\n        }\n      }\n      if (tableWidth.current && flexGrow && totalFlexGrow) {\n        var grewWidth = Math.max((tableWidth.current - totalWidth) / totalFlexGrow * flexGrow, minWidth || 60);\n        /**\n         * resizable = false, width will be recalc when table render.\n         * resizable = true, only first render will use grewWidth.\n         */\n        cellWidth = resizable ? currentWidth || grewWidth : grewWidth;\n      }\n      var cellProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, lodash_omit__WEBPACK_IMPORTED_MODULE_5___default()(columnProps, ['children']), {\n        'aria-colindex': index + 1,\n        left: left,\n        headerHeight: headerHeight,\n        key: index,\n        width: isControlled ? _width : cellWidth,\n        height: typeof rowHeight === 'function' ? rowHeight() : rowHeight,\n        firstColumn: index === 0,\n        lastColumn: index === count - 1\n      });\n      if (showHeader && headerHeight) {\n        var headerCellProps = {\n          // Resizable column\n          // `index` is used to define the serial number when dragging the column width\n          index: index,\n          dataKey: cell.props.dataKey,\n          isHeaderCell: true,\n          minWidth: columnProps.minWidth,\n          sortable: columnProps.sortable,\n          onSortColumn: handleSortColumn,\n          sortType: sortType,\n          sortColumn: sortColumn,\n          flexGrow: resizable ? undefined : flexGrow\n        };\n        if (resizable) {\n          lodash_merge__WEBPACK_IMPORTED_MODULE_6___default()(headerCellProps, {\n            onResize: onResize,\n            onColumnResizeEnd: handleColumnResizeEnd,\n            onColumnResizeStart: handleColumnResizeStart,\n            onColumnResizeMove: handleColumnResizeMove\n          });\n        }\n        headerCells.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(headerCell, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, cellProps, headerCellProps)));\n      }\n      bodyCells.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(cell, cellProps));\n      left += cellWidth;\n    }\n  });\n  var cacheCell = {\n    columns: columns,\n    headerCells: headerCells,\n    bodyCells: bodyCells,\n    allColumnsWidth: left,\n    hasCustomTreeCol: hasCustomTreeCol\n  };\n  setCacheData(cacheCell);\n  return cacheCell;\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (useCellDescriptor);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useCellDescriptor.js?");
 
 /***/ }),
 
@@ -10073,7 +10073,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _prefix__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./prefix */ \"./node_modules/rsuite-table/es/utils/prefix.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n\n\n\n\n\n/**\n * Add a prefix to all classNames.\n *\n * @param str prefix of className\n * @returns { withClassPrefix, merge, prefix }\n *  - withClassPrefix: A function of combining className and adding a prefix to each className.\n *    At the same time, the default `classPrefix` is the first className.\n *  - merge: A merge className function.\n *  - prefix: Add a prefix to className\n *  - rootPrefix\n */\nfunction useClassNames(str, controlled) {\n  var _ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_TableContext__WEBPACK_IMPORTED_MODULE_3__[\"default\"]) || {},\n      _ref$classPrefix = _ref.classPrefix,\n      contextClassPrefix = _ref$classPrefix === void 0 ? 'rs' : _ref$classPrefix;\n\n  var componentName = controlled ? str : (0,_prefix__WEBPACK_IMPORTED_MODULE_2__.prefix)(contextClassPrefix, str);\n  /**\n   * @example\n   *\n   * if str = 'button':\n   * prefix('red', { active: true }) => 'rs-button-red rs-button-active'\n   */\n\n  var prefix = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var mergeClasses = arguments.length ? classnames__WEBPACK_IMPORTED_MODULE_1___default().apply(void 0, arguments).split(' ').map(function (item) {\n      return (0,_prefix__WEBPACK_IMPORTED_MODULE_2__.prefix)(componentName, item);\n    }) : [];\n    return mergeClasses.filter(function (cls) {\n      return cls;\n    }).join(' ');\n  }, [componentName]);\n  /**\n   * @example\n   *\n   * if str = 'button':\n   * withClassPrefix('red', { active: true }) => 'rs-button rs-button-red rs-button-active'\n   */\n\n  var withClassPrefix = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {\n      classes[_key] = arguments[_key];\n    }\n\n    var mergeClasses = prefix(classes);\n    return mergeClasses ? componentName + \" \" + mergeClasses : componentName;\n  }, [componentName, prefix]);\n  /**\n   * @example\n   * rootPrefix('btn') => 'rs-btn'\n   * rootPrefix('btn', { active: true }) => 'rs-btn rs-active'\n   */\n\n  var rootPrefix = function rootPrefix() {\n    var mergeClasses = arguments.length ? classnames__WEBPACK_IMPORTED_MODULE_1___default().apply(void 0, arguments).split(' ').map(function (item) {\n      return (0,_prefix__WEBPACK_IMPORTED_MODULE_2__.prefix)(contextClassPrefix, item);\n    }) : [];\n    return mergeClasses.filter(function (cls) {\n      return cls;\n    }).join(' ');\n  };\n\n  return {\n    withClassPrefix: withClassPrefix,\n    merge: (classnames__WEBPACK_IMPORTED_MODULE_1___default()),\n    prefix: prefix,\n    rootPrefix: rootPrefix\n  };\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useClassNames);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useClassNames.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _prefix__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./prefix */ \"./node_modules/rsuite-table/es/utils/prefix.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n'use client';\n\n\n\n\n\n// This is the only way I found to break circular references between ClassArray and ClassValue\n// https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540\n//eslint-disable-line @typescript-eslint/no-empty-interface\n/**\n * Add a prefix to all classNames.\n *\n * @param str prefix of className\n * @returns { withClassPrefix, merge, prefix }\n *  - withClassPrefix: A function of combining className and adding a prefix to each className.\n *    At the same time, the default `classPrefix` is the first className.\n *  - merge: A merge className function.\n *  - prefix: Add a prefix to className\n *  - rootPrefix\n */\nfunction useClassNames(str, controlled) {\n  var _ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_TableContext__WEBPACK_IMPORTED_MODULE_3__[\"default\"]) || {},\n    _ref$classPrefix = _ref.classPrefix,\n    contextClassPrefix = _ref$classPrefix === void 0 ? 'rs' : _ref$classPrefix;\n  var componentName = controlled ? str : (0,_prefix__WEBPACK_IMPORTED_MODULE_2__.prefix)(contextClassPrefix, str);\n\n  /**\n   * @example\n   *\n   * if str = 'button':\n   * prefix('red', { active: true }) => 'rs-button-red rs-button-active'\n   */\n  var prefix = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var mergeClasses = arguments.length ? classnames__WEBPACK_IMPORTED_MODULE_1___default().apply(void 0, arguments).split(' ').map(function (item) {\n      return (0,_prefix__WEBPACK_IMPORTED_MODULE_2__.prefix)(componentName, item);\n    }) : [];\n    return mergeClasses.filter(function (cls) {\n      return cls;\n    }).join(' ');\n  }, [componentName]);\n\n  /**\n   * @example\n   *\n   * if str = 'button':\n   * withClassPrefix('red', { active: true }) => 'rs-button rs-button-red rs-button-active'\n   */\n  var withClassPrefix = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {\n      classes[_key] = arguments[_key];\n    }\n    var mergeClasses = prefix(classes);\n    return mergeClasses ? componentName + \" \" + mergeClasses : componentName;\n  }, [componentName, prefix]);\n\n  /**\n   * @example\n   * rootPrefix('btn') => 'rs-btn'\n   * rootPrefix('btn', { active: true }) => 'rs-btn rs-active'\n   */\n  var rootPrefix = function rootPrefix() {\n    var mergeClasses = arguments.length ? classnames__WEBPACK_IMPORTED_MODULE_1___default().apply(void 0, arguments).split(' ').map(function (item) {\n      return (0,_prefix__WEBPACK_IMPORTED_MODULE_2__.prefix)(contextClassPrefix, item);\n    }) : [];\n    return mergeClasses.filter(function (cls) {\n      return cls;\n    }).join(' ');\n  };\n  return {\n    withClassPrefix: withClassPrefix,\n    merge: (classnames__WEBPACK_IMPORTED_MODULE_1___default()),\n    prefix: prefix,\n    rootPrefix: rootPrefix\n  };\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (useClassNames);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useClassNames.js?");
 
 /***/ }),
 
@@ -10084,7 +10084,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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 * A hook for controlled value management.\n * In the case of passing the controlled value, the controlled value is returned, otherwise the value in state is returned.\n * Generally used for a component including controlled and uncontrolled modes.\n * @param controlledValue\n * @param defaultValue\n * @param formatValue\n */\n\nfunction useControlled(controlledValue, defaultValue) {\n  var controlledRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);\n  controlledRef.current = controlledValue !== undefined;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(defaultValue),\n      uncontrolledValue = _useState[0],\n      setUncontrolledValue = _useState[1]; // If it is controlled, this directly returns the attribute value.\n\n\n  var value = controlledRef.current ? controlledValue : uncontrolledValue;\n  var setValue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (nextValue) {\n    // Only update the value in state when it is not under control.\n    if (!controlledRef.current) {\n      setUncontrolledValue(nextValue);\n    }\n  }, [controlledRef]);\n  return [value, setValue, controlledRef.current];\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useControlled);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useControlled.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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'use client';\n\n\n/**\n * A hook for controlled value management.\n * In the case of passing the controlled value, the controlled value is returned, otherwise the value in state is returned.\n * Generally used for a component including controlled and uncontrolled modes.\n * @param controlledValue\n * @param defaultValue\n * @param formatValue\n */\nfunction useControlled(controlledValue, defaultValue) {\n  var controlledRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);\n  controlledRef.current = controlledValue !== undefined;\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(defaultValue),\n    uncontrolledValue = _useState[0],\n    setUncontrolledValue = _useState[1];\n\n  // If it is controlled, this directly returns the attribute value.\n  var value = controlledRef.current ? controlledValue : uncontrolledValue;\n  var setValue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (nextValue) {\n    // Only update the value in state when it is not under control.\n    if (!controlledRef.current) {\n      setUncontrolledValue(nextValue);\n    }\n  }, [controlledRef]);\n  return [value, setValue, controlledRef.current];\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (useControlled);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useControlled.js?");
 
 /***/ }),
 
@@ -10095,7 +10095,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var dom_lib_canUseDOM__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/canUseDOM */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n\n\nvar useIsomorphicLayoutEffect = dom_lib_canUseDOM__WEBPACK_IMPORTED_MODULE_1__[\"default\"] ? react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect : react__WEBPACK_IMPORTED_MODULE_0__.useEffect;\n/* harmony default export */ __webpack_exports__[\"default\"] = (useIsomorphicLayoutEffect);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useIsomorphicLayoutEffect.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var dom_lib_canUseDOM__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/canUseDOM */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n'use client';\n\n\nvar useIsomorphicLayoutEffect = dom_lib_canUseDOM__WEBPACK_IMPORTED_MODULE_1__[\"default\"] ? react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect : react__WEBPACK_IMPORTED_MODULE_0__.useEffect;\n/* harmony default export */ __webpack_exports__[\"default\"] = (useIsomorphicLayoutEffect);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useIsomorphicLayoutEffect.js?");
 
 /***/ }),
 
@@ -10106,7 +10106,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useIsomorphicLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useIsomorphicLayoutEffect.js\");\n\n\nvar useMount = function useMount(effect) {\n  (0,_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(effect, []);\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useMount);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useMount.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useIsomorphicLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useIsomorphicLayoutEffect.js\");\n'use client';\n\nvar useMount = function useMount(effect) {\n  (0,_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(effect, []);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (useMount);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useMount.js?");
 
 /***/ }),
 
@@ -10117,7 +10117,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _use
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _toggleClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./toggleClass */ \"./node_modules/rsuite-table/es/utils/toggleClass.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n/* harmony import */ var _isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./isSupportTouchEvent */ \"./node_modules/rsuite-table/es/utils/isSupportTouchEvent.js\");\n/* harmony import */ var _defer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./defer */ \"./node_modules/rsuite-table/es/utils/defer.js\");\n\n\n\n\n\n\n\n\n/**\n * Update the position of the table according to the scrolling information of the table.\n * @param props\n * @returns\n */\nvar usePosition = function usePosition(props) {\n  var data = props.data,\n      height = props.height,\n      tableWidth = props.tableWidth,\n      tableRef = props.tableRef,\n      prefix = props.prefix,\n      translateDOMPositionXY = props.translateDOMPositionXY,\n      wheelWrapperRef = props.wheelWrapperRef,\n      headerWrapperRef = props.headerWrapperRef,\n      affixHeaderWrapperRef = props.affixHeaderWrapperRef,\n      tableHeaderRef = props.tableHeaderRef,\n      scrollX = props.scrollX,\n      scrollY = props.scrollY,\n      contentWidth = props.contentWidth,\n      shouldFixedColumn = props.shouldFixedColumn;\n  var duration = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var bezier = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)('linear');\n  var getScrollCellGroups = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _tableRef$current;\n\n    return ((_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.querySelectorAll(\".\" + prefix('cell-group-scroll'))) || [];\n  }, [prefix, tableRef]);\n  var getFixedLeftCellGroups = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _tableRef$current2;\n\n    return (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 ? void 0 : _tableRef$current2.querySelectorAll(\".\" + prefix('cell-group-fixed-left'));\n  }, [prefix, tableRef]);\n  var getFixedRightCellGroups = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _tableRef$current3;\n\n    return (_tableRef$current3 = tableRef.current) === null || _tableRef$current3 === void 0 ? void 0 : _tableRef$current3.querySelectorAll(\".\" + prefix('cell-group-fixed-right'));\n  }, [prefix, tableRef]);\n  var updateWheelElementPosition = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (fixedCell) {\n    if (wheelWrapperRef !== null && wheelWrapperRef !== void 0 && wheelWrapperRef.current) {\n      // The animation when the mobile device touches and scrolls.\n      var wheelStyle = (0,_isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_5__[\"default\"])() ? {\n        'transition-duration': duration.current + \"ms\",\n        'transition-timing-function': bezier.current\n      } : {};\n      translateDOMPositionXY.current(wheelStyle, fixedCell ? 0 : scrollX.current, scrollY.current);\n      (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(wheelWrapperRef.current, wheelStyle);\n    }\n  }, [scrollX, scrollY, translateDOMPositionXY, wheelWrapperRef]);\n  var updatePositionByFixedCell = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var wheelGroupStyle = {};\n    var scrollGroups = getScrollCellGroups();\n    var fixedLeftGroups = getFixedLeftCellGroups();\n    var fixedRightGroups = getFixedRightCellGroups();\n    translateDOMPositionXY.current(wheelGroupStyle, scrollX.current, 0);\n    var scrollArrayGroups = Array.from(scrollGroups);\n\n    for (var i = 0; i < scrollArrayGroups.length; i++) {\n      var group = scrollArrayGroups[i];\n      (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(group, wheelGroupStyle);\n    }\n\n    updateWheelElementPosition(true); // Whether to show the horizontal scroll bar\n\n    var hasHorizontalScrollbar = contentWidth.current > tableWidth.current;\n    var scrollbarWidth = hasHorizontalScrollbar ? 0 : _constants__WEBPACK_IMPORTED_MODULE_2__.SCROLLBAR_WIDTH;\n    var leftShadowClassName = prefix('cell-group-left-shadow');\n    var rightShadowClassName = prefix('cell-group-right-shadow');\n    var showLeftShadow = scrollX.current < 0;\n    var showRightShadow = tableWidth.current - contentWidth.current - scrollbarWidth !== scrollX.current;\n    (0,_toggleClass__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(fixedLeftGroups, leftShadowClassName, showLeftShadow);\n    (0,_toggleClass__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(fixedRightGroups, rightShadowClassName, showRightShadow);\n  }, [contentWidth, getFixedLeftCellGroups, getFixedRightCellGroups, getScrollCellGroups, updateWheelElementPosition, prefix, scrollX, tableWidth, translateDOMPositionXY]);\n  /**\n   * Update the position of the table according to the scrolling information of the table.\n   * @param nextDuration CSS transition-duration\n   * @param nextBezier CSS transition-timing-function\n   */\n\n  var updatePosition = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (nextDuration, nextBezier) {\n    if (nextDuration) {\n      duration.current = nextDuration;\n    }\n\n    if (nextBezier) {\n      bezier.current = nextBezier;\n    } // When there are fixed columns.\n\n\n    if (shouldFixedColumn) {\n      updatePositionByFixedCell();\n    } else {\n      var _affixHeaderElement$h;\n\n      var headerStyle = {};\n      translateDOMPositionXY.current(headerStyle, scrollX.current, 0);\n      var headerElement = headerWrapperRef === null || headerWrapperRef === void 0 ? void 0 : headerWrapperRef.current;\n      var affixHeaderElement = affixHeaderWrapperRef === null || affixHeaderWrapperRef === void 0 ? void 0 : affixHeaderWrapperRef.current;\n      updateWheelElementPosition();\n      headerElement && (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(headerElement, headerStyle);\n\n      if (affixHeaderElement !== null && affixHeaderElement !== void 0 && (_affixHeaderElement$h = affixHeaderElement.hasChildNodes) !== null && _affixHeaderElement$h !== void 0 && _affixHeaderElement$h.call(affixHeaderElement)) {\n        (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(affixHeaderElement === null || affixHeaderElement === void 0 ? void 0 : affixHeaderElement.firstChild, headerStyle);\n      }\n    }\n\n    if (tableHeaderRef !== null && tableHeaderRef !== void 0 && tableHeaderRef.current) {\n      (0,_toggleClass__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(tableHeaderRef.current, prefix('cell-group-shadow'), scrollY.current < 0);\n    }\n  }, [affixHeaderWrapperRef, updateWheelElementPosition, headerWrapperRef, prefix, scrollX, scrollY, shouldFixedColumn, tableHeaderRef, translateDOMPositionXY, updatePositionByFixedCell]);\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(function () {\n    if (scrollY.current !== 0) {\n      updatePosition();\n    }\n  }, [height, data]);\n  return {\n    forceUpdatePosition: updatePosition,\n    deferUpdatePosition: function deferUpdatePosition(nextDuration, nextBezier) {\n      (0,_defer__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(function () {\n        updatePosition(nextDuration, nextBezier);\n      });\n    }\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (usePosition);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/usePosition.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _toggleClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./toggleClass */ \"./node_modules/rsuite-table/es/utils/toggleClass.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n/* harmony import */ var _isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./isSupportTouchEvent */ \"./node_modules/rsuite-table/es/utils/isSupportTouchEvent.js\");\n/* harmony import */ var _defer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./defer */ \"./node_modules/rsuite-table/es/utils/defer.js\");\n'use client';\n\n\n\n\n\n\n\n/**\n * Update the position of the table according to the scrolling information of the table.\n * @param props\n * @returns\n */\nvar usePosition = function usePosition(props) {\n  var data = props.data,\n    height = props.height,\n    tableWidth = props.tableWidth,\n    tableRef = props.tableRef,\n    prefix = props.prefix,\n    translateDOMPositionXY = props.translateDOMPositionXY,\n    wheelWrapperRef = props.wheelWrapperRef,\n    headerWrapperRef = props.headerWrapperRef,\n    affixHeaderWrapperRef = props.affixHeaderWrapperRef,\n    tableHeaderRef = props.tableHeaderRef,\n    scrollX = props.scrollX,\n    scrollY = props.scrollY,\n    contentWidth = props.contentWidth,\n    shouldFixedColumn = props.shouldFixedColumn;\n  var duration = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var bezier = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)('linear');\n  var getScrollCellGroups = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _tableRef$current;\n    return ((_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.querySelectorAll(\".\" + prefix('cell-group-scroll'))) || [];\n  }, [prefix, tableRef]);\n  var getFixedLeftCellGroups = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _tableRef$current2;\n    return (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 ? void 0 : _tableRef$current2.querySelectorAll(\".\" + prefix('cell-group-fixed-left'));\n  }, [prefix, tableRef]);\n  var getFixedRightCellGroups = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _tableRef$current3;\n    return (_tableRef$current3 = tableRef.current) === null || _tableRef$current3 === void 0 ? void 0 : _tableRef$current3.querySelectorAll(\".\" + prefix('cell-group-fixed-right'));\n  }, [prefix, tableRef]);\n  var updateWheelElementPosition = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (fixedCell) {\n    if (wheelWrapperRef !== null && wheelWrapperRef !== void 0 && wheelWrapperRef.current) {\n      // The animation when the mobile device touches and scrolls.\n      var wheelStyle = (0,_isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_5__[\"default\"])() ? {\n        'transition-duration': duration.current + \"ms\",\n        'transition-timing-function': bezier.current\n      } : {};\n      translateDOMPositionXY.current(wheelStyle, fixedCell ? 0 : scrollX.current, scrollY.current);\n      (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(wheelWrapperRef.current, wheelStyle);\n    }\n  }, [scrollX, scrollY, translateDOMPositionXY, wheelWrapperRef]);\n  var updatePositionByFixedCell = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var wheelGroupStyle = {};\n    var scrollGroups = getScrollCellGroups();\n    var fixedLeftGroups = getFixedLeftCellGroups();\n    var fixedRightGroups = getFixedRightCellGroups();\n    translateDOMPositionXY.current(wheelGroupStyle, scrollX.current, 0);\n    var scrollArrayGroups = Array.from(scrollGroups);\n    for (var i = 0; i < scrollArrayGroups.length; i++) {\n      var group = scrollArrayGroups[i];\n      (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(group, wheelGroupStyle);\n    }\n    updateWheelElementPosition(true);\n\n    // Whether to show the horizontal scroll bar\n    var hasHorizontalScrollbar = contentWidth.current > tableWidth.current;\n    var scrollbarWidth = hasHorizontalScrollbar ? 0 : _constants__WEBPACK_IMPORTED_MODULE_2__.SCROLLBAR_WIDTH;\n    var leftShadowClassName = prefix('cell-group-left-shadow');\n    var rightShadowClassName = prefix('cell-group-right-shadow');\n    var showLeftShadow = scrollX.current < 0;\n    var showRightShadow = tableWidth.current - contentWidth.current - scrollbarWidth !== scrollX.current;\n    (0,_toggleClass__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(fixedLeftGroups, leftShadowClassName, showLeftShadow);\n    (0,_toggleClass__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(fixedRightGroups, rightShadowClassName, showRightShadow);\n  }, [contentWidth, getFixedLeftCellGroups, getFixedRightCellGroups, getScrollCellGroups, updateWheelElementPosition, prefix, scrollX, tableWidth, translateDOMPositionXY]);\n\n  /**\n   * Update the position of the table according to the scrolling information of the table.\n   * @param nextDuration CSS transition-duration\n   * @param nextBezier CSS transition-timing-function\n   */\n  var updatePosition = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (nextDuration, nextBezier) {\n    if (nextDuration) {\n      duration.current = nextDuration;\n    }\n    if (nextBezier) {\n      bezier.current = nextBezier;\n    }\n\n    // When there are fixed columns.\n    if (shouldFixedColumn) {\n      updatePositionByFixedCell();\n    } else {\n      var _affixHeaderElement$h;\n      var headerStyle = {};\n      translateDOMPositionXY.current(headerStyle, scrollX.current, 0);\n      var headerElement = headerWrapperRef === null || headerWrapperRef === void 0 ? void 0 : headerWrapperRef.current;\n      var affixHeaderElement = affixHeaderWrapperRef === null || affixHeaderWrapperRef === void 0 ? void 0 : affixHeaderWrapperRef.current;\n      updateWheelElementPosition();\n      headerElement && (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(headerElement, headerStyle);\n      if (affixHeaderElement !== null && affixHeaderElement !== void 0 && (_affixHeaderElement$h = affixHeaderElement.hasChildNodes) !== null && _affixHeaderElement$h !== void 0 && _affixHeaderElement$h.call(affixHeaderElement)) {\n        (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(affixHeaderElement === null || affixHeaderElement === void 0 ? void 0 : affixHeaderElement.firstChild, headerStyle);\n      }\n    }\n    if (tableHeaderRef !== null && tableHeaderRef !== void 0 && tableHeaderRef.current) {\n      (0,_toggleClass__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(tableHeaderRef.current, prefix('cell-group-shadow'), scrollY.current < 0);\n    }\n  }, [affixHeaderWrapperRef, updateWheelElementPosition, headerWrapperRef, prefix, scrollX, scrollY, shouldFixedColumn, tableHeaderRef, translateDOMPositionXY, updatePositionByFixedCell]);\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(function () {\n    if (scrollY.current !== 0) {\n      updatePosition();\n    }\n  }, [height, data]);\n  return {\n    forceUpdatePosition: updatePosition,\n    deferUpdatePosition: function deferUpdatePosition(nextDuration, nextBezier) {\n      (0,_defer__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(function () {\n        updatePosition(nextDuration, nextBezier);\n      });\n    }\n  };\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (usePosition);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/usePosition.js?");
 
 /***/ }),
 
@@ -10128,7 +10128,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var dom_lib_WheelHandler__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/WheelHandler */ \"./node_modules/dom-lib/esm/WheelHandler.js\");\n/* harmony import */ var dom_lib_scrollLeft__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dom-lib/scrollLeft */ \"./node_modules/dom-lib/esm/scrollLeft.js\");\n/* harmony import */ var dom_lib_scrollTop__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\");\n/* harmony import */ var dom_lib_on__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\");\n/* harmony import */ var dom_lib_removeStyle__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! dom-lib/removeStyle */ \"./node_modules/dom-lib/esm/removeStyle.js\");\n/* harmony import */ var _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./requestAnimationTimeout */ \"./node_modules/rsuite-table/es/utils/requestAnimationTimeout.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./isSupportTouchEvent */ \"./node_modules/rsuite-table/es/utils/isSupportTouchEvent.js\");\n/* harmony import */ var _flushSync__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./flushSync */ \"./node_modules/rsuite-table/es/utils/flushSync.js\");\n/* harmony import */ var _defer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./defer */ \"./node_modules/rsuite-table/es/utils/defer.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n // Inertial sliding start time threshold\n\nvar momentumTimeThreshold = 300; // Inertial sliding start vertical distance threshold\n\nvar momentumYThreshold = 15;\n\n/**\n * Calculate the distance of inertial sliding.\n */\nvar momentum = function momentum(current, start, duration) {\n  // Inertial sliding acceleration.\n  var deceleration = 0.003;\n  var distance = current - start;\n  var speed = 2 * Math.abs(distance) / duration;\n  var destination = current + speed / deceleration * (distance < 0 ? -1 : 1);\n  return {\n    delta: current - destination,\n    duration: _constants__WEBPACK_IMPORTED_MODULE_9__.TRANSITION_DURATION,\n    bezier: _constants__WEBPACK_IMPORTED_MODULE_9__.BEZIER\n  };\n};\n/**\n * Add scroll, touch, and wheel monitoring events to the table,\n * and update the scroll position of the table.\n * @param props\n * @returns\n */\n\n\nvar useScrollListener = function useScrollListener(props) {\n  var data = props.data,\n      autoHeight = props.autoHeight,\n      tableBodyRef = props.tableBodyRef,\n      scrollbarXRef = props.scrollbarXRef,\n      scrollbarYRef = props.scrollbarYRef,\n      disabledScroll = props.disabledScroll,\n      loading = props.loading,\n      tableRef = props.tableRef,\n      contentWidth = props.contentWidth,\n      tableWidth = props.tableWidth,\n      scrollY = props.scrollY,\n      minScrollY = props.minScrollY,\n      minScrollX = props.minScrollX,\n      scrollX = props.scrollX,\n      setScrollX = props.setScrollX,\n      setScrollY = props.setScrollY,\n      virtualized = props.virtualized,\n      forceUpdatePosition = props.forceUpdatePosition,\n      deferUpdatePosition = props.deferUpdatePosition,\n      onScroll = props.onScroll,\n      onTouchMove = props.onTouchMove,\n      onTouchStart = props.onTouchStart,\n      onTouchEnd = props.onTouchEnd,\n      height = props.height,\n      getTableHeight = props.getTableHeight,\n      contentHeight = props.contentHeight,\n      headerHeight = props.headerHeight,\n      rtl = props.rtl;\n  var wheelListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var touchStartListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var touchMoveListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var touchEndListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n      isScrolling = _useState[0],\n      setScrolling = _useState[1];\n\n  var touchX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var touchY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var disableEventsTimeoutId = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var isTouching = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false); // The start time within the inertial sliding range.\n\n  var momentumStartTime = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0); // The vertical starting value within the inertial sliding range.\n\n  var momentumStartY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var shouldHandleWheelX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta) {\n    if (delta === 0 || disabledScroll || loading) {\n      return false;\n    }\n\n    return true;\n  }, [disabledScroll, loading]);\n  var shouldHandleWheelY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta) {\n    if (delta === 0 || disabledScroll || loading || autoHeight) {\n      return false;\n    }\n\n    if (typeof scrollY.current === 'number' && typeof minScrollY.current === 'number') {\n      return delta >= 0 && scrollY.current > minScrollY.current || delta < 0 && scrollY.current < 0;\n    }\n  }, [autoHeight, disabledScroll, loading, minScrollY, scrollY]);\n  var debounceScrollEndedCallback = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    disableEventsTimeoutId.current = null; // Forces the end of scrolling to be prioritized so that virtualized long lists can update rendering.\n    // There will be no scrolling white screen.\n\n    (0,_flushSync__WEBPACK_IMPORTED_MODULE_11__[\"default\"])(function () {\n      return setScrolling(false);\n    });\n  }, []);\n  /**\n   * Triggered when scrolling, including: wheel/touch/scroll\n   * @param deltaX\n   * @param deltaY\n   * @param momentumOptions The configuration of inertial scrolling is used for the touch event.\n   */\n\n  var handleWheel = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (deltaX, deltaY, momentumOptions, event) {\n    if (!tableRef.current) {\n      return;\n    }\n\n    var nextScrollX = contentWidth.current <= tableWidth.current ? 0 : scrollX.current - deltaX;\n    var nextScrollY = scrollY.current - deltaY;\n    var y = Math.min(0, nextScrollY < minScrollY.current ? minScrollY.current : nextScrollY);\n    var x = Math.min(0, nextScrollX < minScrollX.current ? minScrollX.current : nextScrollX);\n    setScrollX(x);\n    setScrollY(y);\n    onScroll === null || onScroll === void 0 ? void 0 : onScroll(Math.abs(x), Math.abs(y));\n\n    if (virtualized) {\n      // Add a state to the table during virtualized scrolling.\n      // Make it set CSS `pointer-events:none` on the DOM to avoid wrong event interaction.\n      (0,_flushSync__WEBPACK_IMPORTED_MODULE_11__[\"default\"])(function () {\n        return setScrolling(true);\n      });\n\n      if (disableEventsTimeoutId.current) {\n        (0,_requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_6__.cancelAnimationTimeout)(disableEventsTimeoutId.current);\n      }\n\n      disableEventsTimeoutId.current = (0,_requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_6__.requestAnimationTimeout)(debounceScrollEndedCallback, // When momentum is enabled, set a delay of 50ms rendering.\n      momentumOptions !== null && momentumOptions !== void 0 && momentumOptions.duration ? 50 : 0);\n    } // When the user clicks on the scrollbar, the scrollbar will be moved to the clicked position.\n\n\n    if ((event === null || event === void 0 ? void 0 : event.type) === 'click') {\n      /**\n       * With virtualized enabled, the list will be re-rendered on every scroll.\n       * Update the position of the rendered list with a delay.\n       * fix: https://github.com/rsuite/rsuite/issues/2378\n       */\n      deferUpdatePosition(momentumOptions === null || momentumOptions === void 0 ? void 0 : momentumOptions.duration, momentumOptions === null || momentumOptions === void 0 ? void 0 : momentumOptions.bezier);\n      return;\n    }\n\n    forceUpdatePosition(momentumOptions === null || momentumOptions === void 0 ? void 0 : momentumOptions.duration, momentumOptions === null || momentumOptions === void 0 ? void 0 : momentumOptions.bezier);\n  }, [tableRef, contentWidth, tableWidth, scrollX, scrollY, minScrollY, minScrollX, setScrollX, setScrollY, onScroll, forceUpdatePosition, deferUpdatePosition, virtualized, debounceScrollEndedCallback]);\n  var onWheel = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (deltaX, deltaY, momentumOptions) {\n    var _scrollbarXRef$curren, _scrollbarXRef$curren2, _scrollbarYRef$curren, _scrollbarYRef$curren2;\n\n    handleWheel(deltaX, deltaY, momentumOptions);\n    (_scrollbarXRef$curren = scrollbarXRef.current) === null || _scrollbarXRef$curren === void 0 ? void 0 : (_scrollbarXRef$curren2 = _scrollbarXRef$curren.onWheelScroll) === null || _scrollbarXRef$curren2 === void 0 ? void 0 : _scrollbarXRef$curren2.call(_scrollbarXRef$curren, deltaX);\n    (_scrollbarYRef$curren = scrollbarYRef.current) === null || _scrollbarYRef$curren === void 0 ? void 0 : (_scrollbarYRef$curren2 = _scrollbarYRef$curren.onWheelScroll) === null || _scrollbarYRef$curren2 === void 0 ? void 0 : _scrollbarYRef$curren2.call(_scrollbarYRef$curren, deltaY, momentumOptions !== null && momentumOptions !== void 0 && momentumOptions.duration ? true : false);\n  }, [handleWheel, scrollbarXRef, scrollbarYRef]);\n  var wheelHandler = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(); // Stop unending scrolling and remove transition\n\n  var stopScroll = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _tableBodyRef$current, _scrollbarYRef$curren3;\n\n    var wheelElement = (_tableBodyRef$current = tableBodyRef.current) === null || _tableBodyRef$current === void 0 ? void 0 : _tableBodyRef$current.querySelector('.rs-table-body-wheel-area');\n    var handleElement = (_scrollbarYRef$curren3 = scrollbarYRef.current) === null || _scrollbarYRef$curren3 === void 0 ? void 0 : _scrollbarYRef$curren3.handle;\n    var transitionCSS = ['transition-duration', 'transition-timing-function'];\n\n    if (!virtualized && wheelElement) {\n      // Get the current translate position.\n      var matrix = window.getComputedStyle(wheelElement).getPropertyValue('transform');\n      var offsetY = Math.round(+matrix.split(')')[0].split(', ')[5]);\n      setScrollY(offsetY);\n    }\n\n    if (wheelElement) {\n      (0,dom_lib_removeStyle__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(wheelElement, transitionCSS);\n    }\n\n    if (handleElement) {\n      (0,dom_lib_removeStyle__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(handleElement, transitionCSS);\n    }\n  }, [scrollbarYRef, setScrollY, tableBodyRef, virtualized]); // Handle the Touch event and initialize it when touchstart is triggered.\n\n  var handleTouchStart = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    var _event$touches$ = event.touches[0],\n        pageX = _event$touches$.pageX,\n        pageY = _event$touches$.pageY;\n    touchX.current = pageX;\n    touchY.current = pageY;\n    momentumStartTime.current = new Date().getTime();\n    momentumStartY.current = scrollY.current;\n    isTouching.current = true;\n    onTouchStart === null || onTouchStart === void 0 ? void 0 : onTouchStart(event); // Stop unfinished scrolling when Touch starts.\n\n    stopScroll();\n  }, [onTouchStart, scrollY, stopScroll]); // Handle the Touch event and update the scroll when touchmove is triggered.\n\n  var handleTouchMove = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    if (!isTouching.current) {\n      return;\n    }\n\n    var _event$touches$2 = event.touches[0],\n        pageX = _event$touches$2.pageX,\n        pageY = _event$touches$2.pageY;\n    var deltaX = touchX.current - pageX;\n    var deltaY = autoHeight ? 0 : touchY.current - pageY;\n\n    if (!shouldHandleWheelY(deltaY) && !shouldHandleWheelX(deltaX)) {\n      return;\n    }\n    /**\n     * Prevent the default touch event when the table is scrollable.\n     * fix: https://github.com/rsuite/rsuite-table/commit/21785fc18f430519ab5885c44540d9ffc30de366#commitcomment-36236425\n     */\n\n\n    if (!autoHeight && shouldHandleWheelY(deltaY)) {\n      var _event$preventDefault;\n\n      (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 ? void 0 : _event$preventDefault.call(event);\n    }\n\n    var now = new Date().getTime();\n    onWheel(deltaX, deltaY);\n    touchX.current = pageX;\n    touchY.current = pageY; // Record the offset value and time under the condition of triggering inertial scrolling.\n\n    if (now - momentumStartTime.current > momentumTimeThreshold) {\n      momentumStartY.current = scrollY.current;\n      momentumStartTime.current = now;\n    }\n\n    onTouchMove === null || onTouchMove === void 0 ? void 0 : onTouchMove(event);\n  }, [autoHeight, onWheel, onTouchMove, scrollY, shouldHandleWheelX, shouldHandleWheelY]);\n  var handleTouchEnd = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    if (!isTouching.current) {\n      return;\n    }\n\n    isTouching.current = false;\n    var touchDuration = new Date().getTime() - momentumStartTime.current;\n    var absDeltaY = Math.abs(scrollY.current - momentumStartY.current); // Enable inertial sliding.\n\n    if (touchDuration < momentumTimeThreshold && absDeltaY > momentumYThreshold) {\n      var _momentum = momentum(scrollY.current, momentumStartY.current, touchDuration),\n          delta = _momentum.delta,\n          duration = _momentum.duration,\n          bezier = _momentum.bezier;\n\n      onWheel(0, delta, {\n        duration: duration,\n        bezier: bezier\n      });\n      onTouchEnd === null || onTouchEnd === void 0 ? void 0 : onTouchEnd(event);\n    }\n  }, [onWheel, onTouchEnd, scrollY]);\n  /**\n   * When the user uses the tab key in the Table, the onScroll event is triggered,\n   * and the scroll bar position should be updated at the same time.\n   * https://github.com/rsuite/rsuite/issues/234\n   */\n\n  var onScrollBody = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    if (event.target !== tableBodyRef.current) {\n      return;\n    }\n\n    var left = (0,dom_lib_scrollLeft__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(event.target);\n    var top = (0,dom_lib_scrollTop__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(event.target);\n\n    if (top === 0 && left === 0) {\n      return;\n    }\n\n    onWheel(left, top);\n    (0,dom_lib_scrollLeft__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(event.target, 0);\n    (0,dom_lib_scrollTop__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(event.target, 0);\n  }, [onWheel, tableBodyRef]);\n  var getControlledScrollTopValue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (value) {\n    if (autoHeight) {\n      return [0, 0];\n    }\n\n    var height = getTableHeight(); // The maximum range of scrolling value is judged.\n\n    value = Math.min(value, Math.max(0, contentHeight.current - (height - headerHeight))); // The value is a value of the theoretical scroll position of the table,\n    // and the scrollY coordinate value and the value of the scroll bar position are calculated by value.\n\n    return [-value, value / contentHeight.current * (height - headerHeight)];\n  }, [autoHeight, contentHeight, getTableHeight, headerHeight]);\n\n  var rerender = function rerender() {\n    setScrolling(true);\n    (0,_defer__WEBPACK_IMPORTED_MODULE_12__[\"default\"])(function () {\n      if (tableBodyRef.current) {\n        setScrolling(false);\n      }\n    });\n  };\n\n  var getControlledScrollLeftValue = function getControlledScrollLeftValue(value) {\n    // The maximum range of scrolling value is judged.\n    value = Math.min(value, Math.max(0, contentWidth.current - tableWidth.current));\n    return [-value, value / contentWidth.current * tableWidth.current];\n  };\n\n  var onScrollTop = function onScrollTop(top) {\n    var _scrollbarYRef$curren4, _scrollbarYRef$curren5;\n\n    if (top === void 0) {\n      top = 0;\n    }\n\n    var _getControlledScrollT = getControlledScrollTopValue(top),\n        nextScrollY = _getControlledScrollT[0],\n        handleScrollY = _getControlledScrollT[1];\n\n    var height = getTableHeight();\n\n    if (!loading && nextScrollY !== scrollY.current) {\n      onScroll === null || onScroll === void 0 ? void 0 : onScroll(Math.abs(scrollX.current), Math.abs(nextScrollY));\n    }\n\n    setScrollY(nextScrollY);\n    scrollbarYRef === null || scrollbarYRef === void 0 ? void 0 : (_scrollbarYRef$curren4 = scrollbarYRef.current) === null || _scrollbarYRef$curren4 === void 0 ? void 0 : (_scrollbarYRef$curren5 = _scrollbarYRef$curren4.resetScrollBarPosition) === null || _scrollbarYRef$curren5 === void 0 ? void 0 : _scrollbarYRef$curren5.call(_scrollbarYRef$curren4, handleScrollY);\n    deferUpdatePosition();\n    /**\n     * After calling `scrollTop`, a white screen will appear when `virtualized` is true.\n     * The reason is that the coordinates of the DOM are directly manipulated,\n     * but the component is not re-rendered. Need to call `rerender`.\n     * Fix: rsuite#1044\n     */\n\n    if (virtualized && contentHeight.current > height) {\n      rerender();\n    }\n  };\n\n  var onScrollLeft = function onScrollLeft(left) {\n    var _scrollbarXRef$curren3, _scrollbarXRef$curren4;\n\n    if (left === void 0) {\n      left = 0;\n    }\n\n    var _getControlledScrollL = getControlledScrollLeftValue(left),\n        nextScrollX = _getControlledScrollL[0],\n        scrollbarX = _getControlledScrollL[1];\n\n    setScrollX(nextScrollX);\n    !loading && (onScroll === null || onScroll === void 0 ? void 0 : onScroll(Math.abs(nextScrollX), Math.abs(scrollY.current)));\n    scrollbarXRef === null || scrollbarXRef === void 0 ? void 0 : (_scrollbarXRef$curren3 = scrollbarXRef.current) === null || _scrollbarXRef$curren3 === void 0 ? void 0 : (_scrollbarXRef$curren4 = _scrollbarXRef$curren3.resetScrollBarPosition) === null || _scrollbarXRef$curren4 === void 0 ? void 0 : _scrollbarXRef$curren4.call(_scrollbarXRef$curren3, scrollbarX);\n    deferUpdatePosition();\n  };\n\n  var onScrollTo = function onScrollTo(coord) {\n    var _ref = coord || {},\n        x = _ref.x,\n        y = _ref.y;\n\n    if (typeof x === 'number') {\n      onScrollLeft(x);\n    }\n\n    if (typeof y === 'number') {\n      onScrollTop(y);\n    }\n  };\n\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(function () {\n    if (scrollY.current !== 0) {\n      onScrollTop(Math.abs(scrollY.current));\n    } // fix: #405 #404\n\n\n    deferUpdatePosition();\n  }, [height, data]);\n  var releaseListeners = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _wheelListener$curren, _touchStartListener$c, _touchMoveListener$cu, _touchEndListener$cur;\n\n    wheelHandler.current = null;\n    (_wheelListener$curren = wheelListener.current) === null || _wheelListener$curren === void 0 ? void 0 : _wheelListener$curren.off();\n    (_touchStartListener$c = touchStartListener.current) === null || _touchStartListener$c === void 0 ? void 0 : _touchStartListener$c.off();\n    (_touchMoveListener$cu = touchMoveListener.current) === null || _touchMoveListener$cu === void 0 ? void 0 : _touchMoveListener$cu.off();\n    (_touchEndListener$cur = touchEndListener.current) === null || _touchEndListener$cur === void 0 ? void 0 : _touchEndListener$cur.off();\n  }, []);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    var options = {\n      passive: false\n    };\n    var tableBody = tableBodyRef.current;\n\n    if (tableBody) {\n      // Reset the listener after props is updated.\n      releaseListeners();\n      wheelHandler.current = new dom_lib_WheelHandler__WEBPACK_IMPORTED_MODULE_1__[\"default\"](onWheel, shouldHandleWheelX, shouldHandleWheelY, false);\n      wheelListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(tableBody, 'wheel', wheelHandler.current.onWheel, options);\n\n      if ((0,_isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_10__[\"default\"])()) {\n        touchStartListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(tableBody, 'touchstart', handleTouchStart, options);\n        touchMoveListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(tableBody, 'touchmove', handleTouchMove, options);\n        touchEndListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(tableBody, 'touchend', handleTouchEnd, options);\n      }\n    }\n\n    return releaseListeners;\n  }, [handleTouchEnd, handleTouchMove, handleTouchStart, onWheel, releaseListeners, shouldHandleWheelX, shouldHandleWheelY, tableBodyRef]);\n  var onScrollByKeydown = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    if (event.currentTarget === event.target) {\n      event.preventDefault();\n      var step = 40;\n\n      switch (event.key) {\n        case 'ArrowUp':\n          onWheel(0, -step);\n          break;\n\n        case 'ArrowDown':\n          onWheel(0, step);\n          break;\n\n        case 'ArrowLeft':\n          onWheel(-step, 0);\n          break;\n\n        case 'ArrowRight':\n          onWheel(step, 0);\n          break;\n      }\n    }\n  }, [onWheel]);\n  (0,_useMount__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(function () {\n    if (rtl) {\n      var _scrollbarXRef$curren5, _scrollbarXRef$curren6;\n\n      // Initialize scroll position\n      setScrollX(tableWidth.current - contentWidth.current - _constants__WEBPACK_IMPORTED_MODULE_9__.SCROLLBAR_WIDTH);\n      scrollbarXRef === null || scrollbarXRef === void 0 ? void 0 : (_scrollbarXRef$curren5 = scrollbarXRef.current) === null || _scrollbarXRef$curren5 === void 0 ? void 0 : (_scrollbarXRef$curren6 = _scrollbarXRef$curren5.resetScrollBarPosition) === null || _scrollbarXRef$curren6 === void 0 ? void 0 : _scrollbarXRef$curren6.call(_scrollbarXRef$curren5, -scrollX.current);\n      forceUpdatePosition();\n    }\n  });\n  var onScrollHorizontal = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta) {\n    return handleWheel(delta, 0);\n  }, [handleWheel]);\n  var onScrollVertical = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta, event) {\n    return handleWheel(0, delta, undefined, event);\n  }, [handleWheel]);\n  return {\n    isScrolling: isScrolling,\n    onScrollHorizontal: onScrollHorizontal,\n    onScrollVertical: onScrollVertical,\n    onScrollBody: onScrollBody,\n    onScrollTop: onScrollTop,\n    onScrollLeft: onScrollLeft,\n    onScrollTo: onScrollTo,\n    onScrollByKeydown: onScrollByKeydown\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useScrollListener);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useScrollListener.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var dom_lib_WheelHandler__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/WheelHandler */ \"./node_modules/dom-lib/esm/WheelHandler.js\");\n/* harmony import */ var dom_lib_scrollLeft__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dom-lib/scrollLeft */ \"./node_modules/dom-lib/esm/scrollLeft.js\");\n/* harmony import */ var dom_lib_scrollTop__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\");\n/* harmony import */ var dom_lib_on__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\");\n/* harmony import */ var dom_lib_removeStyle__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! dom-lib/removeStyle */ \"./node_modules/dom-lib/esm/removeStyle.js\");\n/* harmony import */ var _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./requestAnimationTimeout */ \"./node_modules/rsuite-table/es/utils/requestAnimationTimeout.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./isSupportTouchEvent */ \"./node_modules/rsuite-table/es/utils/isSupportTouchEvent.js\");\n/* harmony import */ var _flushSync__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./flushSync */ \"./node_modules/rsuite-table/es/utils/flushSync.js\");\n/* harmony import */ var _defer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./defer */ \"./node_modules/rsuite-table/es/utils/defer.js\");\n'use client';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// Inertial sliding start time threshold\nvar momentumTimeThreshold = 300;\n\n// Inertial sliding start vertical distance threshold\nvar momentumYThreshold = 15;\n\n//List of Arrow Keys for scrolling through keys\nvar arrowKeysList = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];\n/**\n * Calculate the distance of inertial sliding.\n */\nvar momentum = function momentum(current, start, duration) {\n  // Inertial sliding acceleration.\n  var deceleration = 0.003;\n  var distance = current - start;\n  var speed = 2 * Math.abs(distance) / duration;\n  var destination = current + speed / deceleration * (distance < 0 ? -1 : 1);\n  return {\n    delta: current - destination,\n    duration: _constants__WEBPACK_IMPORTED_MODULE_9__.TRANSITION_DURATION,\n    bezier: _constants__WEBPACK_IMPORTED_MODULE_9__.BEZIER\n  };\n};\n\n/**\n * Add scroll, touch, and wheel monitoring events to the table,\n * and update the scroll position of the table.\n * @param props\n * @returns\n */\nvar useScrollListener = function useScrollListener(props) {\n  var data = props.data,\n    autoHeight = props.autoHeight,\n    tableBodyRef = props.tableBodyRef,\n    scrollbarXRef = props.scrollbarXRef,\n    scrollbarYRef = props.scrollbarYRef,\n    disabledScroll = props.disabledScroll,\n    loading = props.loading,\n    tableRef = props.tableRef,\n    contentWidth = props.contentWidth,\n    tableWidth = props.tableWidth,\n    scrollY = props.scrollY,\n    minScrollY = props.minScrollY,\n    minScrollX = props.minScrollX,\n    scrollX = props.scrollX,\n    setScrollX = props.setScrollX,\n    setScrollY = props.setScrollY,\n    virtualized = props.virtualized,\n    forceUpdatePosition = props.forceUpdatePosition,\n    deferUpdatePosition = props.deferUpdatePosition,\n    onScroll = props.onScroll,\n    onTouchMove = props.onTouchMove,\n    onTouchStart = props.onTouchStart,\n    onTouchEnd = props.onTouchEnd,\n    height = props.height,\n    getTableHeight = props.getTableHeight,\n    contentHeight = props.contentHeight,\n    headerHeight = props.headerHeight,\n    rtl = props.rtl;\n  var wheelListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var touchStartListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var touchMoveListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var touchEndListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n    isScrolling = _useState[0],\n    setScrolling = _useState[1];\n  var touchX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var touchY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var disableEventsTimeoutId = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var isTouching = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);\n\n  // The start time within the inertial sliding range.\n  var momentumStartTime = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n\n  // The vertical starting value within the inertial sliding range.\n  var momentumStartY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var shouldHandleWheelX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta) {\n    if (delta === 0 || disabledScroll || loading) {\n      return false;\n    }\n    return true;\n  }, [disabledScroll, loading]);\n  var shouldHandleWheelY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta) {\n    if (delta === 0 || disabledScroll || loading || autoHeight) {\n      return false;\n    }\n    if (typeof scrollY.current === 'number' && typeof minScrollY.current === 'number') {\n      return delta >= 0 && scrollY.current > minScrollY.current || delta < 0 && scrollY.current < 0;\n    }\n  }, [autoHeight, disabledScroll, loading, minScrollY, scrollY]);\n  var debounceScrollEndedCallback = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    disableEventsTimeoutId.current = null;\n\n    // Forces the end of scrolling to be prioritized so that virtualized long lists can update rendering.\n    // There will be no scrolling white screen.\n    (0,_flushSync__WEBPACK_IMPORTED_MODULE_11__[\"default\"])(function () {\n      return setScrolling(false);\n    });\n  }, []);\n\n  /**\n   * Triggered when scrolling, including: wheel/touch/scroll\n   * @param deltaX\n   * @param deltaY\n   * @param momentumOptions The configuration of inertial scrolling is used for the touch event.\n   */\n  var handleWheel = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (deltaX, deltaY, momentumOptions, event) {\n    if (!tableRef.current) {\n      return;\n    }\n    var nextScrollX = contentWidth.current <= tableWidth.current ? 0 : scrollX.current - deltaX;\n    var nextScrollY = scrollY.current - deltaY;\n    var y = Math.min(0, nextScrollY < minScrollY.current ? minScrollY.current : nextScrollY);\n    var x = Math.min(0, nextScrollX < minScrollX.current ? minScrollX.current : nextScrollX);\n    setScrollX(x);\n    setScrollY(y);\n    onScroll === null || onScroll === void 0 ? void 0 : onScroll(Math.abs(x), Math.abs(y));\n    if (virtualized) {\n      // Add a state to the table during virtualized scrolling.\n      // Make it set CSS `pointer-events:none` on the DOM to avoid wrong event interaction.\n\n      (0,_flushSync__WEBPACK_IMPORTED_MODULE_11__[\"default\"])(function () {\n        return setScrolling(true);\n      });\n      if (disableEventsTimeoutId.current) {\n        (0,_requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_6__.cancelAnimationTimeout)(disableEventsTimeoutId.current);\n      }\n      disableEventsTimeoutId.current = (0,_requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_6__.requestAnimationTimeout)(debounceScrollEndedCallback,\n      // When momentum is enabled, set a delay of 50ms rendering.\n      momentumOptions !== null && momentumOptions !== void 0 && momentumOptions.duration ? 50 : 0);\n    }\n\n    // When the user clicks on the scrollbar, the scrollbar will be moved to the clicked position.\n    if ((event === null || event === void 0 ? void 0 : event.type) === 'click') {\n      /**\n       * With virtualized enabled, the list will be re-rendered on every scroll.\n       * Update the position of the rendered list with a delay.\n       * fix: https://github.com/rsuite/rsuite/issues/2378\n       */\n      deferUpdatePosition(momentumOptions === null || momentumOptions === void 0 ? void 0 : momentumOptions.duration, momentumOptions === null || momentumOptions === void 0 ? void 0 : momentumOptions.bezier);\n      return;\n    }\n    forceUpdatePosition(momentumOptions === null || momentumOptions === void 0 ? void 0 : momentumOptions.duration, momentumOptions === null || momentumOptions === void 0 ? void 0 : momentumOptions.bezier);\n  }, [tableRef, contentWidth, tableWidth, scrollX, scrollY, minScrollY, minScrollX, setScrollX, setScrollY, onScroll, forceUpdatePosition, deferUpdatePosition, virtualized, debounceScrollEndedCallback]);\n  var onWheel = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (deltaX, deltaY, momentumOptions) {\n    var _scrollbarXRef$curren, _scrollbarXRef$curren2, _scrollbarYRef$curren, _scrollbarYRef$curren2;\n    handleWheel(deltaX, deltaY, momentumOptions);\n    (_scrollbarXRef$curren = scrollbarXRef.current) === null || _scrollbarXRef$curren === void 0 ? void 0 : (_scrollbarXRef$curren2 = _scrollbarXRef$curren.onWheelScroll) === null || _scrollbarXRef$curren2 === void 0 ? void 0 : _scrollbarXRef$curren2.call(_scrollbarXRef$curren, deltaX);\n    (_scrollbarYRef$curren = scrollbarYRef.current) === null || _scrollbarYRef$curren === void 0 ? void 0 : (_scrollbarYRef$curren2 = _scrollbarYRef$curren.onWheelScroll) === null || _scrollbarYRef$curren2 === void 0 ? void 0 : _scrollbarYRef$curren2.call(_scrollbarYRef$curren, deltaY, momentumOptions !== null && momentumOptions !== void 0 && momentumOptions.duration ? true : false);\n  }, [handleWheel, scrollbarXRef, scrollbarYRef]);\n  var wheelHandler = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n\n  // Stop unending scrolling and remove transition\n  var stopScroll = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _tableBodyRef$current, _scrollbarYRef$curren3;\n    var wheelElement = (_tableBodyRef$current = tableBodyRef.current) === null || _tableBodyRef$current === void 0 ? void 0 : _tableBodyRef$current.querySelector('.rs-table-body-wheel-area');\n    var handleElement = (_scrollbarYRef$curren3 = scrollbarYRef.current) === null || _scrollbarYRef$curren3 === void 0 ? void 0 : _scrollbarYRef$curren3.handle;\n    var transitionCSS = ['transition-duration', 'transition-timing-function'];\n    if (!virtualized && wheelElement) {\n      // Get the current translate position.\n      var matrix = window.getComputedStyle(wheelElement).getPropertyValue('transform');\n      var offsetY = Math.round(+matrix.split(')')[0].split(', ')[5]);\n      setScrollY(offsetY);\n    }\n    if (wheelElement) {\n      (0,dom_lib_removeStyle__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(wheelElement, transitionCSS);\n    }\n    if (handleElement) {\n      (0,dom_lib_removeStyle__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(handleElement, transitionCSS);\n    }\n  }, [scrollbarYRef, setScrollY, tableBodyRef, virtualized]);\n\n  // Handle the Touch event and initialize it when touchstart is triggered.\n  var handleTouchStart = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    var _event$touches$ = event.touches[0],\n      pageX = _event$touches$.pageX,\n      pageY = _event$touches$.pageY;\n    touchX.current = pageX;\n    touchY.current = pageY;\n    momentumStartTime.current = new Date().getTime();\n    momentumStartY.current = scrollY.current;\n    isTouching.current = true;\n    onTouchStart === null || onTouchStart === void 0 ? void 0 : onTouchStart(event);\n\n    // Stop unfinished scrolling when Touch starts.\n    stopScroll();\n  }, [onTouchStart, scrollY, stopScroll]);\n\n  // Handle the Touch event and update the scroll when touchmove is triggered.\n  var handleTouchMove = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    if (!isTouching.current) {\n      return;\n    }\n    var _event$touches$2 = event.touches[0],\n      pageX = _event$touches$2.pageX,\n      pageY = _event$touches$2.pageY;\n    var deltaX = touchX.current - pageX;\n    var deltaY = autoHeight ? 0 : touchY.current - pageY;\n    if (!shouldHandleWheelY(deltaY) && !shouldHandleWheelX(deltaX)) {\n      return;\n    }\n\n    /**\n     * Prevent the default touch event when the table is scrollable.\n     * fix: https://github.com/rsuite/rsuite-table/commit/21785fc18f430519ab5885c44540d9ffc30de366#commitcomment-36236425\n     */\n    if (!autoHeight && shouldHandleWheelY(deltaY)) {\n      var _event$preventDefault;\n      (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 ? void 0 : _event$preventDefault.call(event);\n    }\n    var now = new Date().getTime();\n    onWheel(deltaX, deltaY);\n    touchX.current = pageX;\n    touchY.current = pageY;\n\n    // Record the offset value and time under the condition of triggering inertial scrolling.\n    if (now - momentumStartTime.current > momentumTimeThreshold) {\n      momentumStartY.current = scrollY.current;\n      momentumStartTime.current = now;\n    }\n    onTouchMove === null || onTouchMove === void 0 ? void 0 : onTouchMove(event);\n  }, [autoHeight, onWheel, onTouchMove, scrollY, shouldHandleWheelX, shouldHandleWheelY]);\n  var handleTouchEnd = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    if (!isTouching.current) {\n      return;\n    }\n    isTouching.current = false;\n    var touchDuration = new Date().getTime() - momentumStartTime.current;\n    var absDeltaY = Math.abs(scrollY.current - momentumStartY.current);\n\n    // Enable inertial sliding.\n    if (touchDuration < momentumTimeThreshold && absDeltaY > momentumYThreshold) {\n      var _momentum = momentum(scrollY.current, momentumStartY.current, touchDuration),\n        delta = _momentum.delta,\n        duration = _momentum.duration,\n        bezier = _momentum.bezier;\n      onWheel(0, delta, {\n        duration: duration,\n        bezier: bezier\n      });\n      onTouchEnd === null || onTouchEnd === void 0 ? void 0 : onTouchEnd(event);\n    }\n  }, [onWheel, onTouchEnd, scrollY]);\n\n  /**\n   * When the user uses the tab key in the Table, the onScroll event is triggered,\n   * and the scroll bar position should be updated at the same time.\n   * https://github.com/rsuite/rsuite/issues/234\n   */\n  var onScrollBody = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    if (event.target !== tableBodyRef.current) {\n      return;\n    }\n    var left = (0,dom_lib_scrollLeft__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(event.target);\n    var top = (0,dom_lib_scrollTop__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(event.target);\n    if (top === 0 && left === 0) {\n      return;\n    }\n    onWheel(left, top);\n    (0,dom_lib_scrollLeft__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(event.target, 0);\n    (0,dom_lib_scrollTop__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(event.target, 0);\n  }, [onWheel, tableBodyRef]);\n  var getControlledScrollTopValue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (value) {\n    if (autoHeight) {\n      return [0, 0];\n    }\n    var height = getTableHeight();\n\n    // The maximum range of scrolling value is judged.\n    value = Math.min(value, Math.max(0, contentHeight.current - (height - headerHeight)));\n\n    // The value is a value of the theoretical scroll position of the table,\n    // and the scrollY coordinate value and the value of the scroll bar position are calculated by value.\n    return [-value, value / contentHeight.current * (height - headerHeight)];\n  }, [autoHeight, contentHeight, getTableHeight, headerHeight]);\n  var rerender = function rerender() {\n    setScrolling(true);\n    (0,_defer__WEBPACK_IMPORTED_MODULE_12__[\"default\"])(function () {\n      if (tableBodyRef.current) {\n        setScrolling(false);\n      }\n    });\n  };\n  var getControlledScrollLeftValue = function getControlledScrollLeftValue(value) {\n    // The maximum range of scrolling value is judged.\n    value = Math.min(value, Math.max(0, contentWidth.current - tableWidth.current));\n    return [-value, value / contentWidth.current * tableWidth.current];\n  };\n  var onScrollTop = function onScrollTop(top) {\n    var _scrollbarYRef$curren4, _scrollbarYRef$curren5;\n    if (top === void 0) {\n      top = 0;\n    }\n    var _getControlledScrollT = getControlledScrollTopValue(top),\n      nextScrollY = _getControlledScrollT[0],\n      handleScrollY = _getControlledScrollT[1];\n    var height = getTableHeight();\n    if (!loading && nextScrollY !== scrollY.current) {\n      onScroll === null || onScroll === void 0 ? void 0 : onScroll(Math.abs(scrollX.current), Math.abs(nextScrollY));\n    }\n    setScrollY(nextScrollY);\n    scrollbarYRef === null || scrollbarYRef === void 0 ? void 0 : (_scrollbarYRef$curren4 = scrollbarYRef.current) === null || _scrollbarYRef$curren4 === void 0 ? void 0 : (_scrollbarYRef$curren5 = _scrollbarYRef$curren4.resetScrollBarPosition) === null || _scrollbarYRef$curren5 === void 0 ? void 0 : _scrollbarYRef$curren5.call(_scrollbarYRef$curren4, handleScrollY);\n    deferUpdatePosition();\n\n    /**\n     * After calling `scrollTop`, a white screen will appear when `virtualized` is true.\n     * The reason is that the coordinates of the DOM are directly manipulated,\n     * but the component is not re-rendered. Need to call `rerender`.\n     * Fix: rsuite#1044\n     */\n    if (virtualized && contentHeight.current > height) {\n      rerender();\n    }\n  };\n  var onScrollLeft = function onScrollLeft(left) {\n    var _scrollbarXRef$curren3, _scrollbarXRef$curren4;\n    if (left === void 0) {\n      left = 0;\n    }\n    var _getControlledScrollL = getControlledScrollLeftValue(left),\n      nextScrollX = _getControlledScrollL[0],\n      scrollbarX = _getControlledScrollL[1];\n    setScrollX(nextScrollX);\n    !loading && (onScroll === null || onScroll === void 0 ? void 0 : onScroll(Math.abs(nextScrollX), Math.abs(scrollY.current)));\n    scrollbarXRef === null || scrollbarXRef === void 0 ? void 0 : (_scrollbarXRef$curren3 = scrollbarXRef.current) === null || _scrollbarXRef$curren3 === void 0 ? void 0 : (_scrollbarXRef$curren4 = _scrollbarXRef$curren3.resetScrollBarPosition) === null || _scrollbarXRef$curren4 === void 0 ? void 0 : _scrollbarXRef$curren4.call(_scrollbarXRef$curren3, scrollbarX);\n    deferUpdatePosition();\n  };\n  var onScrollTo = function onScrollTo(coord) {\n    var _ref = coord || {},\n      x = _ref.x,\n      y = _ref.y;\n    if (typeof x === 'number') {\n      onScrollLeft(x);\n    }\n    if (typeof y === 'number') {\n      onScrollTop(y);\n    }\n  };\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(function () {\n    if (scrollY.current !== 0) {\n      onScrollTop(Math.abs(scrollY.current));\n    }\n\n    // fix: #405 #404\n    deferUpdatePosition();\n  }, [height, data]);\n  var releaseListeners = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _wheelListener$curren, _touchStartListener$c, _touchMoveListener$cu, _touchEndListener$cur;\n    wheelHandler.current = null;\n    (_wheelListener$curren = wheelListener.current) === null || _wheelListener$curren === void 0 ? void 0 : _wheelListener$curren.off();\n    (_touchStartListener$c = touchStartListener.current) === null || _touchStartListener$c === void 0 ? void 0 : _touchStartListener$c.off();\n    (_touchMoveListener$cu = touchMoveListener.current) === null || _touchMoveListener$cu === void 0 ? void 0 : _touchMoveListener$cu.off();\n    (_touchEndListener$cur = touchEndListener.current) === null || _touchEndListener$cur === void 0 ? void 0 : _touchEndListener$cur.off();\n  }, []);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    var options = {\n      passive: false\n    };\n    var tableBody = tableBodyRef.current;\n    if (tableBody) {\n      // Reset the listener after props is updated.\n      releaseListeners();\n      wheelHandler.current = new dom_lib_WheelHandler__WEBPACK_IMPORTED_MODULE_1__[\"default\"](onWheel, shouldHandleWheelX, shouldHandleWheelY, false);\n      wheelListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(tableBody, 'wheel', wheelHandler.current.onWheel, options);\n      if ((0,_isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_10__[\"default\"])()) {\n        touchStartListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(tableBody, 'touchstart', handleTouchStart, options);\n        touchMoveListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(tableBody, 'touchmove', handleTouchMove, options);\n        touchEndListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(tableBody, 'touchend', handleTouchEnd, options);\n      }\n    }\n    return releaseListeners;\n  }, [handleTouchEnd, handleTouchMove, handleTouchStart, onWheel, releaseListeners, shouldHandleWheelX, shouldHandleWheelY, tableBodyRef]);\n  var onScrollByKeydown = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    if (event.currentTarget === event.target && arrowKeysList.indexOf(event.key) > -1) {\n      event.preventDefault();\n      var step = 40;\n      switch (event.key) {\n        case 'ArrowUp':\n          onWheel(0, -step);\n          break;\n        case 'ArrowDown':\n          onWheel(0, step);\n          break;\n        case 'ArrowLeft':\n          onWheel(-step, 0);\n          break;\n        case 'ArrowRight':\n          onWheel(step, 0);\n          break;\n      }\n    }\n  }, [onWheel]);\n  (0,_useMount__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(function () {\n    if (rtl) {\n      var _scrollbarXRef$curren5, _scrollbarXRef$curren6;\n      // Initialize scroll position\n      setScrollX(tableWidth.current - contentWidth.current - _constants__WEBPACK_IMPORTED_MODULE_9__.SCROLLBAR_WIDTH);\n      scrollbarXRef === null || scrollbarXRef === void 0 ? void 0 : (_scrollbarXRef$curren5 = scrollbarXRef.current) === null || _scrollbarXRef$curren5 === void 0 ? void 0 : (_scrollbarXRef$curren6 = _scrollbarXRef$curren5.resetScrollBarPosition) === null || _scrollbarXRef$curren6 === void 0 ? void 0 : _scrollbarXRef$curren6.call(_scrollbarXRef$curren5, -scrollX.current);\n      forceUpdatePosition();\n    }\n  });\n  var onScrollHorizontal = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta) {\n    return handleWheel(delta, 0);\n  }, [handleWheel]);\n  var onScrollVertical = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta, event) {\n    return handleWheel(0, delta, undefined, event);\n  }, [handleWheel]);\n  return {\n    isScrolling: isScrolling,\n    onScrollHorizontal: onScrollHorizontal,\n    onScrollVertical: onScrollVertical,\n    onScrollBody: onScrollBody,\n    onScrollTop: onScrollTop,\n    onScrollLeft: onScrollLeft,\n    onScrollTo: onScrollTo,\n    onScrollByKeydown: onScrollByKeydown\n  };\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (useScrollListener);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useScrollListener.js?");
 
 /***/ }),
 
@@ -10139,7 +10139,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var dom_lib_getWidth__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/getWidth */ \"./node_modules/dom-lib/esm/getWidth.js\");\n/* harmony import */ var dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\");\n/* harmony import */ var dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _juggle_resize_observer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @juggle/resize-observer */ \"./node_modules/@juggle/resize-observer/lib/exports/resize-observer.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var _useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useUpdateLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateLayoutEffect.js\");\n/* harmony import */ var _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./isNumberOrTrue */ \"./node_modules/rsuite-table/es/utils/isNumberOrTrue.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_9__);\n\n\n\n\n\n\n\n\n\n\n\n/**\n * The dimension information of the table,\n * including the height, width, scrollable distance and the coordinates of the scroll handle, etc.\n * @param props\n * @returns\n */\nvar useTableDimension = function useTableDimension(props) {\n  var data = props.data,\n      rowHeight = props.rowHeight,\n      tableRef = props.tableRef,\n      headerWrapperRef = props.headerWrapperRef,\n      prefix = props.prefix,\n      widthProp = props.width,\n      affixHeader = props.affixHeader,\n      affixHorizontalScrollbar = props.affixHorizontalScrollbar,\n      headerHeight = props.headerHeight,\n      heightProp = props.height,\n      autoHeight = props.autoHeight,\n      minHeight = props.minHeight,\n      fillHeight = props.fillHeight,\n      children = props.children,\n      expandedRowKeys = props.expandedRowKeys,\n      showHeader = props.showHeader,\n      bordered = props.bordered,\n      onTableResizeChange = props.onTableResizeChange,\n      onTableScroll = props.onTableScroll;\n  var contentHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var contentWidth = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var minScrollY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var scrollY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var scrollX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var minScrollX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var tableWidth = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(widthProp || 0);\n  var tableHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(heightProp || 0);\n  var columnCount = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var resizeObserver = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var containerResizeObserver = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var headerOffset = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var tableOffset = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var getRowHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (rowData) {\n    return typeof rowHeight === 'function' ? rowHeight(rowData) : rowHeight;\n  }, [rowHeight]);\n  var calculateTableContextHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _table$querySelectorA;\n\n    var prevContentHeight = contentHeight.current;\n    var table = tableRef === null || tableRef === void 0 ? void 0 : tableRef.current;\n    var rows = (table === null || table === void 0 ? void 0 : table.querySelectorAll(\".\" + (prefix === null || prefix === void 0 ? void 0 : prefix('row')))) || [];\n    var virtualized = (table === null || table === void 0 ? void 0 : (_table$querySelectorA = table.querySelectorAll('.virtualized')) === null || _table$querySelectorA === void 0 ? void 0 : _table$querySelectorA.length) > 0;\n    var nextContentHeight = rows.length ? Array.from(rows).map(function (row, index) {\n      return (0,dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(row) || getRowHeight(data === null || data === void 0 ? void 0 : data[index]);\n    }).reduce(function (x, y) {\n      return x + y;\n    }) : 0; // After setting the affixHeader property, the height of the two headers should be subtracted.\n\n    contentHeight.current = Math.round(nextContentHeight - (affixHeader ? headerHeight * 2 : headerHeight)); // Whether to show the horizontal scroll bar\n\n    var hasHorizontalScrollbar = contentWidth.current > tableWidth.current; // The height of the table content area should be added to the height occupied by the horizontal scroll bar when autoHeight is set.\n\n    if (autoHeight && hasHorizontalScrollbar) {\n      contentHeight.current += _constants__WEBPACK_IMPORTED_MODULE_4__.SCROLLBAR_WIDTH;\n    }\n\n    var height = fillHeight ? tableHeight.current : heightProp;\n    var tableBodyHeight = showHeader ? height - headerHeight : height;\n\n    if (!autoHeight) {\n      /**\n       *  The purpose of subtracting SCROLLBAR_WIDTH is to keep the scroll bar from blocking the content part.\n       *  But it will only be calculated when there is a horizontal scroll bar (contentWidth > tableWidth).\n       */\n      minScrollY.current = -(nextContentHeight - height) - (hasHorizontalScrollbar ? _constants__WEBPACK_IMPORTED_MODULE_4__.SCROLLBAR_WIDTH : 0);\n    } // If the height of the content area is less than the height of the table, the vertical scroll bar is reset.\n\n\n    if (nextContentHeight < height) {\n      onTableScroll === null || onTableScroll === void 0 ? void 0 : onTableScroll({\n        y: 0\n      });\n    }\n\n    var currentScrollTop = Math.abs(scrollY.current); // When Table is set to virtualized, the logic will be entered every time the wheel event is\n    // triggered to avoid resetting the scroll bar after scrolling to the bottom, so add the SCROLLBAR_WIDTH value.\n\n    var maxScrollTop = nextContentHeight + _constants__WEBPACK_IMPORTED_MODULE_4__.SCROLLBAR_WIDTH - tableBodyHeight; // If the top value of the current scroll is greater than the scrollable range,\n    // keep the vertical scroll bar at the bottom.\n\n    if (maxScrollTop > 0 && currentScrollTop > maxScrollTop) {\n      if (virtualized) {\n        onTableScroll === null || onTableScroll === void 0 ? void 0 : onTableScroll({\n          y: ((data === null || data === void 0 ? void 0 : data.length) || 0) * getRowHeight() - tableBodyHeight\n        });\n      } else {\n        onTableScroll === null || onTableScroll === void 0 ? void 0 : onTableScroll({\n          y: maxScrollTop\n        });\n      }\n    }\n\n    if (prevContentHeight !== contentHeight.current) {\n      onTableResizeChange === null || onTableResizeChange === void 0 ? void 0 : onTableResizeChange(prevContentHeight, 'bodyHeightChanged');\n    }\n  }, [tableRef, prefix, affixHeader, headerHeight, autoHeight, fillHeight, heightProp, showHeader, getRowHeight, data, onTableScroll, onTableResizeChange]);\n  var setOffsetByAffix = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var headerNode = headerWrapperRef === null || headerWrapperRef === void 0 ? void 0 : headerWrapperRef.current;\n\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(affixHeader) && headerNode) {\n      headerOffset.current = (0,dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(headerNode);\n    }\n\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(affixHorizontalScrollbar) && tableRef !== null && tableRef !== void 0 && tableRef.current) {\n      tableOffset.current = (0,dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(tableRef === null || tableRef === void 0 ? void 0 : tableRef.current);\n    }\n  }, [affixHeader, affixHorizontalScrollbar, headerWrapperRef, tableRef]);\n  var calculateTableContentWidth = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var prevWidth = contentWidth.current;\n    var prevColumnCount = columnCount.current;\n    var table = tableRef === null || tableRef === void 0 ? void 0 : tableRef.current;\n    var row = table === null || table === void 0 ? void 0 : table.querySelector(\".\" + prefix('row') + \":not(.virtualized)\");\n    var nextContentWidth = row ? (0,dom_lib_getWidth__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(row) : 0; // Whether to show the horizontal scroll bar\n\n    var hasHorizontalScrollbar = contentWidth.current > tableWidth.current;\n    var scrollbarWidth = hasHorizontalScrollbar ? 0 : _constants__WEBPACK_IMPORTED_MODULE_4__.SCROLLBAR_WIDTH;\n    contentWidth.current = nextContentWidth - (autoHeight ? scrollbarWidth : 0);\n    columnCount.current = (row === null || row === void 0 ? void 0 : row.querySelectorAll(\".\" + prefix('cell')).length) || 0; // The value of SCROLLBAR_WIDTH is subtracted so that the scroll bar does not block the content part.\n    // There is no vertical scroll bar after autoHeight.\n\n    var minScrollWidth = -(nextContentWidth - tableWidth.current) - (autoHeight ? 0 : scrollbarWidth);\n\n    if (minScrollX.current !== minScrollWidth) {\n      minScrollX.current = minScrollWidth;\n\n      if (scrollX.current < minScrollWidth) {\n        // fix: 405#issuecomment-1464831646\n        scrollX.current = minScrollWidth;\n      }\n    }\n    /**\n     * If the width of the content area and the number of columns change,\n     * the horizontal scroll bar is reset.\n     * fix: https://github.com/rsuite/rsuite/issues/2039\n     */\n\n\n    if (prevWidth > 0 && prevWidth !== contentWidth.current || prevColumnCount > 0 && prevColumnCount !== columnCount.current) {\n      onTableResizeChange === null || onTableResizeChange === void 0 ? void 0 : onTableResizeChange(prevWidth, 'bodyWidthChanged');\n    }\n  }, [autoHeight, onTableResizeChange, prefix, tableRef]);\n  var calculateTableWidth = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (nextWidth) {\n    var prevWidth = tableWidth.current;\n\n    if (tableRef !== null && tableRef !== void 0 && tableRef.current) {\n      tableWidth.current = nextWidth || (0,dom_lib_getWidth__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(tableRef === null || tableRef === void 0 ? void 0 : tableRef.current);\n    }\n\n    if (prevWidth && prevWidth !== tableWidth.current) {\n      scrollX.current = 0;\n      onTableResizeChange === null || onTableResizeChange === void 0 ? void 0 : onTableResizeChange(prevWidth, 'widthChanged');\n    }\n\n    setOffsetByAffix();\n  }, [onTableResizeChange, setOffsetByAffix, tableRef]);\n  var calculateTableHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (nextHeight) {\n    var prevHeight = tableHeight.current;\n\n    if (nextHeight) {\n      tableHeight.current = nextHeight;\n    } else if (tableRef !== null && tableRef !== void 0 && tableRef.current) {\n      tableHeight.current = (0,dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(tableRef.current.parentNode);\n    }\n\n    if (prevHeight && prevHeight !== tableHeight.current) {\n      onTableResizeChange === null || onTableResizeChange === void 0 ? void 0 : onTableResizeChange(prevHeight, 'heightChanged');\n    }\n  }, [onTableResizeChange, tableRef]);\n  (0,_useMount__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(function () {\n    var _tableRef$current;\n\n    calculateTableContextHeight();\n    calculateTableContentWidth();\n    calculateTableWidth();\n    calculateTableHeight();\n    setOffsetByAffix();\n    containerResizeObserver.current = new _juggle_resize_observer__WEBPACK_IMPORTED_MODULE_5__.ResizeObserver(function (entries) {\n      calculateTableHeight(entries[0].contentRect.height);\n    });\n    containerResizeObserver.current.observe(tableRef === null || tableRef === void 0 ? void 0 : (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.parentNode);\n    var changeTableWidthWhenResize = lodash_debounce__WEBPACK_IMPORTED_MODULE_9___default()(function (entries) {\n      var width = entries[0].contentRect.width; // bordered table width is 1px larger than the container width. fix: #405 #404\n\n      var widthWithBorder = width + 2;\n      calculateTableWidth(bordered ? widthWithBorder : width);\n    }, 20);\n    resizeObserver.current = new _juggle_resize_observer__WEBPACK_IMPORTED_MODULE_5__.ResizeObserver(changeTableWidthWhenResize);\n    resizeObserver.current.observe(tableRef === null || tableRef === void 0 ? void 0 : tableRef.current);\n    return function () {\n      var _resizeObserver$curre, _containerResizeObser;\n\n      (_resizeObserver$curre = resizeObserver.current) === null || _resizeObserver$curre === void 0 ? void 0 : _resizeObserver$curre.disconnect();\n      (_containerResizeObser = containerResizeObserver.current) === null || _containerResizeObser === void 0 ? void 0 : _containerResizeObser.disconnect();\n    };\n  });\n  (0,_useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(function () {\n    calculateTableHeight();\n    calculateTableContextHeight();\n  }, [fillHeight]);\n  (0,_useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(function () {\n    calculateTableWidth();\n    calculateTableContentWidth();\n    calculateTableContextHeight();\n  }, [data, heightProp, contentHeight.current, expandedRowKeys, children, calculateTableContextHeight, calculateTableContentWidth]);\n  var setScrollY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (value) {\n    scrollY.current = value;\n  }, []);\n  var setScrollX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (value) {\n    scrollX.current = value;\n  }, []);\n\n  var getTableHeight = function getTableHeight() {\n    if (fillHeight) {\n      return tableHeight.current;\n    }\n\n    if ((data === null || data === void 0 ? void 0 : data.length) === 0 && autoHeight) {\n      return heightProp;\n    }\n\n    return autoHeight ? Math.max(headerHeight + contentHeight.current, minHeight) : heightProp;\n  };\n\n  return {\n    contentHeight: contentHeight,\n    contentWidth: contentWidth,\n    minScrollY: minScrollY,\n    minScrollX: minScrollX,\n    scrollY: scrollY,\n    scrollX: scrollX,\n    tableWidth: tableWidth,\n    headerOffset: headerOffset,\n    tableOffset: tableOffset,\n    getTableHeight: getTableHeight,\n    setScrollY: setScrollY,\n    setScrollX: setScrollX\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useTableDimension);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useTableDimension.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var dom_lib_getWidth__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/getWidth */ \"./node_modules/dom-lib/esm/getWidth.js\");\n/* harmony import */ var dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\");\n/* harmony import */ var dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _juggle_resize_observer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @juggle/resize-observer */ \"./node_modules/@juggle/resize-observer/lib/exports/resize-observer.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var _useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useUpdateLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateLayoutEffect.js\");\n/* harmony import */ var _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./isNumberOrTrue */ \"./node_modules/rsuite-table/es/utils/isNumberOrTrue.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_9__);\n'use client';\n\n\n\n\n\n\n\n\n\n\n/**\n * The dimension information of the table,\n * including the height, width, scrollable distance and the coordinates of the scroll handle, etc.\n * @param props\n * @returns\n */\nvar useTableDimension = function useTableDimension(props) {\n  var data = props.data,\n    rowHeight = props.rowHeight,\n    tableRef = props.tableRef,\n    headerWrapperRef = props.headerWrapperRef,\n    prefix = props.prefix,\n    widthProp = props.width,\n    affixHeader = props.affixHeader,\n    affixHorizontalScrollbar = props.affixHorizontalScrollbar,\n    headerHeight = props.headerHeight,\n    heightProp = props.height,\n    autoHeight = props.autoHeight,\n    minHeight = props.minHeight,\n    fillHeight = props.fillHeight,\n    children = props.children,\n    expandedRowKeys = props.expandedRowKeys,\n    showHeader = props.showHeader,\n    bordered = props.bordered,\n    onTableResizeChange = props.onTableResizeChange,\n    onTableScroll = props.onTableScroll;\n  var contentHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var contentWidth = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var minScrollY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var scrollY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var scrollX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var minScrollX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var tableWidth = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(widthProp || 0);\n  var tableHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(heightProp || 0);\n  var columnCount = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var resizeObserver = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var containerResizeObserver = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var headerOffset = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var tableOffset = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var getRowHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (rowData) {\n    return typeof rowHeight === 'function' ? rowHeight(rowData) : rowHeight;\n  }, [rowHeight]);\n  var calculateTableContextHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _table$querySelectorA;\n    var prevContentHeight = contentHeight.current;\n    var table = tableRef === null || tableRef === void 0 ? void 0 : tableRef.current;\n    var rows = (table === null || table === void 0 ? void 0 : table.querySelectorAll(\".\" + (prefix === null || prefix === void 0 ? void 0 : prefix('row')))) || [];\n    var virtualized = (table === null || table === void 0 ? void 0 : (_table$querySelectorA = table.querySelectorAll('.virtualized')) === null || _table$querySelectorA === void 0 ? void 0 : _table$querySelectorA.length) > 0;\n    var nextContentHeight = rows.length ? Array.from(rows).map(function (row, index) {\n      return (0,dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(row) || getRowHeight(data === null || data === void 0 ? void 0 : data[index]);\n    }).reduce(function (x, y) {\n      return x + y;\n    }) : 0;\n\n    // After setting the affixHeader property, the height of the two headers should be subtracted.\n    contentHeight.current = Math.round(nextContentHeight - (affixHeader ? headerHeight * 2 : headerHeight));\n\n    // Whether to show the horizontal scroll bar\n    var hasHorizontalScrollbar = contentWidth.current > tableWidth.current;\n\n    // The height of the table content area should be added to the height occupied by the horizontal scroll bar when autoHeight is set.\n    if (autoHeight && hasHorizontalScrollbar) {\n      contentHeight.current += _constants__WEBPACK_IMPORTED_MODULE_4__.SCROLLBAR_WIDTH;\n    }\n    var height = fillHeight ? tableHeight.current : heightProp;\n    var tableBodyHeight = showHeader ? height - headerHeight : height;\n    if (!autoHeight) {\n      /**\n       *  The purpose of subtracting SCROLLBAR_WIDTH is to keep the scroll bar from blocking the content part.\n       *  But it will only be calculated when there is a horizontal scroll bar (contentWidth > tableWidth).\n       */\n      minScrollY.current = -(nextContentHeight - height) - (hasHorizontalScrollbar ? _constants__WEBPACK_IMPORTED_MODULE_4__.SCROLLBAR_WIDTH : 0);\n    }\n\n    // If the height of the content area is less than the height of the table, the vertical scroll bar is reset.\n    if (nextContentHeight < height) {\n      onTableScroll === null || onTableScroll === void 0 ? void 0 : onTableScroll({\n        y: 0\n      });\n    }\n    var currentScrollTop = Math.abs(scrollY.current);\n\n    // When Table is set to virtualized, the logic will be entered every time the wheel event is\n    // triggered to avoid resetting the scroll bar after scrolling to the bottom, so add the SCROLLBAR_WIDTH value.\n    var maxScrollTop = nextContentHeight + _constants__WEBPACK_IMPORTED_MODULE_4__.SCROLLBAR_WIDTH - tableBodyHeight;\n\n    // If the top value of the current scroll is greater than the scrollable range,\n    // keep the vertical scroll bar at the bottom.\n    if (maxScrollTop > 0 && currentScrollTop > maxScrollTop) {\n      if (virtualized) {\n        onTableScroll === null || onTableScroll === void 0 ? void 0 : onTableScroll({\n          y: ((data === null || data === void 0 ? void 0 : data.length) || 0) * getRowHeight() - tableBodyHeight\n        });\n      } else {\n        onTableScroll === null || onTableScroll === void 0 ? void 0 : onTableScroll({\n          y: maxScrollTop\n        });\n      }\n    }\n    if (prevContentHeight !== contentHeight.current) {\n      onTableResizeChange === null || onTableResizeChange === void 0 ? void 0 : onTableResizeChange(prevContentHeight, 'bodyHeightChanged');\n    }\n  }, [tableRef, prefix, affixHeader, headerHeight, autoHeight, fillHeight, heightProp, showHeader, getRowHeight, data, onTableScroll, onTableResizeChange]);\n  var setOffsetByAffix = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var headerNode = headerWrapperRef === null || headerWrapperRef === void 0 ? void 0 : headerWrapperRef.current;\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(affixHeader) && headerNode) {\n      headerOffset.current = (0,dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(headerNode);\n    }\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(affixHorizontalScrollbar) && tableRef !== null && tableRef !== void 0 && tableRef.current) {\n      tableOffset.current = (0,dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(tableRef === null || tableRef === void 0 ? void 0 : tableRef.current);\n    }\n  }, [affixHeader, affixHorizontalScrollbar, headerWrapperRef, tableRef]);\n  var calculateTableContentWidth = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var prevWidth = contentWidth.current;\n    var prevColumnCount = columnCount.current;\n    var table = tableRef === null || tableRef === void 0 ? void 0 : tableRef.current;\n    var row = table === null || table === void 0 ? void 0 : table.querySelector(\".\" + prefix('row') + \":not(.virtualized)\");\n    var nextContentWidth = row ? (0,dom_lib_getWidth__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(row) : 0;\n\n    // Whether to show the horizontal scroll bar\n    var hasHorizontalScrollbar = contentWidth.current > tableWidth.current;\n    var scrollbarWidth = hasHorizontalScrollbar ? 0 : _constants__WEBPACK_IMPORTED_MODULE_4__.SCROLLBAR_WIDTH;\n    contentWidth.current = nextContentWidth - (autoHeight ? scrollbarWidth : 0);\n    columnCount.current = (row === null || row === void 0 ? void 0 : row.querySelectorAll(\".\" + prefix('cell')).length) || 0;\n\n    // The value of SCROLLBAR_WIDTH is subtracted so that the scroll bar does not block the content part.\n    // There is no vertical scroll bar after autoHeight.\n    var minScrollWidth = -(nextContentWidth - tableWidth.current) - (autoHeight ? 0 : scrollbarWidth);\n    if (minScrollX.current !== minScrollWidth) {\n      minScrollX.current = minScrollWidth;\n      if (scrollX.current < minScrollWidth) {\n        // fix: 405#issuecomment-1464831646\n        scrollX.current = minScrollWidth;\n      }\n    }\n\n    /**\n     * If the width of the content area and the number of columns change,\n     * the horizontal scroll bar is reset.\n     * fix: https://github.com/rsuite/rsuite/issues/2039\n     */\n    if (prevWidth > 0 && prevWidth !== contentWidth.current || prevColumnCount > 0 && prevColumnCount !== columnCount.current) {\n      onTableResizeChange === null || onTableResizeChange === void 0 ? void 0 : onTableResizeChange(prevWidth, 'bodyWidthChanged');\n    }\n  }, [autoHeight, onTableResizeChange, prefix, tableRef]);\n  var calculateTableWidth = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (nextWidth) {\n    var prevWidth = tableWidth.current;\n    if (tableRef !== null && tableRef !== void 0 && tableRef.current) {\n      tableWidth.current = nextWidth || (0,dom_lib_getWidth__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(tableRef === null || tableRef === void 0 ? void 0 : tableRef.current);\n    }\n    if (prevWidth && prevWidth !== tableWidth.current) {\n      scrollX.current = 0;\n      onTableResizeChange === null || onTableResizeChange === void 0 ? void 0 : onTableResizeChange(prevWidth, 'widthChanged');\n    }\n    setOffsetByAffix();\n  }, [onTableResizeChange, setOffsetByAffix, tableRef]);\n  var calculateTableHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (nextHeight) {\n    var prevHeight = tableHeight.current;\n    if (nextHeight) {\n      tableHeight.current = nextHeight;\n    } else if (tableRef !== null && tableRef !== void 0 && tableRef.current) {\n      tableHeight.current = (0,dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(tableRef.current.parentNode);\n    }\n    if (prevHeight && prevHeight !== tableHeight.current) {\n      onTableResizeChange === null || onTableResizeChange === void 0 ? void 0 : onTableResizeChange(prevHeight, 'heightChanged');\n    }\n  }, [onTableResizeChange, tableRef]);\n  (0,_useMount__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(function () {\n    var _tableRef$current;\n    calculateTableContextHeight();\n    calculateTableContentWidth();\n    calculateTableWidth();\n    calculateTableHeight();\n    setOffsetByAffix();\n    containerResizeObserver.current = new _juggle_resize_observer__WEBPACK_IMPORTED_MODULE_5__.ResizeObserver(function (entries) {\n      calculateTableHeight(entries[0].contentRect.height);\n    });\n    containerResizeObserver.current.observe(tableRef === null || tableRef === void 0 ? void 0 : (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.parentNode);\n    var changeTableWidthWhenResize = lodash_debounce__WEBPACK_IMPORTED_MODULE_9___default()(function (entries) {\n      var width = entries[0].contentRect.width;\n      // bordered table width is 1px larger than the container width. fix: #405 #404\n      var widthWithBorder = width + 2;\n      calculateTableWidth(bordered ? widthWithBorder : width);\n    }, 20);\n    resizeObserver.current = new _juggle_resize_observer__WEBPACK_IMPORTED_MODULE_5__.ResizeObserver(changeTableWidthWhenResize);\n    resizeObserver.current.observe(tableRef === null || tableRef === void 0 ? void 0 : tableRef.current);\n    return function () {\n      var _resizeObserver$curre, _containerResizeObser;\n      (_resizeObserver$curre = resizeObserver.current) === null || _resizeObserver$curre === void 0 ? void 0 : _resizeObserver$curre.disconnect();\n      (_containerResizeObser = containerResizeObserver.current) === null || _containerResizeObser === void 0 ? void 0 : _containerResizeObser.disconnect();\n    };\n  });\n  (0,_useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(function () {\n    calculateTableHeight();\n    calculateTableContextHeight();\n  }, [fillHeight]);\n  (0,_useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(function () {\n    calculateTableWidth();\n    calculateTableContentWidth();\n    calculateTableContextHeight();\n  }, [data, heightProp, contentHeight.current, expandedRowKeys, children, calculateTableContextHeight, calculateTableContentWidth]);\n  var setScrollY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (value) {\n    scrollY.current = value;\n  }, []);\n  var setScrollX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (value) {\n    scrollX.current = value;\n  }, []);\n  var getTableHeight = function getTableHeight() {\n    if (fillHeight) {\n      return tableHeight.current;\n    }\n    if ((data === null || data === void 0 ? void 0 : data.length) === 0 && autoHeight) {\n      return heightProp;\n    }\n    return autoHeight ? Math.max(headerHeight + contentHeight.current, minHeight) : heightProp;\n  };\n  return {\n    contentHeight: contentHeight,\n    contentWidth: contentWidth,\n    minScrollY: minScrollY,\n    minScrollX: minScrollX,\n    scrollY: scrollY,\n    scrollX: scrollX,\n    tableWidth: tableWidth,\n    headerOffset: headerOffset,\n    tableOffset: tableOffset,\n    getTableHeight: getTableHeight,\n    setScrollY: setScrollY,\n    setScrollX: setScrollX\n  };\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (useTableDimension);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useTableDimension.js?");
 
 /***/ }),
 
@@ -10150,7 +10150,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\");\n/* harmony import */ var _useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useUpdateLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateLayoutEffect.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\");\n/* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_isEmpty__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _defer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./defer */ \"./node_modules/rsuite-table/es/utils/defer.js\");\n\n\n\n\n\n\n\n/**\n * The row information of the table, get the DOM of all rows, and summarize the row height.\n * @param props\n * @returns\n */\nvar useTableRows = function useTableRows(props) {\n  var prefix = props.prefix,\n      wordWrap = props.wordWrap,\n      data = props.data,\n      expandedRowKeys = props.expandedRowKeys;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),\n      tableRowsMaxHeight = _useState[0],\n      setTableRowsMaxHeight = _useState[1];\n\n  var tableRows = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({});\n\n  var bindTableRowsRef = function bindTableRowsRef(index, rowData) {\n    return function (ref) {\n      if (ref) {\n        tableRows.current[index] = [ref, rowData];\n      }\n    };\n  };\n\n  var calculateRowMaxHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    if (wordWrap) {\n      var nextTableRowsMaxHeight = [];\n      var curTableRows = Object.values(tableRows.current);\n\n      for (var i = 0; i < curTableRows.length; i++) {\n        var _curTableRows$i = curTableRows[i],\n            row = _curTableRows$i[0];\n\n        if (row) {\n          var cells = row.querySelectorAll(\".\" + prefix('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 = (0,dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(cell);\n            maxHeight = Math.max(maxHeight, h);\n          }\n\n          nextTableRowsMaxHeight.push(maxHeight);\n        }\n      } // Can't perform a React state update on an unmounted component\n\n\n      if (!lodash_isEmpty__WEBPACK_IMPORTED_MODULE_4___default()(tableRows.current)) {\n        setTableRowsMaxHeight(nextTableRowsMaxHeight);\n      }\n    }\n  }, [prefix, wordWrap]);\n  (0,_useMount__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(function () {\n    (0,_defer__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(calculateRowMaxHeight);\n  });\n  (0,_useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(function () {\n    /**\n     * After the data is updated, the height of the cell DOM needs to be re-acquired,\n     * and what is often obtained is not the latest DOM that has been rendered.\n     * So use `defer` to delay obtaining the height of the cell DOM.\n     * TODO: To be improved\n     */\n    (0,_defer__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(calculateRowMaxHeight);\n  }, [data, expandedRowKeys]);\n  return {\n    bindTableRowsRef: bindTableRowsRef,\n    tableRowsMaxHeight: tableRowsMaxHeight,\n    tableRows: tableRows\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useTableRows);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useTableRows.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\");\n/* harmony import */ var _useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useUpdateLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateLayoutEffect.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\");\n/* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_isEmpty__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _defer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./defer */ \"./node_modules/rsuite-table/es/utils/defer.js\");\n'use client';\n\n\n\n\n\n\n/**\n * The row information of the table, get the DOM of all rows, and summarize the row height.\n * @param props\n * @returns\n */\nvar useTableRows = function useTableRows(props) {\n  var prefix = props.prefix,\n    wordWrap = props.wordWrap,\n    data = props.data,\n    expandedRowKeys = props.expandedRowKeys;\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),\n    tableRowsMaxHeight = _useState[0],\n    setTableRowsMaxHeight = _useState[1];\n  var tableRows = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({});\n  var bindTableRowsRef = function bindTableRowsRef(index, rowData) {\n    return function (ref) {\n      if (ref) {\n        tableRows.current[index] = [ref, rowData];\n      }\n    };\n  };\n  var calculateRowMaxHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    if (wordWrap) {\n      var nextTableRowsMaxHeight = [];\n      var curTableRows = Object.values(tableRows.current);\n      for (var i = 0; i < curTableRows.length; i++) {\n        var _curTableRows$i = curTableRows[i],\n          row = _curTableRows$i[0];\n        if (row) {\n          var cells = row.querySelectorAll(\".\" + prefix('cell-wrap')) || [];\n          var cellArray = Array.from(cells);\n          var maxHeight = 0;\n          for (var j = 0; j < cellArray.length; j++) {\n            var cell = cellArray[j];\n            var h = (0,dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(cell);\n            maxHeight = Math.max(maxHeight, h);\n          }\n          nextTableRowsMaxHeight.push(maxHeight);\n        }\n      }\n\n      // Can't perform a React state update on an unmounted component\n      if (!lodash_isEmpty__WEBPACK_IMPORTED_MODULE_4___default()(tableRows.current)) {\n        setTableRowsMaxHeight(nextTableRowsMaxHeight);\n      }\n    }\n  }, [prefix, wordWrap]);\n  (0,_useMount__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(function () {\n    (0,_defer__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(calculateRowMaxHeight);\n  });\n  (0,_useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(function () {\n    /**\n     * After the data is updated, the height of the cell DOM needs to be re-acquired,\n     * and what is often obtained is not the latest DOM that has been rendered.\n     * So use `defer` to delay obtaining the height of the cell DOM.\n     * TODO: To be improved\n     */\n    (0,_defer__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(calculateRowMaxHeight);\n  }, [data, expandedRowKeys]);\n  return {\n    bindTableRowsRef: bindTableRowsRef,\n    tableRowsMaxHeight: tableRowsMaxHeight,\n    tableRows: tableRows\n  };\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (useTableRows);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useTableRows.js?");
 
 /***/ }),
 
@@ -10161,7 +10161,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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\nvar useUpdateEffect = function useUpdateEffect(effect, deps) {\n  var isMounting = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(true);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (isMounting.current) {\n      isMounting.current = false;\n      return;\n    }\n\n    effect(); // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useUpdateEffect);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useUpdateEffect.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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'use client';\n\nvar useUpdateEffect = function useUpdateEffect(effect, deps) {\n  var isMounting = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(true);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (isMounting.current) {\n      isMounting.current = false;\n      return;\n    }\n    effect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (useUpdateEffect);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useUpdateEffect.js?");
 
 /***/ }),
 
@@ -10172,7 +10172,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var _useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useIsomorphicLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useIsomorphicLayoutEffect.js\");\n\n\n\nvar useUpdateLayoutEffect = function useUpdateLayoutEffect(effect, deps) {\n  var isMounting = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(true);\n  (0,_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(function () {\n    if (isMounting.current) {\n      isMounting.current = false;\n      return;\n    }\n\n    effect(); // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useUpdateLayoutEffect);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useUpdateLayoutEffect.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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/* harmony import */ var _useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useIsomorphicLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useIsomorphicLayoutEffect.js\");\n'use client';\n\n\nvar useUpdateLayoutEffect = function useUpdateLayoutEffect(effect, deps) {\n  var isMounting = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(true);\n  (0,_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(function () {\n    if (isMounting.current) {\n      isMounting.current = false;\n      return;\n    }\n    effect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (useUpdateLayoutEffect);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useUpdateLayoutEffect.js?");
 
 /***/ }),