acud 0.0.71 → 0.0.74

package/dist/acud.js

@@ -1,4 +1,4 @@
-/*! acud v0.0.71 */
+/*! acud v0.0.74 */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory(require("react"), require("react-dom"));
@@ -3720,7 +3720,9 @@ var Card = function Card(_a) {
       hoverable = _a.hoverable,
       _a$tabProps = _a.tabProps,
       tabProps = _a$tabProps === void 0 ? {} : _a$tabProps,
-      restProps = __rest(_a, ["prefixCls", "simple", "description", "disabled", "footerExtra", "footerStyle", "children", "loading", "headStyle", "bodyStyle", "style", "bordered", "type", "title", "extra", "cover", "actions", "actionsExtra", "multiMedia", "multiMediaPosition", "tabList", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps"]);
+      _a$className = _a.className,
+      className = _a$className === void 0 ? '' : _a$className,
+      restProps = __rest(_a, ["prefixCls", "simple", "description", "disabled", "footerExtra", "footerStyle", "children", "loading", "headStyle", "bodyStyle", "style", "bordered", "type", "title", "extra", "cover", "actions", "actionsExtra", "multiMedia", "multiMediaPosition", "tabList", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps", "className"]);
 
   var _React$useContext = react__WEBPACK_IMPORTED_MODULE_3___default.a.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_8__["ConfigContext"]),
       getPrefixCls = _React$useContext.getPrefixCls,
@@ -3868,7 +3870,7 @@ var Card = function Card(_a) {
   }, multiMedia), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
     className: "".concat(cardPrefixCls, "-con-wrap ").concat(multiMedia ? "".concat(multiMediaPosition === 'left' ? 'right' : 'left') : '')
   }, head, coverDom, body, footer, actionRender));
-  var classString = classnames__WEBPACK_IMPORTED_MODULE_4___default()(cardPrefixCls, (_classNames3 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-loading"), loading), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-bordered"), bordered), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-hoverable"), hoverable), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-contain-grid"), isContainGrid()), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-contain-tabs"), tabList && tabList.length), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-type-").concat(type), !!type), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-rtl"), direction === 'rtl'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-simple"), simple), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-selected"), isSelected), _classNames3));
+  var classString = classnames__WEBPACK_IMPORTED_MODULE_4___default()(cardPrefixCls, (_classNames3 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-loading"), loading), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-bordered"), bordered), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-hoverable"), hoverable), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-contain-grid"), isContainGrid()), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-contain-tabs"), tabList && tabList.length), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-type-").concat(type), !!type), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-rtl"), direction === 'rtl'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-simple"), simple), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(cardPrefixCls, "-selected"), isSelected), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, className, !!className), _classNames3));
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
     className: classString,
     disabled: simple && disabled,
@@ -5811,36 +5813,38 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
 /* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/get */ "./node_modules/lodash/get.js");
 /* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var lodash_first__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/first */ "./node_modules/lodash/first.js");
-/* harmony import */ var lodash_first__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_first__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/isEqual */ "./node_modules/lodash/isEqual.js");
-/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_isEqual__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! rc-util/es/KeyCode */ "./node_modules/rc-util/es/KeyCode.js");
-/* harmony import */ var rc_util_es_omit__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! rc-util/es/omit */ "./node_modules/rc-util/es/omit.js");
-/* harmony import */ var array_tree_filter__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! array-tree-filter */ "./node_modules/array-tree-filter/lib/index.js");
-/* harmony import */ var array_tree_filter__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(array_tree_filter__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var acud_icon_es_icons_OutlinedLeft__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! acud-icon/es/icons/OutlinedLeft */ "./node_modules/acud-icon/es/icons/OutlinedLeft.js");
-/* harmony import */ var acud_icon_es_icons_OutlinedRight__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! acud-icon/es/icons/OutlinedRight */ "./node_modules/acud-icon/es/icons/OutlinedRight.js");
-/* harmony import */ var acud_icon_es_icons_OutlinedLoading__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! acud-icon/es/icons/OutlinedLoading */ "./node_modules/acud-icon/es/icons/OutlinedLoading.js");
-/* harmony import */ var acud_icon_es_icons_OutlinedDown__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! acud-icon/es/icons/OutlinedDown */ "./node_modules/acud-icon/es/icons/OutlinedDown.js");
-/* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../input */ "./components/input/index.tsx");
-/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../tag */ "./components/tag/index.tsx");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../tooltip */ "./components/tooltip/index.tsx");
-/* harmony import */ var _clear__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../clear */ "./components/clear/index.tsx");
-/* harmony import */ var _Cascader__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./Cascader */ "./components/cascader/Cascader.tsx");
-/* harmony import */ var _renderEmpty__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./renderEmpty */ "./components/cascader/renderEmpty.tsx");
-/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
-/* harmony import */ var _config_provider_SizeContext__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../config-provider/SizeContext */ "./components/config-provider/SizeContext.tsx");
-/* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale-provider/LocaleReceiver.tsx");
-/* harmony import */ var _util_reactNode__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../_util/reactNode */ "./components/_util/reactNode.ts");
-/* harmony import */ var _util_devWarning__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../_util/devWarning */ "./components/_util/devWarning.ts");
-/* harmony import */ var _util_motion__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../_util/motion */ "./components/_util/motion.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./utils */ "./components/cascader/utils.ts");
-/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./style */ "./components/cascader/style/index.tsx");
+/* harmony import */ var lodash_map__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/map */ "./node_modules/lodash/map.js");
+/* harmony import */ var lodash_map__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_map__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var lodash_first__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/first */ "./node_modules/lodash/first.js");
+/* harmony import */ var lodash_first__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_first__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash/isEqual */ "./node_modules/lodash/isEqual.js");
+/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(lodash_isEqual__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! rc-util/es/KeyCode */ "./node_modules/rc-util/es/KeyCode.js");
+/* harmony import */ var rc_util_es_omit__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! rc-util/es/omit */ "./node_modules/rc-util/es/omit.js");
+/* harmony import */ var array_tree_filter__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! array-tree-filter */ "./node_modules/array-tree-filter/lib/index.js");
+/* harmony import */ var array_tree_filter__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(array_tree_filter__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var acud_icon_es_icons_OutlinedLeft__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! acud-icon/es/icons/OutlinedLeft */ "./node_modules/acud-icon/es/icons/OutlinedLeft.js");
+/* harmony import */ var acud_icon_es_icons_OutlinedRight__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! acud-icon/es/icons/OutlinedRight */ "./node_modules/acud-icon/es/icons/OutlinedRight.js");
+/* harmony import */ var acud_icon_es_icons_OutlinedLoading__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! acud-icon/es/icons/OutlinedLoading */ "./node_modules/acud-icon/es/icons/OutlinedLoading.js");
+/* harmony import */ var acud_icon_es_icons_OutlinedDown__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! acud-icon/es/icons/OutlinedDown */ "./node_modules/acud-icon/es/icons/OutlinedDown.js");
+/* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../input */ "./components/input/index.tsx");
+/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../tag */ "./components/tag/index.tsx");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../tooltip */ "./components/tooltip/index.tsx");
+/* harmony import */ var _clear__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../clear */ "./components/clear/index.tsx");
+/* harmony import */ var _Cascader__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./Cascader */ "./components/cascader/Cascader.tsx");
+/* harmony import */ var _renderEmpty__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./renderEmpty */ "./components/cascader/renderEmpty.tsx");
+/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
+/* harmony import */ var _config_provider_SizeContext__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../config-provider/SizeContext */ "./components/config-provider/SizeContext.tsx");
+/* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale-provider/LocaleReceiver.tsx");
+/* harmony import */ var _util_reactNode__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../_util/reactNode */ "./components/_util/reactNode.ts");
+/* harmony import */ var _util_devWarning__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../_util/devWarning */ "./components/_util/devWarning.ts");
+/* harmony import */ var _util_motion__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../_util/motion */ "./components/_util/motion.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./utils */ "./components/cascader/utils.ts");
+/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./style */ "./components/cascader/style/index.tsx");
 
 
 
@@ -5887,6 +5891,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 
 
 var keepFilteredValueField = '__KEEP_FILTERED_OPTION_VALUE'; // limit the filtered item count by default
@@ -5895,7 +5900,7 @@ var defaultLimit = 50;
 
 var highlightKeyword = function highlightKeyword(str, keyword, prefixCls) {
   return str.split(keyword).map(function (node, index) {
-    return index === 0 ? node : [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("span", {
+    return index === 0 ? node : [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("span", {
       className: "".concat(prefixCls, "-menu-item-keyword"),
       key: "seperator"
     }, keyword), node];
@@ -5972,50 +5977,50 @@ var getEmptyNode = function getEmptyNode(renderEmpty, names, notFoundContent) {
 var Cascader = function Cascader(props, ref) {
   var mode = props.mode,
       popupPlacement = props.popupPlacement;
-  var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_7__["useRef"])();
-  var cachedRef = Object(react__WEBPACK_IMPORTED_MODULE_7__["useRef"])({});
-  var measureRef = Object(react__WEBPACK_IMPORTED_MODULE_7__["useRef"])();
-  var pickerRef = Object(react__WEBPACK_IMPORTED_MODULE_7__["useRef"])();
-  var pickerLabelRef = Object(react__WEBPACK_IMPORTED_MODULE_7__["useRef"])();
-  var tagsRef = Object(react__WEBPACK_IMPORTED_MODULE_7__["useRef"])();
-
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_7__["useState"])(props.value || props.defaultValue),
+  var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_8__["useRef"])();
+  var cachedRef = Object(react__WEBPACK_IMPORTED_MODULE_8__["useRef"])({});
+  var measureRef = Object(react__WEBPACK_IMPORTED_MODULE_8__["useRef"])();
+  var pickerRef = Object(react__WEBPACK_IMPORTED_MODULE_8__["useRef"])();
+  var pickerLabelRef = Object(react__WEBPACK_IMPORTED_MODULE_8__["useRef"])();
+  var tagsRef = Object(react__WEBPACK_IMPORTED_MODULE_8__["useRef"])();
+
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_8__["useState"])(props.value || props.defaultValue),
       _useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState, 2),
       value = _useState2[0],
       setValue = _useState2[1];
 
-  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_7__["useState"])(''),
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_8__["useState"])(''),
       _useState4 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState3, 2),
       inputValue = _useState4[0],
       setInputValue = _useState4[1];
 
-  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_7__["useState"])(0),
+  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_8__["useState"])(0),
       _useState6 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState5, 2),
       inputWidth = _useState6[0],
       setInputWidth = _useState6[1];
 
-  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_7__["useState"])(false),
+  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_8__["useState"])(false),
       _useState8 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState7, 2),
       inputFocused = _useState8[0],
       setInputFocused = _useState8[1];
 
-  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_7__["useState"])(props.popupVisible),
+  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_8__["useState"])(props.popupVisible),
       _useState10 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState9, 2),
       popupVisible = _useState10[0],
       setPopupVisible = _useState10[1];
 
-  var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_7__["useState"])(false),
+  var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_8__["useState"])(false),
       _useState12 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState11, 2),
       pickerLabelOverflow = _useState12[0],
       setPickerLabelOverflow = _useState12[1];
 
   var isMulti = mode === 'multiple';
-  var flattenOptions = Object(react__WEBPACK_IMPORTED_MODULE_7__["useMemo"])(function () {
+  var flattenOptions = Object(react__WEBPACK_IMPORTED_MODULE_8__["useMemo"])(function () {
     var showSearch = props.showSearch,
         options = props.options;
     return showSearch ? flattenTree(options, props) : undefined;
   }, [props]);
-  var disabledValue = Object(react__WEBPACK_IMPORTED_MODULE_7__["useMemo"])(function () {
+  var disabledValue = Object(react__WEBPACK_IMPORTED_MODULE_8__["useMemo"])(function () {
     var options = props.options;
     var flattenOptions = flattenTree(options, props);
     var disabledOptions = flattenOptions.filter(function (options) {
@@ -6030,17 +6035,17 @@ var Cascader = function Cascader(props, ref) {
       });
     });
   }, [props]);
-  var focus = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function () {
+  var focus = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function () {
     var _a;
 
     (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
   }, []);
-  var blur = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function () {
+  var blur = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function () {
     var _a;
 
     (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
   }, []);
-  var getPopupPlacement = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function () {
+  var getPopupPlacement = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function () {
     var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'ltr';
 
     if (popupPlacement !== undefined) {
@@ -6049,7 +6054,7 @@ var Cascader = function Cascader(props, ref) {
 
     return direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
   }, [popupPlacement]);
-  var generateFilteredOptions = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function (prefixCls, renderEmpty) {
+  var generateFilteredOptions = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function (prefixCls, renderEmpty) {
     var showSearch = props.showSearch,
         notFoundContent = props.notFoundContent;
     var names = getFilledFieldNames(props);
@@ -6077,7 +6082,7 @@ var Cascader = function Cascader(props, ref) {
         return matchCount >= limit;
       });
     } else {
-      Object(_util_devWarning__WEBPACK_IMPORTED_MODULE_26__["default"])(typeof limit !== 'number', 'Cascader', "'limit' of showSearch should be positive number or false.");
+      Object(_util_devWarning__WEBPACK_IMPORTED_MODULE_27__["default"])(typeof limit !== 'number', 'Cascader', "'limit' of showSearch should be positive number or false.");
       filtered = flattenOptions.filter(function (path) {
         return filter(inputValue, path, names);
       });
@@ -6105,7 +6110,7 @@ var Cascader = function Cascader(props, ref) {
 
     return [getEmptyNode(renderEmpty, names, notFoundContent)];
   }, [props, inputValue, flattenOptions]);
-  var updateValue = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function (value) {
+  var updateValue = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function (value) {
     var selectedOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
 
     var _a;
@@ -6116,15 +6121,15 @@ var Cascader = function Cascader(props, ref) {
 
     (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, selectedOptions);
   }, [props]);
-  var handleMouseDown = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function (e) {
+  var handleMouseDown = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function (e) {
     e.preventDefault();
   }, []);
-  var handlePickerLabelHover = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function () {
+  var handlePickerLabelHover = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function () {
     var ele = pickerLabelRef.current;
     var overflow = (ele === null || ele === void 0 ? void 0 : ele.scrollWidth) > (ele === null || ele === void 0 ? void 0 : ele.clientWidth);
     setPickerLabelOverflow(overflow);
   }, []);
-  var handleClick = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function (e) {
+  var handleClick = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function (e) {
     if (e.target !== inputRef.current) {
       var isIE = document.body.style.msTouchAction !== undefined;
 
@@ -6137,7 +6142,7 @@ var Cascader = function Cascader(props, ref) {
       }
     }
   }, [focus]);
-  var handlePopupVisibleChange = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function (popupVisible) {
+  var handlePopupVisibleChange = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function (popupVisible) {
     var _a;
 
     if (!('popupVisible' in props)) {
@@ -6150,12 +6155,12 @@ var Cascader = function Cascader(props, ref) {
 
     (_a = props.onPopupVisibleChange) === null || _a === void 0 ? void 0 : _a.call(props, popupVisible);
   }, [props]);
-  var handleValueChange = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function (value, selectedOptions) {
+  var handleValueChange = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function (value, selectedOptions) {
     !isMulti && setInputValue('');
     var selectedOptionFirst = isMulti ? {} : selectedOptions[0];
 
     if (selectedOptionFirst === null || selectedOptionFirst === void 0 ? void 0 : selectedOptionFirst.__IS_FILTERED_OPTION) {
-      var unwrappedValue = selectedOptionFirst[keepFilteredValueField] === undefined ? lodash_first__WEBPACK_IMPORTED_MODULE_5___default()(value) : selectedOptionFirst[keepFilteredValueField];
+      var unwrappedValue = selectedOptionFirst[keepFilteredValueField] === undefined ? lodash_first__WEBPACK_IMPORTED_MODULE_6___default()(value) : selectedOptionFirst[keepFilteredValueField];
       var unwrappedSelectedOptions = selectedOptionFirst.path;
       updateValue(unwrappedValue, unwrappedSelectedOptions);
       return;
@@ -6173,26 +6178,26 @@ var Cascader = function Cascader(props, ref) {
       }, 100);
     }
   }, [isMulti, updateValue]);
-  var handleInputClick = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function (e) {
+  var handleInputClick = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function (e) {
     if (inputFocused || popupVisible) {
       e.stopPropagation();
     }
   }, [inputFocused, popupVisible]);
-  var handleInputBlur = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function () {
+  var handleInputBlur = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function () {
     return setInputFocused(false);
   }, []);
-  var handleInputFocus = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function () {
+  var handleInputFocus = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function () {
     return setInputFocused(true);
   }, []);
-  var handleInputKeyDown = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function (e, firstFilteredOptionValue) {
-    if (e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_9__["default"].BACKSPACE || e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_9__["default"].SPACE) {
+  var handleInputKeyDown = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function (e, firstFilteredOptionValue) {
+    if (e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__["default"].BACKSPACE || e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__["default"].SPACE) {
       e.stopPropagation();
     }
 
-    if (e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_9__["default"].ENTER && firstFilteredOptionValue) {
+    if (e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_10__["default"].ENTER && firstFilteredOptionValue) {
       if (isMulti) {
         setValue(function (prevValue) {
-          if (Object(_utils__WEBPACK_IMPORTED_MODULE_28__["isIncludeArray"])(prevValue, firstFilteredOptionValue)) {
+          if (Object(_utils__WEBPACK_IMPORTED_MODULE_29__["isIncludeArray"])(prevValue, firstFilteredOptionValue)) {
             return prevValue;
           }
 
@@ -6206,7 +6211,7 @@ var Cascader = function Cascader(props, ref) {
       handlePopupVisibleChange(false);
     }
   }, [isMulti, handlePopupVisibleChange]);
-  var handleInputChange = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function (e) {
+  var handleInputChange = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function (e) {
     if (!popupVisible) {
       handlePopupVisibleChange(true);
     }
@@ -6214,16 +6219,16 @@ var Cascader = function Cascader(props, ref) {
     var inputValue = e.target.value;
     setInputValue(inputValue);
   }, [popupVisible, handlePopupVisibleChange]);
-  var handleSelectionItemClear = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function (e, valueIndex) {
+  var handleSelectionItemClear = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function (e, valueIndex) {
     e.preventDefault();
     e.stopPropagation();
     setValue(function (prevValue) {
       return prevValue.filter(function (valueItem) {
-        return !Object(_utils__WEBPACK_IMPORTED_MODULE_28__["isEqualArrays"])(valueItem, prevValue[valueIndex]);
+        return !Object(_utils__WEBPACK_IMPORTED_MODULE_29__["isEqualArrays"])(valueItem, prevValue[valueIndex]);
       });
     });
   }, []);
-  var handleSelectionClear = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function (e) {
+  var handleSelectionClear = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function (e) {
     e.preventDefault();
     e.stopPropagation();
 
@@ -6236,15 +6241,15 @@ var Cascader = function Cascader(props, ref) {
       setInputValue('');
     }
   }, [inputValue, handlePopupVisibleChange]);
-  var label = Object(react__WEBPACK_IMPORTED_MODULE_7__["useMemo"])(function () {
+  var label = Object(react__WEBPACK_IMPORTED_MODULE_8__["useMemo"])(function () {
     var options = props.options,
         _props$displayRender = props.displayRender,
         displayRender = _props$displayRender === void 0 ? defaultDisplayRender : _props$displayRender;
     var names = getFilledFieldNames(props);
 
     if (isMulti) {
-      var _selectedOptions = value.map(function (valueItem) {
-        return array_tree_filter__WEBPACK_IMPORTED_MODULE_11___default()(options, function (o, level) {
+      var _selectedOptions = lodash_map__WEBPACK_IMPORTED_MODULE_5___default()(value, function (valueItem) {
+        return array_tree_filter__WEBPACK_IMPORTED_MODULE_12___default()(options, function (o, level) {
           return o[names.value] === valueItem[level];
         }, {
           childrenKeyName: names.children
@@ -6257,13 +6262,13 @@ var Cascader = function Cascader(props, ref) {
         });
       }) : value;
 
-      return _label.map(function (labelItem) {
+      return lodash_map__WEBPACK_IMPORTED_MODULE_5___default()(_label, function (labelItem) {
         return displayRender(labelItem, _selectedOptions);
       });
     }
 
-    var unwrappedValue = Array.isArray(lodash_first__WEBPACK_IMPORTED_MODULE_5___default()(value)) ? lodash_first__WEBPACK_IMPORTED_MODULE_5___default()(value) : value;
-    var selectedOptions = array_tree_filter__WEBPACK_IMPORTED_MODULE_11___default()(options, function (o, level) {
+    var unwrappedValue = Array.isArray(lodash_first__WEBPACK_IMPORTED_MODULE_6___default()(value)) ? lodash_first__WEBPACK_IMPORTED_MODULE_6___default()(value) : value;
+    var selectedOptions = array_tree_filter__WEBPACK_IMPORTED_MODULE_12___default()(options, function (o, level) {
       return o[names.value] === lodash_get__WEBPACK_IMPORTED_MODULE_4___default()(unwrappedValue, level);
     }, {
       childrenKeyName: names.children
@@ -6273,7 +6278,7 @@ var Cascader = function Cascader(props, ref) {
     }) : value;
     return displayRender(label, selectedOptions);
   }, [isMulti, value, props]);
-  var renderCascader = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function (context, locale, size) {
+  var renderCascader = Object(react__WEBPACK_IMPORTED_MODULE_8__["useCallback"])(function (context, locale, size) {
     var _classnames, _classnames2, _classnames3, _classnames5;
 
     var _a, _b;
@@ -6310,9 +6315,9 @@ var Cascader = function Cascader(props, ref) {
     var mergedSize = customizeSize || size;
     var prefixCls = getPrefixCls('cascader', customizePrefixCls);
     var inputPrefixCls = getPrefixCls('input', customizeInputPrefixCls);
-    var sizeCls = classnames__WEBPACK_IMPORTED_MODULE_8___default()((_classnames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames, "".concat(inputPrefixCls, "-lg"), mergedSize === 'large'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames, "".concat(inputPrefixCls, "-sm"), mergedSize === 'small'), _classnames));
-    var pickerCls = classnames__WEBPACK_IMPORTED_MODULE_8___default()("".concat(prefixCls, "-picker"), (_classnames2 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-multi"), isMulti), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-rtl"), isRtlLayout), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-with-input-value"), inputValue), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-disabled"), disabled), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-lg"), mergedSize === 'large'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-sm"), mergedSize === 'small'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-show-search"), !!showSearch), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-focused"), inputFocused), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-expand"), popupVisible), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-borderless"), !bordered), _classnames2), className);
-    var arrowCls = classnames__WEBPACK_IMPORTED_MODULE_8___default()((_classnames3 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames3, "".concat(prefixCls, "-picker-arrow"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames3, "".concat(prefixCls, "-picker-arrow-expand"), popupVisible), _classnames3));
+    var sizeCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()((_classnames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames, "".concat(inputPrefixCls, "-lg"), mergedSize === 'large'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames, "".concat(inputPrefixCls, "-sm"), mergedSize === 'small'), _classnames));
+    var pickerCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(prefixCls, "-picker"), (_classnames2 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-multi"), isMulti), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-rtl"), isRtlLayout), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-with-input-value"), inputValue), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-disabled"), disabled), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-lg"), mergedSize === 'large'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-sm"), mergedSize === 'small'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-show-search"), !!showSearch), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-focused"), inputFocused), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-expand"), popupVisible), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames2, "".concat(prefixCls, "-picker-borderless"), !bordered), _classnames2), className);
+    var arrowCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()((_classnames3 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames3, "".concat(prefixCls, "-picker-arrow"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames3, "".concat(prefixCls, "-picker-arrow-expand"), popupVisible), _classnames3));
     var options = props.options;
     var names = getFilledFieldNames(props);
     var isOptionsEmpty = !(options && options.length > 0);
@@ -6320,11 +6325,11 @@ var Cascader = function Cascader(props, ref) {
     if (!isOptionsEmpty) {
       if (inputValue) {
         options = generateFilteredOptions(prefixCls, function () {
-          return Object(_renderEmpty__WEBPACK_IMPORTED_MODULE_21__["default"])('未查找到任何结果');
+          return Object(_renderEmpty__WEBPACK_IMPORTED_MODULE_22__["default"])('未查找到任何结果');
         });
       }
     } else {
-      options = [getEmptyNode(_renderEmpty__WEBPACK_IMPORTED_MODULE_21__["default"], names, notFoundContent)];
+      options = [getEmptyNode(_renderEmpty__WEBPACK_IMPORTED_MODULE_22__["default"], names, notFoundContent)];
     }
 
     if (!popupVisible) {
@@ -6333,27 +6338,27 @@ var Cascader = function Cascader(props, ref) {
       cachedRef.current.options = options;
     }
 
-    var expandIconNode = expandIcon || (isRtlLayout ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(acud_icon_es_icons_OutlinedLeft__WEBPACK_IMPORTED_MODULE_12__["default"], null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(acud_icon_es_icons_OutlinedRight__WEBPACK_IMPORTED_MODULE_13__["default"], null));
-    var loadingIcon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("span", {
+    var expandIconNode = expandIcon || (isRtlLayout ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(acud_icon_es_icons_OutlinedLeft__WEBPACK_IMPORTED_MODULE_13__["default"], null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(acud_icon_es_icons_OutlinedRight__WEBPACK_IMPORTED_MODULE_14__["default"], null));
+    var loadingIcon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("span", {
       className: "".concat(prefixCls, "-menu-item-loading-icon")
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(acud_icon_es_icons_OutlinedLoading__WEBPACK_IMPORTED_MODULE_14__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(acud_icon_es_icons_OutlinedLoading__WEBPACK_IMPORTED_MODULE_15__["default"], {
       animation: "spin"
     }));
-    var clearIcon = allowClear && !disabled && lodash_get__WEBPACK_IMPORTED_MODULE_4___default()(value, 'length') > 0 || inputValue ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_clear__WEBPACK_IMPORTED_MODULE_19__["default"], {
+    var clearIcon = allowClear && !disabled && lodash_get__WEBPACK_IMPORTED_MODULE_4___default()(value, 'length') > 0 || inputValue ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_clear__WEBPACK_IMPORTED_MODULE_20__["default"], {
       className: "".concat(prefixCls, "-picker-clear"),
       onClick: handleSelectionClear
     }) : null;
-    var inputIcon = suffixIcon ? Object(_util_reactNode__WEBPACK_IMPORTED_MODULE_25__["replaceElement"])(suffixIcon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("span", {
+    var inputIcon = suffixIcon ? Object(_util_reactNode__WEBPACK_IMPORTED_MODULE_26__["replaceElement"])(suffixIcon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("span", {
       className: "".concat(prefixCls, "-picker-arrow"),
       disabled: disabled
     }, suffixIcon), function () {
       var _classnames4;
 
       return {
-        className: classnames__WEBPACK_IMPORTED_MODULE_8___default()((_classnames4 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames4, suffixIcon.props.className, suffixIcon.props.className), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames4, "".concat(prefixCls, "-picker-arrow"), true), _classnames4)),
+        className: classnames__WEBPACK_IMPORTED_MODULE_9___default()((_classnames4 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames4, suffixIcon.props.className, suffixIcon.props.className), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames4, "".concat(prefixCls, "-picker-arrow"), true), _classnames4)),
         disabled: disabled
       };
-    }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(acud_icon_es_icons_OutlinedDown__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(acud_icon_es_icons_OutlinedDown__WEBPACK_IMPORTED_MODULE_16__["default"], {
       className: arrowCls,
       disabled: disabled
     });
@@ -6363,7 +6368,7 @@ var Cascader = function Cascader(props, ref) {
         return null;
       }
 
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_7__["Fragment"], null, label.map(function (labelItem, labelIndex) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_8__["Fragment"], null, label.map(function (labelItem, labelIndex) {
         var displayLabel = labelItem;
 
         if (typeof maxTagTextLength === 'number') {
@@ -6377,14 +6382,14 @@ var Cascader = function Cascader(props, ref) {
         }
 
         var currentItemValue = value[labelIndex];
-        var closable = !Object(_utils__WEBPACK_IMPORTED_MODULE_28__["isIncludeArray"])(disabledValue, currentItemValue);
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
+        var closable = !Object(_utils__WEBPACK_IMPORTED_MODULE_29__["isIncludeArray"])(disabledValue, currentItemValue);
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
           className: "".concat(prefixCls, "-tag-wrap"),
           key: labelIndex
-        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_tooltip__WEBPACK_IMPORTED_MODULE_18__["default"], {
+        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_tooltip__WEBPACK_IMPORTED_MODULE_19__["default"], {
           title: labelItem,
           overlayClassName: "".concat(prefixCls, "-tag-tooltip")
-        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_tag__WEBPACK_IMPORTED_MODULE_17__["default"], {
+        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_tag__WEBPACK_IMPORTED_MODULE_18__["default"], {
           className: "".concat(prefixCls, "-tag"),
           disabled: disabled,
           closable: closable,
@@ -6396,7 +6401,7 @@ var Cascader = function Cascader(props, ref) {
     }();
 
     var getPopupContainer = props.getPopupContainer || getContextPopupContainer;
-    var rcCascaderPopupClassName = classnames__WEBPACK_IMPORTED_MODULE_8___default()(popupClassName, (_classnames5 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames5, "".concat(prefixCls, "-menu-").concat(direction), direction === 'rtl'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames5, "".concat(prefixCls, "-menu-search"), showSearch && inputValue), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames5, "".concat(prefixCls, "-menu-empty"), options.length === 1 && (options[0].value === 'ANT_CASCADER_NOT_FOUND' || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.isValidElement(options[0].value))), _classnames5));
+    var rcCascaderPopupClassName = classnames__WEBPACK_IMPORTED_MODULE_9___default()(popupClassName, (_classnames5 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames5, "".concat(prefixCls, "-menu-").concat(direction), direction === 'rtl'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames5, "".concat(prefixCls, "-menu-search"), showSearch && inputValue), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(_classnames5, "".concat(prefixCls, "-menu-empty"), options.length === 1 && (options[0].value === 'ANT_CASCADER_NOT_FOUND' || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.isValidElement(options[0].value))), _classnames5));
     var dropdownMenuColumnStyle = {};
     var isNotFound = (options || []).length === 1 && options[0].isEmptyNode;
 
@@ -6410,11 +6415,11 @@ var Cascader = function Cascader(props, ref) {
       dropdownMenuColumnStyle.width = (_b = pickerRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth;
     }
 
-    var inputProps = Object(rc_util_es_omit__WEBPACK_IMPORTED_MODULE_10__["default"])( // Not know why these props left
+    var inputProps = Object(rc_util_es_omit__WEBPACK_IMPORTED_MODULE_11__["default"])( // Not know why these props left
     otherProps, ['onChange', 'options', 'popupPlacement', 'transitionName', 'displayRender', 'onPopupVisibleChange', 'changeOnSelect', 'expandTrigger', 'popupVisible', 'getPopupContainer', 'loadData', 'filterOption', 'renderFilteredOption', 'sortFilteredOption', 'fieldNames', 'mode', 'menusEdgeBuffer']);
 
     var firstFilteredOptionValue = function () {
-      var firstOption = lodash_first__WEBPACK_IMPORTED_MODULE_5___default()(options);
+      var firstOption = lodash_first__WEBPACK_IMPORTED_MODULE_6___default()(options);
 
       var _ref4 = firstOption || {},
           isFilteredOption = _ref4.__IS_FILTERED_OPTION,
@@ -6426,24 +6431,24 @@ var Cascader = function Cascader(props, ref) {
       }
     }();
 
-    var customInput = isMulti ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
+    var customInput = isMulti ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
       ref: pickerRef,
       style: style,
       className: pickerCls,
       disabled: disabled,
       onClick: showSearch ? handleClick : undefined,
       onMouseDown: showSearch ? handleMouseDown : undefined
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
       className: "".concat(prefixCls, "-tags ").concat(sizeCls),
       ref: tagsRef
-    }, multiLabelContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
+    }, multiLabelContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
       className: "".concat(prefixCls, "-input-wrap"),
       style: {
         width: value && value.length ? inputWidth : '100%'
       },
       onFocus: showSearch ? focus : undefined,
       onBlur: showSearch ? blur : undefined
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_input__WEBPACK_IMPORTED_MODULE_16__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, inputProps, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_input__WEBPACK_IMPORTED_MODULE_17__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, inputProps, {
       tabIndex: -1,
       ref: inputRef,
       prefixCls: inputPrefixCls,
@@ -6460,24 +6465,24 @@ var Cascader = function Cascader(props, ref) {
         return handleInputKeyDown(e, firstFilteredOptionValue);
       },
       onChange: showSearch ? handleInputChange : undefined
-    })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("span", {
+    })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("span", {
       ref: measureRef,
       className: "".concat(prefixCls, "-mirror"),
       "aria-hidden": true
-    }, inputValue, "\xA0"))), clearIcon, inputIcon) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("span", {
+    }, inputValue, "\xA0"))), clearIcon, inputIcon) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("span", {
       ref: pickerRef,
       style: style,
       className: pickerCls,
       disabled: disabled
-    }, label && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_tooltip__WEBPACK_IMPORTED_MODULE_18__["default"], {
+    }, label && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_tooltip__WEBPACK_IMPORTED_MODULE_19__["default"], {
       title: pickerLabelOverflow ? label : undefined,
       overlayClassName: "".concat(prefixCls, "-picker-label-tooltip")
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("span", {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("span", {
       ref: pickerLabelRef,
       className: "".concat(prefixCls, "-picker-label"),
       disabled: disabled,
       onMouseOver: handlePickerLabelHover
-    }, label)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_input__WEBPACK_IMPORTED_MODULE_16__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, inputProps, {
+    }, label)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_input__WEBPACK_IMPORTED_MODULE_17__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, inputProps, {
       tabIndex: -1,
       ref: inputRef,
       prefixCls: inputPrefixCls,
@@ -6495,11 +6500,11 @@ var Cascader = function Cascader(props, ref) {
       onChange: showSearch ? handleInputChange : undefined
     })), clearIcon, inputIcon);
     var input = children || customInput;
-    var rcCascaderProps = Object(rc_util_es_omit__WEBPACK_IMPORTED_MODULE_10__["default"])(props, ['inputIcon', 'expandIcon', 'loadingIcon', 'bordered', 'className']);
+    var rcCascaderProps = Object(rc_util_es_omit__WEBPACK_IMPORTED_MODULE_11__["default"])(props, ['inputIcon', 'expandIcon', 'loadingIcon', 'bordered', 'className']);
     var rootPrefixCls = getPrefixCls();
     var firstOptionValue = lodash_get__WEBPACK_IMPORTED_MODULE_4___default()(props, 'options[0].value');
     var initialActiveValue = firstOptionValue !== undefined ? [firstOptionValue] : undefined;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_Cascader__WEBPACK_IMPORTED_MODULE_20__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, rcCascaderProps, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_Cascader__WEBPACK_IMPORTED_MODULE_21__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, rcCascaderProps, {
       value: value,
       initialActiveValue: initialActiveValue,
       options: options,
@@ -6515,21 +6520,21 @@ var Cascader = function Cascader(props, ref) {
       popupPlacement: getPopupPlacement(direction),
       dropdownMenuColumnStyle: dropdownMenuColumnStyle,
       dropdownRender: dropdownRender,
-      transitionName: Object(_util_motion__WEBPACK_IMPORTED_MODULE_27__["getTransitionName"])(rootPrefixCls, 'slide-up', props.transitionName),
+      transitionName: Object(_util_motion__WEBPACK_IMPORTED_MODULE_28__["getTransitionName"])(rootPrefixCls, 'slide-up', props.transitionName),
       onPopupVisibleChange: handlePopupVisibleChange,
       onChange: handleValueChange
     }), input);
   }, [props, isMulti, label, value, disabledValue, pickerLabelOverflow, inputValue, inputWidth, inputFocused, popupVisible, blur, focus, getPopupPlacement, generateFilteredOptions, handleClick, handleMouseDown, handlePickerLabelHover, handleInputClick, handleInputBlur, handleInputFocus, handleInputKeyDown, handleInputChange, handleSelectionClear, handleSelectionItemClear, handleValueChange, handlePopupVisibleChange]);
-  Object(react__WEBPACK_IMPORTED_MODULE_7__["useImperativeHandle"])(ref, function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_8__["useImperativeHandle"])(ref, function () {
     return {
       focus: focus,
       blur: blur
     };
   });
-  Object(react__WEBPACK_IMPORTED_MODULE_7__["useLayoutEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_8__["useLayoutEffect"])(function () {
     measureRef.current && setInputWidth(measureRef.current.scrollWidth);
   }, [inputValue]);
-  Object(react__WEBPACK_IMPORTED_MODULE_7__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_8__["useEffect"])(function () {
     return function () {
       var _a;
 
@@ -6540,21 +6545,21 @@ var Cascader = function Cascader(props, ref) {
       }
     };
   }, []);
-  Object(react__WEBPACK_IMPORTED_MODULE_7__["useEffect"])(function () {
-    if ('value' in props && !lodash_isEqual__WEBPACK_IMPORTED_MODULE_6___default()(value, props.value)) {
+  Object(react__WEBPACK_IMPORTED_MODULE_8__["useEffect"])(function () {
+    if ('value' in props && !lodash_isEqual__WEBPACK_IMPORTED_MODULE_7___default()(value, props.value)) {
       setValue(props.value);
     }
   }, [props.value]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_config_provider__WEBPACK_IMPORTED_MODULE_22__["ConfigConsumer"], null, function (context) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_24__["default"], null, function (locale) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_config_provider_SizeContext__WEBPACK_IMPORTED_MODULE_23__["default"].Consumer, null, function (size) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_config_provider__WEBPACK_IMPORTED_MODULE_23__["ConfigConsumer"], null, function (context) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_25__["default"], null, function (locale) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_config_provider_SizeContext__WEBPACK_IMPORTED_MODULE_24__["default"].Consumer, null, function (size) {
         return renderCascader(context, locale, size);
       });
     });
   });
 };
 
-/* harmony default export */ __webpack_exports__["default"] = (/*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_7__["forwardRef"])(Cascader));
+/* harmony default export */ __webpack_exports__["default"] = (/*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_8__["forwardRef"])(Cascader));
 
 /***/ }),
 
@@ -6669,12 +6674,20 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.less */ "./components/cascader/style/index.less");
 /* harmony import */ var _empty_style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../empty/style */ "./components/empty/style/index.tsx");
 /* harmony import */ var _input_style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../input/style */ "./components/input/style/index.tsx");
+/* harmony import */ var _tag_style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../tag/style */ "./components/tag/style/index.tsx");
+/* harmony import */ var _tooltip_style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../tooltip/style */ "./components/tooltip/style/index.tsx");
+/* harmony import */ var _clear_style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../clear/style */ "./components/clear/style/index.tsx");
+/* harmony import */ var _checkbox_style__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../checkbox/style */ "./components/checkbox/style/index.tsx");
 
  // style dependencies
 
 
 
 
+
+
+
+
 /***/ }),
 
 /***/ "./components/cascader/utils.ts":
@@ -19721,6 +19734,80 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./components/input/AutoComplete.tsx":
+/*!*******************************************!*\
+  !*** ./components/input/AutoComplete.tsx ***!
+  \*******************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* 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");
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../select */ "./components/select/index.tsx");
+/* harmony import */ var _util_reactNode__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/reactNode */ "./components/_util/reactNode.ts");
+/* harmony import */ var rc_util_es_Children_toArray__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rc-util/es/Children/toArray */ "./node_modules/rc-util/es/Children/toArray.js");
+
+
+
+
+
+
+
+var Option = _select__WEBPACK_IMPORTED_MODULE_4__["default"].Option;
+
+function isSelectOptionOrSelectOptGroup(child) {
+  return child && child.type && (child.type.isSelectOption || child.type.isSelectOptGroup);
+}
+
+var AutoComplete = function AutoComplete(props, ref) {
+  var _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'acud-select' : _props$prefixCls,
+      className = props.className,
+      children = props.children;
+  var childNodes = Object(rc_util_es_Children_toArray__WEBPACK_IMPORTED_MODULE_6__["default"])(children); // ============================= Input =============================
+
+  var customizeInput;
+
+  if (childNodes.length === 1 && Object(_util_reactNode__WEBPACK_IMPORTED_MODULE_5__["isValidElement"])(childNodes[0]) && !isSelectOptionOrSelectOptGroup(childNodes[0])) {
+    var _childNodes = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(childNodes, 1);
+
+    customizeInput = _childNodes[0];
+  }
+
+  var getInputElement = customizeInput ? function () {
+    return customizeInput;
+  } : undefined; // ============================ Options ============================
+
+  var optionChildren;
+
+  if (childNodes.length && isSelectOptionOrSelectOptGroup(childNodes[0])) {
+    optionChildren = children;
+  } else {
+    optionChildren = [];
+  }
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_select__WEBPACK_IMPORTED_MODULE_4__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+    ref: ref
+  }, props, {
+    prefixCls: prefixCls,
+    className: classnames__WEBPACK_IMPORTED_MODULE_3___default()("".concat(prefixCls, "-auto-complete"), className),
+    mode: _select__WEBPACK_IMPORTED_MODULE_4__["default"].SECRET_COMBOBOX_MODE_DO_NOT_USE,
+    getInputElement: getInputElement
+  }), optionChildren);
+};
+
+var RefAutoComplete = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.forwardRef(AutoComplete);
+RefAutoComplete.Option = Option;
+/* harmony default export */ __webpack_exports__["default"] = (RefAutoComplete); // export default AutoComplete;
+
 /***/ }),
 
 /***/ "./components/input/Input.tsx":
@@ -20468,9 +20555,9 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+ // const TextArea:React.FC<TextAreaProps> = props => {
 
-
-var TextArea = function TextArea(props) {
+var TextArea = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.forwardRef(function (props, ref) {
   var _classNames;
 
   var _props$prefixCls = props.prefixCls,
@@ -20578,6 +20665,7 @@ var TextArea = function TextArea(props) {
     className: "".concat(prefixCls, "-outer"),
     style: style
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(rc_textarea__WEBPACK_IMPORTED_MODULE_3__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, rest, {
+    ref: ref,
     placeholder: placeholder,
     className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(classes),
     onChange: handleOnChange,
@@ -20599,8 +20687,7 @@ var TextArea = function TextArea(props) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span", {
     className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(limitClassName, 'limit')
   }, currentLength, "/", limitLength)));
-};
-
+});
 /* harmony default export */ __webpack_exports__["default"] = (TextArea);
 
 /***/ }),
@@ -20619,6 +20706,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _TextArea__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TextArea */ "./components/input/TextArea.tsx");
 /* harmony import */ var _Password__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Password */ "./components/input/Password.tsx");
 /* harmony import */ var _MultiSelectInput__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./MultiSelectInput */ "./components/input/MultiSelectInput.tsx");
+/* harmony import */ var _AutoComplete__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./AutoComplete */ "./components/input/AutoComplete.tsx");
+
 
 
 
@@ -20629,6 +20718,7 @@ Input.Label = _Label__WEBPACK_IMPORTED_MODULE_1__["default"];
 Input.TextArea = _TextArea__WEBPACK_IMPORTED_MODULE_2__["default"];
 Input.Password = _Password__WEBPACK_IMPORTED_MODULE_3__["default"];
 Input.MultiSelectInput = _MultiSelectInput__WEBPACK_IMPORTED_MODULE_4__["default"];
+Input.AutoComplete = _AutoComplete__WEBPACK_IMPORTED_MODULE_5__["default"];
 /* harmony default export */ __webpack_exports__["default"] = (Input);
 
 /***/ }),
@@ -24986,6 +25076,9 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../style/index.less */ "./components/style/index.less");
 /* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.less */ "./components/modal/style/index.less");
+/* harmony import */ var _button_style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../button/style */ "./components/button/style/index.tsx");
+
+ // style dependencies
 
 
 
@@ -26511,6 +26604,7 @@ var CircleProgress = function CircleProgress(_ref) {
       status = _ref.status,
       size = _ref.size,
       strokeColor = _ref.strokeColor,
+      iconStrokeColor = _ref.iconStrokeColor,
       _ref$infoType = _ref.infoType,
       infoType = _ref$infoType === void 0 ? 'text' : _ref$infoType,
       trailColor = _ref.trailColor,
@@ -26575,13 +26669,13 @@ var CircleProgress = function CircleProgress(_ref) {
       ProgressLabel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(acud_icon__WEBPACK_IMPORTED_MODULE_4__["OutlinedCheck"], {
         className: labelClassNames,
         width: iconWidth,
-        fill: strokeColor
+        fill: iconStrokeColor
       });
     } else if (status === 'error') {
       ProgressLabel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(acud_icon__WEBPACK_IMPORTED_MODULE_4__["OutlinedClose"], {
         className: labelClassNames,
         width: iconWidth,
-        fill: strokeColor
+        fill: iconStrokeColor
       });
     }
   }
@@ -26655,6 +26749,7 @@ var LineProgress = function LineProgress(_ref) {
       status = _ref.status,
       size = _ref.size,
       strokeColor = _ref.strokeColor,
+      iconStrokeColor = _ref.iconStrokeColor,
       _ref$infoType = _ref.infoType,
       infoType = _ref$infoType === void 0 ? 'text' : _ref$infoType,
       trailColor = _ref.trailColor,
@@ -26706,13 +26801,13 @@ var LineProgress = function LineProgress(_ref) {
     if (status === 'success') {
       ProgressLabel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(acud_icon__WEBPACK_IMPORTED_MODULE_3__["MultiToneSuccess"], {
         className: labelClassNames,
-        color: strokeColor,
+        color: iconStrokeColor,
         width: "16px"
       });
     } else if (status === 'error') {
       ProgressLabel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(acud_icon__WEBPACK_IMPORTED_MODULE_3__["MultiToneError"], {
         className: labelClassNames,
-        color: strokeColor,
+        color: iconStrokeColor,
         width: "16px"
       });
     }
@@ -26854,7 +26949,8 @@ var Progress = function Progress(_a) {
 
   var status = customizeStatus in _common__WEBPACK_IMPORTED_MODULE_7__["statusColorMap"] ? customizeStatus : 'active'; // strokeColor取值异常时，将使用status对应的颜色
 
-  var strokeColor = Object(_common__WEBPACK_IMPORTED_MODULE_7__["isHexColor"])(customizeStrokeColor) ? customizeStrokeColor : _common__WEBPACK_IMPORTED_MODULE_7__["statusColorMap"][status]; // 解构进度100时的样式
+  var strokeColor = Object(_common__WEBPACK_IMPORTED_MODULE_7__["isHexColor"])(customizeStrokeColor) ? customizeStrokeColor : '';
+  var iconStrokeColor = strokeColor || _common__WEBPACK_IMPORTED_MODULE_7__["statusColorMap"][status]; // 解构进度100时的样式
 
   var successStrokeColor = successStyle.strokeColor,
       successTextColor = successStyle.textColor,
@@ -26875,6 +26971,7 @@ var Progress = function Progress(_a) {
     size: size,
     status: status,
     strokeColor: strokeColor,
+    iconStrokeColor: iconStrokeColor,
     textColor: textColor,
     textSize: textSize,
     labelText: labelText,
@@ -31534,11 +31631,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../style/index.less */ "./components/style/index.less");
 /* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.less */ "./components/select/style/index.less");
 /* harmony import */ var _empty_style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../empty/style */ "./components/empty/style/index.tsx");
+/* harmony import */ var _checkbox_style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../checkbox/style */ "./components/checkbox/style/index.tsx");
 
  // style dependencies
 
 
 
+
 /***/ }),
 
 /***/ "./components/select/utils/iconUtil.tsx":
@@ -43612,6 +43711,11 @@ var Tree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.forwardRef(
 
   if (treeDataOrigin) {
     newProps.treeData = formatedTreeData;
+  } // expandedKeys和defaultExpandAll冲突需动态赋值
+
+
+  if (expandedKeys.length) {
+    newProps.expandedKeys = expandedKeys;
   }
 
   Object(react__WEBPACK_IMPORTED_MODULE_3__["useEffect"])(function () {
@@ -43622,7 +43726,7 @@ var Tree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.forwardRef(
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_3___default.a.Fragment, null, searchable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_input__WEBPACK_IMPORTED_MODULE_8__["default"], {
     className: "".concat(prefixCls, "-search-input"),
     onChange: onSearchInputChange
-  }), !expandedKeys.length && searchText ? "\u672A\u627E\u5230\u4E0E".concat(searchText, "\u76F8\u5173\u7684\u7ED3\u679C") : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(rc_tree__WEBPACK_IMPORTED_MODULE_7__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+  }), !expandedKeys.length && searchText ? "\u672A\u627E\u5230\u4E0E".concat(searchText, "\u76F8\u5173\u7684\u7ED3\u679C") : (!treeDataOrigin || !!formatedTreeData.length) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(rc_tree__WEBPACK_IMPORTED_MODULE_7__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
     ref: treeRef
   }, newProps, {
     className: classes,
@@ -43633,7 +43737,6 @@ var Tree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.forwardRef(
     checkable: checkable ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
       className: "".concat(prefixCls, "-checkbox-inner")
     }) : checkable,
-    expandedKeys: expandedKeys,
     autoExpandParent: autoExpandParent,
     switcherIcon: function switcherIcon(nodeProps) {
       return Object(_utils_iconHelper__WEBPACK_IMPORTED_MODULE_11__["renderSwitcherIcon"])(prefixCls, nodeProps);
@@ -85630,7 +85733,16 @@ var Schema = /*#__PURE__*/function () {
       if (rule.asyncValidator) {
         res = rule.asyncValidator(rule, data.value, cb, data.source, options);
       } else if (rule.validator) {
-        res = rule.validator(rule, data.value, cb, data.source, options);
+        try {
+          res = rule.validator(rule, data.value, cb, data.source, options);
+        } catch (error) {
+          console.error == null ? void 0 : console.error(error); // rethrow to report error
+
+          setTimeout(function () {
+            throw error;
+          }, 0);
+          cb(error.message);
+        }
 
         if (res === true) {
           cb();
@@ -86143,8 +86255,8 @@ function getClientPosition(elem) {
   // 但测试发现，这样反而会导致当 html 和 body 有边距/边框样式时，获取的值不正确
   // 此外，ie6 会忽略 html 的 margin 值，幸运地是没有谁会去设置 html 的 margin
 
-  x = box.left;
-  y = box.top; // In IE, most of the time, 2 extra pixels are added to the top and left
+  x = Math.floor(box.left);
+  y = Math.floor(box.top); // In IE, most of the time, 2 extra pixels are added to the top and left
   // due to the implicit 2-pixel inset border.  In IE6/7 quirks mode and
   // IE6 standards mode, this border can be overridden by setting the
   // document element's border to zero -- thus, we cannot rely on the
@@ -86551,7 +86663,7 @@ function getWH(elem, name, ex) {
   }
 
   var which = name === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom'];
-  var borderBoxValue = name === 'width' ? elem.getBoundingClientRect().width : elem.getBoundingClientRect().height;
+  var borderBoxValue = name === 'width' ? Math.floor(elem.getBoundingClientRect().width) : Math.floor(elem.getBoundingClientRect().height);
   var isBorderBox = isBorderBoxFn(elem);
   var cssBoxValue = 0;
 
@@ -117401,6 +117513,8 @@ __webpack_require__.r(__webpack_exports__);
   }
 
   function trigger(force) {
+    cancelTrigger();
+
     if (!calledRef.current || force === true) {
       if (callback() === false) {
         // Not delay since callback cancelled self
@@ -117408,12 +117522,10 @@ __webpack_require__.r(__webpack_exports__);
       }
 
       calledRef.current = true;
-      cancelTrigger();
       timeoutRef.current = window.setTimeout(function () {
         calledRef.current = false;
       }, buffer);
     } else {
-      cancelTrigger();
       timeoutRef.current = window.setTimeout(function () {
         calledRef.current = false;
         trigger();
@@ -121835,6 +121947,14 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+function stringify(value) {
+  try {
+    return JSON.stringify(value);
+  } catch (err) {
+    return Math.random();
+  }
+}
+
 function useWatch() {
   var dependencies = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var form = arguments.length > 1 ? arguments[1] : undefined;
@@ -121844,8 +121964,11 @@ function useWatch() {
       value = _useState2[0],
       setValue = _useState2[1];
 
-  var valueCacheRef = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])();
-  valueCacheRef.current = value;
+  var valueStr = Object(react__WEBPACK_IMPORTED_MODULE_4__["useMemo"])(function () {
+    return stringify(value);
+  }, [value]);
+  var valueStrRef = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])(valueStr);
+  valueStrRef.current = valueStr;
   var fieldContext = Object(react__WEBPACK_IMPORTED_MODULE_4__["useContext"])(___WEBPACK_IMPORTED_MODULE_1__["FieldContext"]);
   var formInstance = form || fieldContext;
   var isValidForm = formInstance && formInstance._init; // Warning if not exist form instance
@@ -121871,8 +121994,9 @@ function useWatch() {
 
     var cancelRegister = registerWatch(function (store) {
       var newValue = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_5__["getValue"])(store, namePathRef.current);
+      var nextValueStr = stringify(newValue); // Compare stringify in case it's nest object
 
-      if (valueCacheRef.current !== newValue) {
+      if (valueStrRef.current !== nextValueStr) {
         setValue(newValue);
       }
     }); // TODO: We can improve this perf in future
@@ -122220,6 +122344,8 @@ function replaceMessage(template, kv) {
   });
 }
 
+var CODE_LOGIC_ERROR = 'CODE_LOGIC_ERROR';
+
 function validateRule(_x, _x2, _x3, _x4, _x5) {
   return _validateRule.apply(this, arguments);
 }
@@ -122231,7 +122357,7 @@ function validateRule(_x, _x2, _x3, _x4, _x5) {
 
 function _validateRule() {
   _validateRule = Object(_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_4__["default"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default.a.mark(function _callee2(name, value, rule, options, messageVariables) {
-    var cloneRule, subRuleField, validator, messages, result, subResults, kv, fillVariableResult;
+    var cloneRule, originValidator, subRuleField, validator, messages, result, subResults, kv, fillVariableResult;
     return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default.a.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
@@ -122240,7 +122366,21 @@ function _validateRule() {
             // https://github.com/react-component/field-form/issues/316
             // https://github.com/react-component/field-form/issues/313
 
-            delete cloneRule.ruleIndex; // We should special handle array validate
+            delete cloneRule.ruleIndex;
+
+            if (cloneRule.validator) {
+              originValidator = cloneRule.validator;
+
+              cloneRule.validator = function () {
+                try {
+                  return originValidator.apply(void 0, arguments);
+                } catch (error) {
+                  console.error(error);
+                  return Promise.reject(CODE_LOGIC_ERROR);
+                }
+              };
+            } // We should special handle array validate
+
 
             subRuleField = null;
 
@@ -122253,52 +122393,49 @@ function _validateRule() {
             messages = Object(_valueUtil__WEBPACK_IMPORTED_MODULE_9__["setValues"])({}, _messages__WEBPACK_IMPORTED_MODULE_8__["defaultValidateMessages"], options.validateMessages);
             validator.messages(messages);
             result = [];
-            _context2.prev = 8;
-            _context2.next = 11;
+            _context2.prev = 9;
+            _context2.next = 12;
             return Promise.resolve(validator.validate(Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])({}, name, value), Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_3__["default"])({}, options)));
 
-          case 11:
-            _context2.next = 16;
+          case 12:
+            _context2.next = 17;
             break;
 
-          case 13:
-            _context2.prev = 13;
-            _context2.t0 = _context2["catch"](8);
+          case 14:
+            _context2.prev = 14;
+            _context2.t0 = _context2["catch"](9);
 
             if (_context2.t0.errors) {
               result = _context2.t0.errors.map(function (_ref4, index) {
                 var message = _ref4.message;
-                return (// Wrap ReactNode with `key`
-
-                  /*#__PURE__*/
-                  react__WEBPACK_IMPORTED_MODULE_6__["isValidElement"](message) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["cloneElement"](message, {
-                    key: "error_".concat(index)
-                  }) : message
-                );
+                var mergedMessage = message === CODE_LOGIC_ERROR ? messages.default : message;
+                return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["isValidElement"](mergedMessage) ?
+                /*#__PURE__*/
+                // Wrap ReactNode with `key`
+                react__WEBPACK_IMPORTED_MODULE_6__["cloneElement"](mergedMessage, {
+                  key: "error_".concat(index)
+                }) : mergedMessage;
               });
-            } else {
-              console.error(_context2.t0);
-              result = [messages.default];
             }
 
-          case 16:
+          case 17:
             if (!(!result.length && subRuleField)) {
-              _context2.next = 21;
+              _context2.next = 22;
               break;
             }
 
-            _context2.next = 19;
+            _context2.next = 20;
             return Promise.all(value.map(function (subValue, i) {
               return validateRule("".concat(name, ".").concat(i), subValue, subRuleField, options, messageVariables);
             }));
 
-          case 19:
+          case 20:
             subResults = _context2.sent;
             return _context2.abrupt("return", subResults.reduce(function (prev, errors) {
               return [].concat(Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(prev), Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(errors));
             }, []));
 
-          case 21:
+          case 22:
             // Replace message with variables
             kv = Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_3__["default"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_3__["default"])({}, rule), {}, {
               name: name,
@@ -122313,12 +122450,12 @@ function _validateRule() {
             });
             return _context2.abrupt("return", fillVariableResult);
 
-          case 24:
+          case 25:
           case "end":
             return _context2.stop();
         }
       }
-    }, _callee2, null, [[8, 13]]);
+    }, _callee2, null, [[9, 14]]);
   }));
   return _validateRule.apply(this, arguments);
 }
@@ -124440,7 +124577,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var _excluded = ["prefixCls", "invalidate", "item", "renderItem", "responsive", "registerSize", "itemKey", "className", "style", "children", "display", "order", "component"];
+var _excluded = ["prefixCls", "invalidate", "item", "renderItem", "responsive", "responsiveDisabled", "registerSize", "itemKey", "className", "style", "children", "display", "order", "component"];
 
 
  // Use shared variable to save bundle size
@@ -124453,6 +124590,7 @@ function InternalItem(props, ref) {
       item = props.item,
       renderItem = props.renderItem,
       responsive = props.responsive,
+      responsiveDisabled = props.responsiveDisabled,
       registerSize = props.registerSize,
       itemKey = props.itemKey,
       className = props.className,
@@ -124508,7 +124646,8 @@ function InternalItem(props, ref) {
       onResize: function onResize(_ref) {
         var offsetWidth = _ref.offsetWidth;
         internalRegisterSize(offsetWidth);
-      }
+      },
+      disabled: responsiveDisabled
     }, itemNode);
   }
 
@@ -124645,17 +124784,18 @@ function Overflow(props, ref) {
 
   var mergedRestWidth = Math.max(prevRestWidth, restWidth); // ================================= Data =================================
 
-  var isResponsive = data.length && maxCount === RESPONSIVE;
+  var isResponsive = maxCount === RESPONSIVE;
+  var shouldResponsive = data.length && isResponsive;
   var invalidate = maxCount === INVALIDATE;
   /**
    * When is `responsive`, we will always render rest node to get the real width of it for calculation
    */
 
-  var showRest = isResponsive || typeof maxCount === 'number' && data.length > maxCount;
+  var showRest = shouldResponsive || typeof maxCount === 'number' && data.length > maxCount;
   var mergedData = Object(react__WEBPACK_IMPORTED_MODULE_4__["useMemo"])(function () {
     var items = data;
 
-    if (isResponsive) {
+    if (shouldResponsive) {
       if (containerWidth === null && fullySSR) {
         items = data;
       } else {
@@ -124666,14 +124806,14 @@ function Overflow(props, ref) {
     }
 
     return items;
-  }, [data, itemWidth, containerWidth, maxCount, isResponsive]);
+  }, [data, itemWidth, containerWidth, maxCount, shouldResponsive]);
   var omittedItems = Object(react__WEBPACK_IMPORTED_MODULE_4__["useMemo"])(function () {
-    if (isResponsive) {
+    if (shouldResponsive) {
       return data.slice(mergedDisplayCount + 1);
     }
 
     return data.slice(mergedData.length);
-  }, [data, mergedData, isResponsive, mergedDisplayCount]); // ================================= Item =================================
+  }, [data, mergedData, shouldResponsive, mergedDisplayCount]); // ================================= Item =================================
 
   var getKey = Object(react__WEBPACK_IMPORTED_MODULE_4__["useCallback"])(function (item, index) {
     var _ref;
@@ -124743,7 +124883,12 @@ function Overflow(props, ref) {
       }
 
       for (var i = 0; i < len; i += 1) {
-        var currentItemWidth = getItemWidth(i); // Break since data not ready
+        var currentItemWidth = getItemWidth(i); // Fully will always render
+
+        if (fullySSR) {
+          currentItemWidth = currentItemWidth || 0;
+        } // Break since data not ready
+
 
         if (currentItemWidth === undefined) {
           updateDisplayCount(i - 1, true);
@@ -124777,7 +124922,7 @@ function Overflow(props, ref) {
   var displayRest = restReady && !!omittedItems.length;
   var suffixStyle = {};
 
-  if (suffixFixedStart !== null && isResponsive) {
+  if (suffixFixedStart !== null && shouldResponsive) {
     suffixStyle = {
       position: 'absolute',
       left: suffixFixedStart,
@@ -124787,7 +124932,7 @@ function Overflow(props, ref) {
 
   var itemSharedProps = {
     prefixCls: itemPrefixCls,
-    responsive: isResponsive,
+    responsive: shouldResponsive,
     component: itemComponent,
     invalidate: invalidate
   }; // >>>>> Choice render fun by `renderRawItem`
@@ -124839,6 +124984,8 @@ function Overflow(props, ref) {
     style: style,
     ref: ref
   }, restProps), mergedData.map(internalRenderItemNode), showRest ? restNode : null, suffix && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_Item__WEBPACK_IMPORTED_MODULE_8__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, itemSharedProps, {
+    responsive: isResponsive,
+    responsiveDisabled: !shouldResponsive,
     order: mergedDisplayCount,
     className: "".concat(itemPrefixCls, "-suffix"),
     registerSize: registerSuffixSize,
@@ -124848,7 +124995,8 @@ function Overflow(props, ref) {
 
   if (isResponsive) {
     overflowNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](rc_resize_observer__WEBPACK_IMPORTED_MODULE_6__["default"], {
-      onResize: onOverflowResize
+      onResize: onOverflowResize,
+      disabled: !shouldResponsive
     }, overflowNode);
   }
 
@@ -128621,7 +128769,7 @@ function getAccessibilityPath(item) {
   return path;
 }
 
-var RefNodeList = function RefNodeList(props, ref) {
+var NodeList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](function (props, ref) {
   var prefixCls = props.prefixCls,
       data = props.data,
       selectable = props.selectable,
@@ -128690,11 +128838,16 @@ var RefNodeList = function RefNodeList(props, ref) {
   var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_3__["useState"](null),
       _React$useState10 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_React$useState9, 2),
       motionType = _React$useState10[0],
-      setMotionType = _React$useState10[1];
+      setMotionType = _React$useState10[1]; // When motion end but data change, this will makes data back to previous one
+
+
+  var dataRef = react__WEBPACK_IMPORTED_MODULE_3__["useRef"](data);
+  dataRef.current = data;
 
   function onMotionEnd() {
-    setPrevData(data);
-    setTransitionData(data);
+    var latestData = dataRef.current;
+    setPrevData(latestData);
+    setTransitionData(latestData);
     setTransitionRange([]);
     setMotionType(null);
     onListChangeEnd();
@@ -128836,9 +128989,7 @@ var RefNodeList = function RefNodeList(props, ref) {
       }
     }));
   }));
-};
-
-var NodeList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](RefNodeList);
+});
 NodeList.displayName = 'NodeList';
 /* harmony default export */ __webpack_exports__["default"] = (NodeList);
 
@@ -129255,24 +129406,56 @@ var Tree = /*#__PURE__*/function (_React$Component) {
       _this.currentMouseOverDroppableNodeKey = null;
     };
 
+    _this.triggerExpandActionExpand = function (e, treeNode) {
+      var _this$state5 = _this.state,
+          expandedKeys = _this$state5.expandedKeys,
+          flattenNodes = _this$state5.flattenNodes;
+      var expanded = treeNode.expanded,
+          key = treeNode.key;
+      var node = flattenNodes.filter(function (nodeItem) {
+        return nodeItem.key === key;
+      })[0];
+      var eventNode = Object(_utils_treeUtil__WEBPACK_IMPORTED_MODULE_17__["convertNodePropsToEventData"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_3__["default"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_3__["default"])({}, Object(_utils_treeUtil__WEBPACK_IMPORTED_MODULE_17__["getTreeNodeProps"])(key, _this.getTreeNodeRequiredProps())), {}, {
+        data: node.data
+      }));
+
+      _this.setExpandedKeys(expanded ? Object(_util__WEBPACK_IMPORTED_MODULE_16__["arrDel"])(expandedKeys, key) : Object(_util__WEBPACK_IMPORTED_MODULE_16__["arrAdd"])(expandedKeys, key));
+
+      _this.onNodeExpand(e, eventNode);
+    };
+
     _this.onNodeClick = function (e, treeNode) {
-      var onClick = _this.props.onClick;
+      var _this$props3 = _this.props,
+          onClick = _this$props3.onClick,
+          expandAction = _this$props3.expandAction;
+
+      if (expandAction === 'click') {
+        _this.triggerExpandActionExpand(e, treeNode);
+      }
+
       onClick === null || onClick === void 0 ? void 0 : onClick(e, treeNode);
     };
 
     _this.onNodeDoubleClick = function (e, treeNode) {
-      var onDoubleClick = _this.props.onDoubleClick;
+      var _this$props4 = _this.props,
+          onDoubleClick = _this$props4.onDoubleClick,
+          expandAction = _this$props4.expandAction;
+
+      if (expandAction === 'doubleClick') {
+        _this.triggerExpandActionExpand(e, treeNode);
+      }
+
       onDoubleClick === null || onDoubleClick === void 0 ? void 0 : onDoubleClick(e, treeNode);
     };
 
     _this.onNodeSelect = function (e, treeNode) {
       var selectedKeys = _this.state.selectedKeys;
-      var _this$state5 = _this.state,
-          keyEntities = _this$state5.keyEntities,
-          fieldNames = _this$state5.fieldNames;
-      var _this$props3 = _this.props,
-          onSelect = _this$props3.onSelect,
-          multiple = _this$props3.multiple;
+      var _this$state6 = _this.state,
+          keyEntities = _this$state6.keyEntities,
+          fieldNames = _this$state6.fieldNames;
+      var _this$props5 = _this.props,
+          onSelect = _this$props5.onSelect,
+          multiple = _this$props5.multiple;
       var selected = treeNode.selected;
       var key = treeNode[fieldNames.key];
       var targetSelected = !selected; // Update selected keys
@@ -129308,13 +129491,13 @@ var Tree = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.onNodeCheck = function (e, treeNode, checked) {
-      var _this$state6 = _this.state,
-          keyEntities = _this$state6.keyEntities,
-          oriCheckedKeys = _this$state6.checkedKeys,
-          oriHalfCheckedKeys = _this$state6.halfCheckedKeys;
-      var _this$props4 = _this.props,
-          checkStrictly = _this$props4.checkStrictly,
-          onCheck = _this$props4.onCheck;
+      var _this$state7 = _this.state,
+          keyEntities = _this$state7.keyEntities,
+          oriCheckedKeys = _this$state7.checkedKeys,
+          oriHalfCheckedKeys = _this$state7.halfCheckedKeys;
+      var _this$props6 = _this.props,
+          checkStrictly = _this$props6.checkStrictly,
+          onCheck = _this$props6.onCheck;
       var key = treeNode.key; // Prepare trigger arguments
 
       var checkedObj;
@@ -129400,9 +129583,9 @@ var Tree = /*#__PURE__*/function (_React$Component) {
               loadedKeys = _ref$loadedKeys === void 0 ? [] : _ref$loadedKeys,
               _ref$loadingKeys = _ref.loadingKeys,
               loadingKeys = _ref$loadingKeys === void 0 ? [] : _ref$loadingKeys;
-          var _this$props5 = _this.props,
-              loadData = _this$props5.loadData,
-              onLoad = _this$props5.onLoad;
+          var _this$props7 = _this.props,
+              loadData = _this$props7.loadData,
+              onLoad = _this$props7.onLoad;
 
           if (!loadData || loadedKeys.indexOf(key) !== -1 || loadingKeys.indexOf(key) !== -1) {
             return null;
@@ -129523,16 +129706,16 @@ var Tree = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.getTreeNodeRequiredProps = function () {
-      var _this$state7 = _this.state,
-          expandedKeys = _this$state7.expandedKeys,
-          selectedKeys = _this$state7.selectedKeys,
-          loadedKeys = _this$state7.loadedKeys,
-          loadingKeys = _this$state7.loadingKeys,
-          checkedKeys = _this$state7.checkedKeys,
-          halfCheckedKeys = _this$state7.halfCheckedKeys,
-          dragOverNodeKey = _this$state7.dragOverNodeKey,
-          dropPosition = _this$state7.dropPosition,
-          keyEntities = _this$state7.keyEntities;
+      var _this$state8 = _this.state,
+          expandedKeys = _this$state8.expandedKeys,
+          selectedKeys = _this$state8.selectedKeys,
+          loadedKeys = _this$state8.loadedKeys,
+          loadingKeys = _this$state8.loadingKeys,
+          checkedKeys = _this$state8.checkedKeys,
+          halfCheckedKeys = _this$state8.halfCheckedKeys,
+          dragOverNodeKey = _this$state8.dragOverNodeKey,
+          dropPosition = _this$state8.dropPosition,
+          keyEntities = _this$state8.keyEntities;
       return {
         expandedKeys: expandedKeys || [],
         selectedKeys: selectedKeys || [],
@@ -129547,9 +129730,9 @@ var Tree = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.setExpandedKeys = function (expandedKeys) {
-      var _this$state8 = _this.state,
-          treeData = _this$state8.treeData,
-          fieldNames = _this$state8.fieldNames;
+      var _this$state9 = _this.state,
+          treeData = _this$state9.treeData,
+          fieldNames = _this$state9.fieldNames;
       var flattenNodes = Object(_utils_treeUtil__WEBPACK_IMPORTED_MODULE_17__["flattenTreeData"])(treeData, expandedKeys, fieldNames);
 
       _this.setUncontrolledState({
@@ -129560,12 +129743,12 @@ var Tree = /*#__PURE__*/function (_React$Component) {
 
     _this.onNodeExpand = function (e, treeNode) {
       var expandedKeys = _this.state.expandedKeys;
-      var _this$state9 = _this.state,
-          listChanging = _this$state9.listChanging,
-          fieldNames = _this$state9.fieldNames;
-      var _this$props6 = _this.props,
-          onExpand = _this$props6.onExpand,
-          loadData = _this$props6.loadData;
+      var _this$state10 = _this.state,
+          listChanging = _this$state10.listChanging,
+          fieldNames = _this$state10.fieldNames;
+      var _this$props8 = _this.props,
+          onExpand = _this$props8.onExpand,
+          loadData = _this$props8.loadData;
       var expanded = treeNode.expanded;
       var key = treeNode[fieldNames.key]; // Do nothing when motion is in progress
 
@@ -129649,9 +129832,9 @@ var Tree = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.getActiveItem = function () {
-      var _this$state10 = _this.state,
-          activeKey = _this$state10.activeKey,
-          flattenNodes = _this$state10.flattenNodes;
+      var _this$state11 = _this.state,
+          activeKey = _this$state11.activeKey,
+          flattenNodes = _this$state11.flattenNodes;
 
       if (activeKey === null) {
         return null;
@@ -129664,9 +129847,9 @@ var Tree = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.offsetActiveKey = function (offset) {
-      var _this$state11 = _this.state,
-          flattenNodes = _this$state11.flattenNodes,
-          activeKey = _this$state11.activeKey;
+      var _this$state12 = _this.state,
+          flattenNodes = _this$state12.flattenNodes,
+          activeKey = _this$state12.activeKey;
       var index = flattenNodes.findIndex(function (_ref3) {
         var key = _ref3.key;
         return key === activeKey;
@@ -129689,14 +129872,14 @@ var Tree = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.onKeyDown = function (event) {
-      var _this$state12 = _this.state,
-          activeKey = _this$state12.activeKey,
-          expandedKeys = _this$state12.expandedKeys,
-          checkedKeys = _this$state12.checkedKeys;
-      var _this$props7 = _this.props,
-          onKeyDown = _this$props7.onKeyDown,
-          checkable = _this$props7.checkable,
-          selectable = _this$props7.selectable; // >>>>>>>>>> Direction
+      var _this$state13 = _this.state,
+          activeKey = _this$state13.activeKey,
+          expandedKeys = _this$state13.expandedKeys,
+          checkedKeys = _this$state13.checkedKeys;
+      var _this$props9 = _this.props,
+          onKeyDown = _this$props9.onKeyDown,
+          checkable = _this$props9.checkable,
+          selectable = _this$props9.selectable; // >>>>>>>>>> Direction
 
       switch (event.which) {
         case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_11__["default"].UP:
@@ -129808,6 +129991,7 @@ var Tree = /*#__PURE__*/function (_React$Component) {
   Object(_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_6__["default"])(Tree, [{
     key: "componentDidMount",
     value: function componentDidMount() {
+      this.destroyed = false;
       this.onUpdated();
     }
   }, {
@@ -129856,47 +130040,47 @@ var Tree = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _classNames;
 
-      var _this$state13 = this.state,
-          focused = _this$state13.focused,
-          flattenNodes = _this$state13.flattenNodes,
-          keyEntities = _this$state13.keyEntities,
-          draggingNodeKey = _this$state13.draggingNodeKey,
-          activeKey = _this$state13.activeKey,
-          dropLevelOffset = _this$state13.dropLevelOffset,
-          dropContainerKey = _this$state13.dropContainerKey,
-          dropTargetKey = _this$state13.dropTargetKey,
-          dropPosition = _this$state13.dropPosition,
-          dragOverNodeKey = _this$state13.dragOverNodeKey,
-          indent = _this$state13.indent;
-      var _this$props8 = this.props,
-          prefixCls = _this$props8.prefixCls,
-          className = _this$props8.className,
-          style = _this$props8.style,
-          showLine = _this$props8.showLine,
-          focusable = _this$props8.focusable,
-          _this$props8$tabIndex = _this$props8.tabIndex,
-          tabIndex = _this$props8$tabIndex === void 0 ? 0 : _this$props8$tabIndex,
-          selectable = _this$props8.selectable,
-          showIcon = _this$props8.showIcon,
-          icon = _this$props8.icon,
-          switcherIcon = _this$props8.switcherIcon,
-          draggable = _this$props8.draggable,
-          checkable = _this$props8.checkable,
-          checkStrictly = _this$props8.checkStrictly,
-          disabled = _this$props8.disabled,
-          motion = _this$props8.motion,
-          loadData = _this$props8.loadData,
-          filterTreeNode = _this$props8.filterTreeNode,
-          height = _this$props8.height,
-          itemHeight = _this$props8.itemHeight,
-          virtual = _this$props8.virtual,
-          titleRender = _this$props8.titleRender,
-          dropIndicatorRender = _this$props8.dropIndicatorRender,
-          onContextMenu = _this$props8.onContextMenu,
-          onScroll = _this$props8.onScroll,
-          direction = _this$props8.direction,
-          rootClassName = _this$props8.rootClassName,
-          rootStyle = _this$props8.rootStyle;
+      var _this$state14 = this.state,
+          focused = _this$state14.focused,
+          flattenNodes = _this$state14.flattenNodes,
+          keyEntities = _this$state14.keyEntities,
+          draggingNodeKey = _this$state14.draggingNodeKey,
+          activeKey = _this$state14.activeKey,
+          dropLevelOffset = _this$state14.dropLevelOffset,
+          dropContainerKey = _this$state14.dropContainerKey,
+          dropTargetKey = _this$state14.dropTargetKey,
+          dropPosition = _this$state14.dropPosition,
+          dragOverNodeKey = _this$state14.dragOverNodeKey,
+          indent = _this$state14.indent;
+      var _this$props10 = this.props,
+          prefixCls = _this$props10.prefixCls,
+          className = _this$props10.className,
+          style = _this$props10.style,
+          showLine = _this$props10.showLine,
+          focusable = _this$props10.focusable,
+          _this$props10$tabInde = _this$props10.tabIndex,
+          tabIndex = _this$props10$tabInde === void 0 ? 0 : _this$props10$tabInde,
+          selectable = _this$props10.selectable,
+          showIcon = _this$props10.showIcon,
+          icon = _this$props10.icon,
+          switcherIcon = _this$props10.switcherIcon,
+          draggable = _this$props10.draggable,
+          checkable = _this$props10.checkable,
+          checkStrictly = _this$props10.checkStrictly,
+          disabled = _this$props10.disabled,
+          motion = _this$props10.motion,
+          loadData = _this$props10.loadData,
+          filterTreeNode = _this$props10.filterTreeNode,
+          height = _this$props10.height,
+          itemHeight = _this$props10.itemHeight,
+          virtual = _this$props10.virtual,
+          titleRender = _this$props10.titleRender,
+          dropIndicatorRender = _this$props10.dropIndicatorRender,
+          onContextMenu = _this$props10.onContextMenu,
+          onScroll = _this$props10.onScroll,
+          direction = _this$props10.direction,
+          rootClassName = _this$props10.rootClassName,
+          rootStyle = _this$props10.rootStyle;
       var domProps = Object(rc_util_es_pickAttrs__WEBPACK_IMPORTED_MODULE_13__["default"])(this.props, {
         aria: true,
         data: true
@@ -130129,7 +130313,8 @@ Tree.defaultProps = {
   dropIndicatorRender: _DropIndicator__WEBPACK_IMPORTED_MODULE_21__["default"],
   allowDrop: function allowDrop() {
     return true;
-  }
+  },
+  expandAction: false
 };
 Tree.TreeNode = _TreeNode__WEBPACK_IMPORTED_MODULE_19__["default"];
 /* harmony default export */ __webpack_exports__["default"] = (Tree);
@@ -132015,13 +132200,27 @@ var PopupInner = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](f
       status = _useVisibleStatus2[0],
       goNextStatus = _useVisibleStatus2[1]; // ======================== Aligns ========================
 
+  /**
+   * `alignedClassName` may modify `source` size,
+   * which means one time align may not move to the correct position at once.
+   *
+   * We will reset `alignTimes` for each status switch to `alignPre`
+   * and let `rc-align` to align for multiple times to ensure get final stable place.
+   * Currently we mark `alignTimes < 2` repeat align, it will increase if user report for align issue.
+   */
+
 
-  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])(null),
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])(0),
       _useState4 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState3, 2),
-      alignInfo = _useState4[0],
-      setAlignInfo = _useState4[1];
+      alignTimes = _useState4[0],
+      setAlignTimes = _useState4[1];
 
-  var prepareResolveRef = Object(react__WEBPACK_IMPORTED_MODULE_3__["useRef"])(); // `target` on `rc-align` can accept as a function to get the bind element or a point.
+  var prepareResolveRef = Object(react__WEBPACK_IMPORTED_MODULE_3__["useRef"])();
+  Object(rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_5__["default"])(function () {
+    if (status === 'alignPre') {
+      setAlignTimes(0);
+    }
+  }, [status]); // `target` on `rc-align` can accept as a function to get the bind element or a point.
   // ref: https://www.npmjs.com/package/rc-align
 
   function getAlignTarget() {
@@ -132043,9 +132242,12 @@ var PopupInner = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](f
 
     if (alignedClassName !== nextAlignedClassName) {
       setAlignedClassName(nextAlignedClassName);
-    }
+    } // We will retry multi times to make sure that the element has been align in the right position.
 
-    setAlignInfo(matchAlign);
+
+    setAlignTimes(function (val) {
+      return val + 1;
+    });
 
     if (status === 'align') {
       onAlign === null || onAlign === void 0 ? void 0 : onAlign(popupDomNode, matchAlign);
@@ -132054,10 +132256,9 @@ var PopupInner = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](f
 
 
   Object(rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_5__["default"])(function () {
-    if (alignInfo && status === 'align') {
-      var nextAlignedClassName = getClassNameFromAlign(alignInfo); // Repeat until not more align needed
-
-      if (alignedClassName !== nextAlignedClassName) {
+    if (status === 'align') {
+      // Repeat until not more align needed
+      if (alignTimes < 2) {
         forceAlign();
       } else {
         goNextStatus(function () {
@@ -132067,7 +132268,7 @@ var PopupInner = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](f
         });
       }
     }
-  }, [alignInfo]); // ======================== Motion ========================
+  }, [alignTimes]); // ======================== Motion ========================
 
   var motion = Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, Object(_utils_legacyUtil__WEBPACK_IMPORTED_MODULE_9__["getMotion"])(props));
 
@@ -132105,7 +132306,9 @@ var PopupInner = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](f
   var mergedStyle = Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, stretchStyle), {}, {
     zIndex: zIndex,
     opacity: status === 'motion' || status === 'stable' || !visible ? undefined : 0,
-    pointerEvents: status === 'stable' ? undefined : 'none'
+    // Cannot interact with disappearing elements
+    // https://github.com/ant-design/ant-design/issues/35051#issuecomment-1101340714
+    pointerEvents: !visible && status !== 'stable' ? 'none' : undefined
   }, style); // Align status
 
 
@@ -132313,7 +132516,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var StatusQueue = ['measure', 'align', null, 'motion'];
+var StatusQueue = ['measure', 'alignPre', 'align', null, 'motion'];
 /* harmony default export */ __webpack_exports__["default"] = (function (visible, doMeasure) {
   var _useState = Object(rc_util_es_hooks_useState__WEBPACK_IMPORTED_MODULE_5__["default"])(null),
       _useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState, 2),
@@ -136272,16 +136475,19 @@ var ScrollBar = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.removeEvents = function () {
+      var _this$scrollbarRef$cu;
+
       window.removeEventListener('mousemove', _this.onMouseMove);
       window.removeEventListener('mouseup', _this.onMouseUp);
+      (_this$scrollbarRef$cu = _this.scrollbarRef.current) === null || _this$scrollbarRef$cu === void 0 ? void 0 : _this$scrollbarRef$cu.removeEventListener('touchstart', _this.onScrollbarTouchStart);
 
-      _this.scrollbarRef.current.removeEventListener('touchstart', _this.onScrollbarTouchStart);
+      if (_this.thumbRef.current) {
+        _this.thumbRef.current.removeEventListener('touchstart', _this.onMouseDown);
 
-      _this.thumbRef.current.removeEventListener('touchstart', _this.onMouseDown);
-
-      _this.thumbRef.current.removeEventListener('touchmove', _this.onMouseMove);
+        _this.thumbRef.current.removeEventListener('touchmove', _this.onMouseMove);
 
-      _this.thumbRef.current.removeEventListener('touchend', _this.onMouseUp);
+        _this.thumbRef.current.removeEventListener('touchend', _this.onMouseUp);
+      }
 
       rc_util_es_raf__WEBPACK_IMPORTED_MODULE_2__["default"].cancel(_this.moveRaf);
     };