yach.open.ui 0.0.10 → 0.0.11-beta.0

package/dist/yach.open.ui-with-locales.js

@@ -1,6 +1,6 @@
 /*!
  * 
- * yach.open.ui v0.0.10
+ * yach.open.ui v0.0.11-beta.0
  * 
  * Copyright 2020-present, Tal, Inc.
  * All rights reserved.
@@ -32311,7 +32311,6 @@ RedditSquareFilled.displayName = 'RedditSquareFilled';
   !*** ./node_modules/@ant-design/icons/es/icons/RedoOutlined.js ***!
   \*****************************************************************/
 /*! exports provided: default */
-/*! exports used: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -32335,7 +32334,7 @@ var RedoOutlined = function RedoOutlined(props, ref) {
 };
 
 RedoOutlined.displayName = 'RedoOutlined';
-/* harmony default export */ __webpack_exports__["a"] = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["forwardRef"](RedoOutlined));
+/* unused harmony default export */ var _unused_webpack_default_export = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["forwardRef"](RedoOutlined));
 
 /***/ }),
 
@@ -50583,7 +50582,8 @@ var InternalButton = function InternalButton(props, ref) {
   var _props$loading = props.loading,
       loading = _props$loading === void 0 ? false : _props$loading,
       customizePrefixCls = props.prefixCls,
-      type = props.type,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'default' : _props$type,
       danger = props.danger,
       _props$shape = props.shape,
       shape = _props$shape === void 0 ? 'default' : _props$shape,
@@ -50617,7 +50617,6 @@ var InternalButton = function InternalButton(props, ref) {
       direction = _React$useContext.direction;
 
   var buttonRef = ref || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createRef"]();
-  var delayTimeoutRef = react__WEBPACK_IMPORTED_MODULE_4__["useRef"]();
 
   var isNeedInserted = function isNeedInserted() {
     return react__WEBPACK_IMPORTED_MODULE_4__["Children"].count(children) === 1 && !icon && !isUnborderedButtonType(type);
@@ -50643,15 +50642,25 @@ var InternalButton = function InternalButton(props, ref) {
 
   var loadingOrDelay = Object(_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(loading) === 'object' && loading.delay ? loading.delay || true : !!loading;
   react__WEBPACK_IMPORTED_MODULE_4__["useEffect"](function () {
-    clearTimeout(delayTimeoutRef.current);
+    var delayTimer = null;
 
     if (typeof loadingOrDelay === 'number') {
-      delayTimeoutRef.current = window.setTimeout(function () {
+      delayTimer = window.setTimeout(function () {
+        delayTimer = null;
         setLoading(loadingOrDelay);
       }, loadingOrDelay);
     } else {
       setLoading(loadingOrDelay);
     }
+
+    return function () {
+      if (delayTimer) {
+        // in order to not perform a React state update on an unmounted component
+        // and clear timer after 'loadingOrDelay' updated.
+        window.clearTimeout(delayTimer);
+        delayTimer = null;
+      }
+    };
   }, [loadingOrDelay]);
   react__WEBPACK_IMPORTED_MODULE_4__["useEffect"](fixTwoCNChar, [buttonRef]);
 
@@ -50681,7 +50690,7 @@ var InternalButton = function InternalButton(props, ref) {
   var sizeFullname = customizeSize || size;
   var sizeCls = sizeFullname ? sizeClassNameMap[sizeFullname] || '' : '';
   var iconType = innerLoading ? 'loading' : icon;
-  var classes = classnames__WEBPACK_IMPORTED_MODULE_5___default()(prefixCls, (_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-").concat(type), type), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-").concat(shape), shape !== 'default' && shape), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-").concat(sizeCls), sizeCls), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-icon-only"), !children && children !== 0 && !!iconType), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-background-ghost"), ghost && !isUnborderedButtonType(type)), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-loading"), innerLoading), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-two-chinese-chars"), hasTwoCNChar && autoInsertSpace), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-block"), block), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-dangerous"), !!danger), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className);
+  var classes = classnames__WEBPACK_IMPORTED_MODULE_5___default()(prefixCls, (_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-").concat(shape), shape !== 'default' && shape), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-").concat(type), type), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-").concat(sizeCls), sizeCls), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-icon-only"), !children && children !== 0 && !!iconType), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-background-ghost"), ghost && !isUnborderedButtonType(type)), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-loading"), innerLoading), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-two-chinese-chars"), hasTwoCNChar && autoInsertSpace), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-block"), block), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-dangerous"), !!danger), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className);
   var iconNode = icon && !innerLoading ? icon : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_LoadingIcon__WEBPACK_IMPORTED_MODULE_13__[/* default */ "a"], {
     existIcon: !!icon,
     prefixCls: prefixCls,
@@ -51364,7 +51373,7 @@ function getAction(actions) {
   return actionList;
 }
 
-var Card = function Card(props) {
+var Card = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["forwardRef"](function (props, ref) {
   var _extends2, _classNames;
 
   var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_10__[/* ConfigContext */ "b"]),
@@ -51499,11 +51508,12 @@ var Card = function Card(props) {
   var divProps = Object(rc_util_es_omit__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(others, ['onTabChange']);
   var mergedSize = customizeSize || size;
   var classString = classnames__WEBPACK_IMPORTED_MODULE_3___default()(prefixCls, (_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-loading"), loading), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-bordered"), bordered), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-hoverable"), hoverable), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-contain-grid"), isContainGrid()), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-contain-tabs"), tabList && tabList.length), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-").concat(mergedSize), mergedSize), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-type-").concat(type), !!type), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])({}, divProps, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])({
+    ref: ref
+  }, divProps, {
     className: classString
   }), head, coverDom, body, actionDom);
-};
-
+});
 Card.Grid = _Grid__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"];
 Card.Meta = _Meta__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"];
 /* unused harmony default export */ var _unused_webpack_default_export = (Card);
@@ -51633,7 +51643,7 @@ var Carousel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["forwardRef"](fun
 /* harmony import */ var rc_cascader__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rc-cascader */ "./node_modules/rc-cascader/es/index.js");
 /* harmony import */ var rc_util_es_omit__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rc-util/es/omit */ "./node_modules/rc-util/es/omit.js");
 /* harmony import */ var _ant_design_icons_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ant-design/icons/es/icons/RightOutlined */ "./node_modules/@ant-design/icons/es/icons/RightOutlined.js");
-/* harmony import */ var _ant_design_icons_es_icons_RedoOutlined__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ant-design/icons/es/icons/RedoOutlined */ "./node_modules/@ant-design/icons/es/icons/RedoOutlined.js");
+/* harmony import */ var _ant_design_icons_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ant-design/icons/es/icons/LoadingOutlined */ "./node_modules/@ant-design/icons/es/icons/LoadingOutlined.js");
 /* harmony import */ var _ant_design_icons_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ant-design/icons/es/icons/LeftOutlined */ "./node_modules/@ant-design/icons/es/icons/LeftOutlined.js");
 /* harmony import */ var _util_devWarning__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/devWarning */ "./node_modules/antd/es/_util/devWarning.js");
 /* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../config-provider */ "./node_modules/antd/es/config-provider/index.js");
@@ -51794,7 +51804,7 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](fun
 
   var loadingIcon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("span", {
     className: "".concat(prefixCls, "-menu-item-loading-icon")
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_ant_design_icons_es_icons_RedoOutlined__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"], {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_ant_design_icons_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"], {
     spin: true
   })); // =================== Multiple ====================
 
@@ -51915,6 +51925,7 @@ var InternalCheckbox = function InternalCheckbox(_a, ref) {
     if (restProps.value !== prevValue.current) {
       checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.cancelValue(prevValue.current);
       checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.registerValue(restProps.value);
+      prevValue.current = restProps.value;
     }
 
     return function () {
@@ -56539,15 +56550,21 @@ var Row = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](function
   } else if (verticalGutter) {
     rowStyle.marginTop = verticalGutter;
     rowStyle.marginBottom = verticalGutter;
-  }
+  } // "gutters" is a new array in each rendering phase, it'll make 'React.useMemo' effectless.
+  // So we deconstruct "gutters" variable here.
+
+
+  var _gutters2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(gutters, 2),
+      gutterH = _gutters2[0],
+      gutterV = _gutters2[1];
 
   var rowContext = react__WEBPACK_IMPORTED_MODULE_4__["useMemo"](function () {
     return {
-      gutter: gutters,
+      gutter: [gutterH, gutterV],
       wrap: wrap,
       supportFlexGap: supportFlexGap
     };
-  }, [gutters, wrap, supportFlexGap]);
+  }, [gutterH, gutterV, wrap, supportFlexGap]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_RowContext__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"].Provider, {
     value: rowContext
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, others, {
@@ -58086,6 +58103,20 @@ function fixEmojiLength(value, maxLength) {
   return Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(value || '').slice(0, maxLength).join('');
 }
 
+function setTriggerValue(isCursorInEnd, preValue, triggerValue, maxLength) {
+  var newTriggerValue = triggerValue;
+
+  if (isCursorInEnd) {
+    // 光标在尾部，直接截断
+    newTriggerValue = fixEmojiLength(triggerValue, maxLength);
+  } else if (Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(preValue || '').length < triggerValue.length && Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(triggerValue || '').length > maxLength) {
+    // 光标在中间，如果最后的值超过最大值，则采用原先的值
+    newTriggerValue = preValue;
+  }
+
+  return newTriggerValue;
+}
+
 var TextArea = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"](function (_a, ref) {
   var _classNames;
 
@@ -58116,6 +58147,9 @@ var TextArea = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"](fun
       compositing = _React$useState2[0],
       setCompositing = _React$useState2[1];
 
+  var oldCompositionValueRef = react__WEBPACK_IMPORTED_MODULE_5__["useRef"]();
+  var oldSelectionStartRef = react__WEBPACK_IMPORTED_MODULE_5__["useRef"](0);
+
   var _useMergedState = Object(rc_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])(props.defaultValue, {
     value: props.value
   }),
@@ -58137,16 +58171,23 @@ var TextArea = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"](fun
   var hasMaxLength = Number(maxLength) > 0;
 
   var onInternalCompositionStart = function onInternalCompositionStart(e) {
-    setCompositing(true);
+    setCompositing(true); // 拼音输入前保存一份旧值
+
+    oldCompositionValueRef.current = value; // 保存旧的光标位置
+
+    oldSelectionStartRef.current = e.currentTarget.selectionStart;
     onCompositionStart === null || onCompositionStart === void 0 ? void 0 : onCompositionStart(e);
   };
 
   var onInternalCompositionEnd = function onInternalCompositionEnd(e) {
+    var _a;
+
     setCompositing(false);
     var triggerValue = e.currentTarget.value;
 
     if (hasMaxLength) {
-      triggerValue = fixEmojiLength(triggerValue, maxLength);
+      var isCursorInEnd = oldSelectionStartRef.current >= maxLength + 1 || oldSelectionStartRef.current === ((_a = oldCompositionValueRef.current) === null || _a === void 0 ? void 0 : _a.length);
+      triggerValue = setTriggerValue(isCursorInEnd, oldCompositionValueRef.current, triggerValue, maxLength);
     } // Patch composition onChange when value changed
 
 
@@ -58162,7 +58203,9 @@ var TextArea = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"](fun
     var triggerValue = e.target.value;
 
     if (!compositing && hasMaxLength) {
-      triggerValue = fixEmojiLength(triggerValue, maxLength);
+      // 1. 复制粘贴超过maxlength的情况 2.未超过maxlength的情况
+      var isCursorInEnd = e.target.selectionStart >= maxLength + 1 || e.target.selectionStart === triggerValue.length || !e.target.selectionStart;
+      triggerValue = setTriggerValue(isCursorInEnd, value, triggerValue, maxLength);
     }
 
     handleSetValue(triggerValue);
@@ -58475,7 +58518,8 @@ var Sider = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](functi
         mql === null || mql === void 0 ? void 0 : mql.removeListener(responsiveHandler);
       }
     };
-  }, []);
+  }, [breakpoint]); // in order to accept dynamic 'breakpoint' property, we need to add 'breakpoint' into dependency array.
+
   Object(react__WEBPACK_IMPORTED_MODULE_3__["useEffect"])(function () {
     var uniqueId = generateId('ant-sider-');
     siderHook.addSider(uniqueId);
@@ -62476,6 +62520,7 @@ var Popover = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["forwardRef"](func
       getPrefixCls = _React$useContext.getPrefixCls;
 
   var getOverlay = function getOverlay(prefixCls) {
+    if (!title && !content) return undefined;
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null, title && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", {
       className: "".concat(prefixCls, "-title")
     }, Object(_util_getRenderPropValue__WEBPACK_IMPORTED_MODULE_4__[/* getRenderPropValue */ "a"])(title)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", {
@@ -69637,6 +69682,7 @@ var TimelineItem = function TimelineItem(_a) {
   var prefixCls = getPrefixCls('timeline', customizePrefixCls);
   var itemClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()((_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-item"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-item-pending"), pending), _classNames), className);
   var dotClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()((_classNames2 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames2, "".concat(prefixCls, "-item-head"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames2, "".concat(prefixCls, "-item-head-custom"), !!dot), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames2, "".concat(prefixCls, "-item-head-").concat(color), true), _classNames2));
+  var customColor = /blue|red|green|gray/.test(color || '') ? undefined : color;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("li", Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, restProps, {
     className: itemClassName
   }), label && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
@@ -69646,7 +69692,8 @@ var TimelineItem = function TimelineItem(_a) {
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
     className: dotClassName,
     style: {
-      borderColor: /blue|red|green|gray/.test(color || '') ? undefined : color
+      borderColor: customColor,
+      color: customColor
     }
   }, dot), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
     className: "".concat(prefixCls, "-item-content")
@@ -69745,7 +69792,7 @@ var PresetColorRegex = new RegExp("^(".concat(_util_colors__WEBPACK_IMPORTED_MOD
 function getDisabledCompatibleChildren(element, prefixCls) {
   var elementType = element.type;
 
-  if ((elementType.__ANT_BUTTON === true || elementType.__ANT_SWITCH === true || elementType.__ANT_CHECKBOX === true || element.type === 'button') && element.props.disabled) {
+  if ((elementType.__ANT_BUTTON === true || element.type === 'button') && element.props.disabled || elementType.__ANT_SWITCH === true && (element.props.disabled || element.props.loading)) {
     // Pick some layout related style properties up to span
     // Prevent layout bugs like https://github.com/ant-design/ant-design/issues/5254
     var _splitObject = splitObject(element.props.style, ['position', 'left', 'right', 'top', 'bottom', 'float', 'display', 'zIndex']),
@@ -72120,6 +72167,8 @@ function renderSwitcherIcon(prefixCls, switcherIcon, showLine, _ref) {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var rc_util_es_Children_toArray__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rc-util/es/Children/toArray */ "./node_modules/rc-util/es/Children/toArray.js");
+/* harmony import */ var rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rc-util/es/hooks/useLayoutEffect */ "./node_modules/rc-util/es/hooks/useLayoutEffect.js");
+
 
 
 
@@ -72223,20 +72272,20 @@ var Ellipsis = function Ellipsis(_ref) {
     return children(sliceNodes(nodeList, midLen), midLen < totalLen);
   }, [enabledMeasure, walkingState, children, nodeList, midLen, totalLen]); // ======================== Walk ========================
 
-  react__WEBPACK_IMPORTED_MODULE_3__["useLayoutEffect"](function () {
+  Object(rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])(function () {
     if (enabledMeasure && width && totalLen) {
       setWalkingState(PREPARE);
       setCutLength([0, Math.ceil(totalLen / 2), totalLen]);
     }
   }, [enabledMeasure, width, text, totalLen, rows]);
-  react__WEBPACK_IMPORTED_MODULE_3__["useLayoutEffect"](function () {
+  Object(rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])(function () {
     var _a;
 
     if (walkingState === PREPARE) {
       setSingleRowHeight(((_a = singleRowRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0);
     }
   }, [walkingState]);
-  react__WEBPACK_IMPORTED_MODULE_3__["useLayoutEffect"](function () {
+  Object(rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])(function () {
     var _a, _b;
 
     if (singleRowHeight) {
@@ -72307,7 +72356,8 @@ var Ellipsis = function Ellipsis(_ref) {
   };
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](react__WEBPACK_IMPORTED_MODULE_3__["Fragment"], null, mergedChildren, enabledMeasure && walkingState !== DONE_WITH_ELLIPSIS && walkingState !== DONE_WITHOUT_ELLIPSIS && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](react__WEBPACK_IMPORTED_MODULE_3__["Fragment"], null, renderMeasure('lg', singleRowRef, {
-    width: 9999
+    wordBreak: 'keep-all',
+    whiteSpace: 'nowrap'
   }), walkingState === PREPARE ? renderMeasure(children(nodeList, false), midRowRef, measureStyle) : renderMeasureSlice(midLen, midRowRef)));
 };
 
@@ -72385,17 +72435,18 @@ if (true) {
 /* harmony import */ var _ant_design_icons_es_icons_CheckOutlined__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @ant-design/icons/es/icons/CheckOutlined */ "./node_modules/@ant-design/icons/es/icons/CheckOutlined.js");
 /* harmony import */ var _ant_design_icons_es_icons_CopyOutlined__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @ant-design/icons/es/icons/CopyOutlined */ "./node_modules/@ant-design/icons/es/icons/CopyOutlined.js");
 /* harmony import */ var rc_resize_observer__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! rc-resize-observer */ "./node_modules/rc-resize-observer/es/index.js");
-/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../config-provider */ "./node_modules/antd/es/config-provider/index.js");
-/* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../locale-provider/LocaleReceiver */ "./node_modules/antd/es/locale-provider/LocaleReceiver.js");
-/* harmony import */ var _util_transButton__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../_util/transButton */ "./node_modules/antd/es/_util/transButton.js");
-/* harmony import */ var _util_styleChecker__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../_util/styleChecker */ "./node_modules/antd/es/_util/styleChecker.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../tooltip */ "./node_modules/antd/es/tooltip/index.js");
-/* harmony import */ var _Typography__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../Typography */ "./node_modules/antd/es/typography/Typography.js");
-/* harmony import */ var _Editable__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../Editable */ "./node_modules/antd/es/typography/Editable.js");
-/* harmony import */ var _hooks_useMergedConfig__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../hooks/useMergedConfig */ "./node_modules/antd/es/typography/hooks/useMergedConfig.js");
-/* harmony import */ var _hooks_useUpdatedEffect__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../hooks/useUpdatedEffect */ "./node_modules/antd/es/typography/hooks/useUpdatedEffect.js");
-/* harmony import */ var _Ellipsis__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./Ellipsis */ "./node_modules/antd/es/typography/Base/Ellipsis.js");
-/* harmony import */ var _EllipsisTooltip__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./EllipsisTooltip */ "./node_modules/antd/es/typography/Base/EllipsisTooltip.js");
+/* harmony import */ var rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! rc-util/es/hooks/useLayoutEffect */ "./node_modules/rc-util/es/hooks/useLayoutEffect.js");
+/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../config-provider */ "./node_modules/antd/es/config-provider/index.js");
+/* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../locale-provider/LocaleReceiver */ "./node_modules/antd/es/locale-provider/LocaleReceiver.js");
+/* harmony import */ var _util_transButton__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../_util/transButton */ "./node_modules/antd/es/_util/transButton.js");
+/* harmony import */ var _util_styleChecker__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../_util/styleChecker */ "./node_modules/antd/es/_util/styleChecker.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../tooltip */ "./node_modules/antd/es/tooltip/index.js");
+/* harmony import */ var _Typography__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../Typography */ "./node_modules/antd/es/typography/Typography.js");
+/* harmony import */ var _Editable__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../Editable */ "./node_modules/antd/es/typography/Editable.js");
+/* harmony import */ var _hooks_useMergedConfig__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../hooks/useMergedConfig */ "./node_modules/antd/es/typography/hooks/useMergedConfig.js");
+/* harmony import */ var _hooks_useUpdatedEffect__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../hooks/useUpdatedEffect */ "./node_modules/antd/es/typography/hooks/useUpdatedEffect.js");
+/* harmony import */ var _Ellipsis__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./Ellipsis */ "./node_modules/antd/es/typography/Base/Ellipsis.js");
+/* harmony import */ var _EllipsisTooltip__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./EllipsisTooltip */ "./node_modules/antd/es/typography/Base/EllipsisTooltip.js");
 
 
 
@@ -72435,6 +72486,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 
 
 function wrapperDecorations(_ref, content) {
@@ -72489,11 +72541,11 @@ var Base = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](functio
       title = props.title,
       restProps = __rest(props, ["prefixCls", "className", "style", "type", "disabled", "children", "ellipsis", "editable", "copyable", "component", "title"]);
 
-  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_4__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_15__[/* ConfigContext */ "b"]),
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_4__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_16__[/* ConfigContext */ "b"]),
       getPrefixCls = _React$useContext.getPrefixCls,
       direction = _React$useContext.direction;
 
-  var textLocale = Object(_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_16__[/* useLocaleReceiver */ "b"])('Text')[0]; // Force TS get this
+  var textLocale = Object(_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_17__[/* useLocaleReceiver */ "b"])('Text')[0]; // Force TS get this
 
   var typographyRef = react__WEBPACK_IMPORTED_MODULE_4__["useRef"](null);
   var editIconRef = react__WEBPACK_IMPORTED_MODULE_4__["useRef"](null); // ============================ MISC ============================
@@ -72501,7 +72553,7 @@ var Base = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](functio
   var prefixCls = getPrefixCls('typography', customizePrefixCls);
   var textProps = Object(rc_util_es_omit__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])(restProps, ['mark', 'code', 'delete', 'underline', 'strong', 'keyboard', 'italic']); // ========================== Editable ==========================
 
-  var _useMergedConfig = Object(_hooks_useMergedConfig__WEBPACK_IMPORTED_MODULE_22__[/* default */ "a"])(editable),
+  var _useMergedConfig = Object(_hooks_useMergedConfig__WEBPACK_IMPORTED_MODULE_23__[/* default */ "a"])(editable),
       _useMergedConfig2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(_useMergedConfig, 2),
       enableEdit = _useMergedConfig2[0],
       editConfig = _useMergedConfig2[1];
@@ -72527,7 +72579,7 @@ var Base = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](functio
   }; // Focus edit icon when back
 
 
-  Object(_hooks_useUpdatedEffect__WEBPACK_IMPORTED_MODULE_23__[/* default */ "a"])(function () {
+  Object(_hooks_useUpdatedEffect__WEBPACK_IMPORTED_MODULE_24__[/* default */ "a"])(function () {
     var _a;
 
     if (!editing) {
@@ -72536,7 +72588,7 @@ var Base = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](functio
   }, [editing]);
 
   var onEditClick = function onEditClick(e) {
-    e.preventDefault();
+    e === null || e === void 0 ? void 0 : e.preventDefault();
     triggerEdit(true);
   };
 
@@ -72555,7 +72607,7 @@ var Base = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](functio
   }; // ========================== Copyable ==========================
 
 
-  var _useMergedConfig3 = Object(_hooks_useMergedConfig__WEBPACK_IMPORTED_MODULE_22__[/* default */ "a"])(copyable),
+  var _useMergedConfig3 = Object(_hooks_useMergedConfig__WEBPACK_IMPORTED_MODULE_23__[/* default */ "a"])(copyable),
       _useMergedConfig4 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(_useMergedConfig3, 2),
       enableCopy = _useMergedConfig4[0],
       copyConfig = _useMergedConfig4[1];
@@ -72574,7 +72626,8 @@ var Base = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](functio
   var onCopyClick = function onCopyClick(e) {
     var _a;
 
-    e.preventDefault();
+    e === null || e === void 0 ? void 0 : e.preventDefault();
+    e === null || e === void 0 ? void 0 : e.stopPropagation();
 
     if (copyConfig.text === undefined) {
       copyConfig.text = String(children);
@@ -72619,7 +72672,7 @@ var Base = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](functio
       isNativeEllipsis = _React$useState12[0],
       setIsNativeEllipsis = _React$useState12[1];
 
-  var _useMergedConfig5 = Object(_hooks_useMergedConfig__WEBPACK_IMPORTED_MODULE_22__[/* default */ "a"])(ellipsis, {
+  var _useMergedConfig5 = Object(_hooks_useMergedConfig__WEBPACK_IMPORTED_MODULE_23__[/* default */ "a"])(ellipsis, {
     expandable: false
   }),
       _useMergedConfig6 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(_useMergedConfig5, 2),
@@ -72637,10 +72690,10 @@ var Base = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](functio
       ellipsisConfig.expandable || enableEdit || enableCopy
     );
   }, [mergedEnableEllipsis, ellipsisConfig, enableEdit, enableCopy]);
-  react__WEBPACK_IMPORTED_MODULE_4__["useLayoutEffect"](function () {
+  Object(rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"])(function () {
     if (enableEllipsis && !needMeasureEllipsis) {
-      setIsLineClampSupport(Object(_util_styleChecker__WEBPACK_IMPORTED_MODULE_18__[/* isStyleSupport */ "c"])('webkitLineClamp'));
-      setIsTextOverflowSupport(Object(_util_styleChecker__WEBPACK_IMPORTED_MODULE_18__[/* isStyleSupport */ "c"])('textOverflow'));
+      setIsLineClampSupport(Object(_util_styleChecker__WEBPACK_IMPORTED_MODULE_19__[/* isStyleSupport */ "c"])('webkitLineClamp'));
+      setIsTextOverflowSupport(Object(_util_styleChecker__WEBPACK_IMPORTED_MODULE_19__[/* isStyleSupport */ "c"])('textOverflow'));
     }
   }, [needMeasureEllipsis, enableEllipsis]);
   var cssEllipsis = react__WEBPACK_IMPORTED_MODULE_4__["useMemo"](function () {
@@ -72691,13 +72744,13 @@ var Base = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](functio
     var textEle = typographyRef.current;
 
     if (enableEllipsis && cssEllipsis && textEle) {
-      var currentEllipsis = textEle.offsetWidth < textEle.scrollWidth;
+      var currentEllipsis = cssLineClamp ? textEle.offsetHeight < textEle.scrollHeight : textEle.offsetWidth < textEle.scrollWidth;
 
       if (isNativeEllipsis !== currentEllipsis) {
         setIsNativeEllipsis(currentEllipsis);
       }
     }
-  }, [enableEllipsis, cssEllipsis, children]); // ========================== Tooltip ===========================
+  }, [enableEllipsis, cssEllipsis, children, cssLineClamp]); // ========================== Tooltip ===========================
 
   var tooltipTitle = ellipsisConfig.tooltip === true ? children : ellipsisConfig.tooltip;
   var topAriaLabel = react__WEBPACK_IMPORTED_MODULE_4__["useMemo"](function () {
@@ -72726,7 +72779,7 @@ var Base = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](functio
   // >>>>>>>>>>> Editing input
 
   if (editing) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_Editable__WEBPACK_IMPORTED_MODULE_21__[/* default */ "a"], {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_Editable__WEBPACK_IMPORTED_MODULE_22__[/* default */ "a"], {
       value: typeof children === 'string' ? children : '',
       onSave: onEditChange,
       onCancel: onEditCancel,
@@ -72770,10 +72823,10 @@ var Base = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](functio
         tooltip = editConfig.tooltip;
     var editTitle = Object(rc_util_es_Children_toArray__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"])(tooltip)[0] || textLocale.edit;
     var ariaLabel = typeof editTitle === 'string' ? editTitle : '';
-    return triggerType.includes('icon') ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_tooltip__WEBPACK_IMPORTED_MODULE_19__[/* default */ "a"], {
+    return triggerType.includes('icon') ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_tooltip__WEBPACK_IMPORTED_MODULE_20__[/* default */ "a"], {
       key: "edit",
       title: tooltip === false ? '' : editTitle
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_util_transButton__WEBPACK_IMPORTED_MODULE_17__[/* default */ "a"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_util_transButton__WEBPACK_IMPORTED_MODULE_18__[/* default */ "a"], {
       ref: editIconRef,
       className: "".concat(prefixCls, "-edit"),
       onClick: onEditClick,
@@ -72793,10 +72846,10 @@ var Base = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](functio
     var copyTitle = copied ? getNode(tooltipNodes[1], textLocale.copied) : getNode(tooltipNodes[0], textLocale.copy);
     var systemStr = copied ? textLocale.copied : textLocale.copy;
     var ariaLabel = typeof copyTitle === 'string' ? copyTitle : systemStr;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_tooltip__WEBPACK_IMPORTED_MODULE_19__[/* default */ "a"], {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_tooltip__WEBPACK_IMPORTED_MODULE_20__[/* default */ "a"], {
       key: "copy",
       title: copyTitle
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_util_transButton__WEBPACK_IMPORTED_MODULE_17__[/* default */ "a"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_util_transButton__WEBPACK_IMPORTED_MODULE_18__[/* default */ "a"], {
       className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(prefixCls, "-copy"), copied && "".concat(prefixCls, "-copy-success")),
       onClick: onCopyClick,
       "aria-label": ariaLabel
@@ -72820,11 +72873,11 @@ var Base = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](functio
   }, function (resizeRef) {
     var _classNames;
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_EllipsisTooltip__WEBPACK_IMPORTED_MODULE_25__[/* default */ "a"], {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_EllipsisTooltip__WEBPACK_IMPORTED_MODULE_26__[/* default */ "a"], {
       title: tooltipTitle,
       enabledEllipsis: mergedEnableEllipsis,
       isEllipsis: isMergedEllipsis
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_Typography__WEBPACK_IMPORTED_MODULE_20__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_Typography__WEBPACK_IMPORTED_MODULE_21__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({
       className: classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-").concat(type), type), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-disabled"), disabled), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-ellipsis"), enableEllipsis), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-single-line"), mergedEnableEllipsis && rows === 1), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-ellipsis-single-line"), cssTextOverflow), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-ellipsis-multiple-line"), cssLineClamp), _classNames), className),
       style: Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, style), {
         WebkitLineClamp: cssLineClamp ? rows : undefined
@@ -72835,7 +72888,7 @@ var Base = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](functio
       onClick: triggerType.includes('text') ? onEditClick : null,
       "aria-label": topAriaLabel,
       title: title
-    }, textProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_Ellipsis__WEBPACK_IMPORTED_MODULE_24__[/* default */ "a"], {
+    }, textProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_Ellipsis__WEBPACK_IMPORTED_MODULE_25__[/* default */ "a"], {
       enabledMeasure: mergedEnableEllipsis && !cssEllipsis,
       text: children,
       rows: rows,
@@ -73827,7 +73880,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     delete rcUploadProps.id;
   }
 
-  var renderUploadList = function renderUploadList(button) {
+  var renderUploadList = function renderUploadList(button, buttonVisible) {
     return showUploadList ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"](_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_13__[/* default */ "a"], {
       componentName: "Upload",
       defaultLocale: _locale_default__WEBPACK_IMPORTED_MODULE_14__[/* default */ "a"].Upload
@@ -73858,6 +73911,7 @@ var InternalUpload = function InternalUpload(props, ref) {
         isImageUrl: isImageUrl,
         progress: progress,
         appendAction: button,
+        appendActionVisible: buttonVisible,
         itemRender: itemRender
       });
     }) : button;
@@ -73884,24 +73938,27 @@ var InternalUpload = function InternalUpload(props, ref) {
   }
 
   var uploadButtonCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()(prefixCls, (_classNames2 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames2, "".concat(prefixCls, "-select"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames2, "".concat(prefixCls, "-select-").concat(listType), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames2, "".concat(prefixCls, "-disabled"), disabled), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames2));
-  var uploadButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("div", {
-    className: uploadButtonCls,
-    style: children ? undefined : {
-      display: 'none'
-    }
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"](rc_upload__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])({}, rcUploadProps, {
-    ref: upload
-  })));
+
+  var renderUploadButton = function renderUploadButton(uploadButtonStyle) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("div", {
+      className: uploadButtonCls,
+      style: uploadButtonStyle
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"](rc_upload__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])({}, rcUploadProps, {
+      ref: upload
+    })));
+  };
 
   if (listType === 'picture-card') {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("span", {
       className: classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(prefixCls, "-picture-card-wrapper"), className)
-    }, renderUploadList(uploadButton));
+    }, renderUploadList(renderUploadButton(), !!children));
   }
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("span", {
     className: className
-  }, uploadButton, renderUploadList());
+  }, renderUploadButton(children ? undefined : {
+    display: 'none'
+  }), renderUploadList());
 };
 
 var ForwardUpload = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["forwardRef"](InternalUpload);
@@ -74222,6 +74279,7 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
       downloadIcon = _ref.downloadIcon,
       progress = _ref.progress,
       appendAction = _ref.appendAction,
+      appendActionVisible = _ref.appendActionVisible,
       itemRender = _ref.itemRender;
   var forceUpdate = Object(_util_hooks_useForceUpdate__WEBPACK_IMPORTED_MODULE_16__[/* default */ "a"])();
 
@@ -74392,13 +74450,19 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
       onDownload: onInternalDownload,
       onClose: onInternalClose
     });
-  }), appendAction && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](rc_motion__WEBPACK_IMPORTED_MODULE_5__[/* default */ "b"], motionConfig, function (_ref3) {
+  }), appendAction && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](rc_motion__WEBPACK_IMPORTED_MODULE_5__[/* default */ "b"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])({}, motionConfig, {
+    visible: appendActionVisible,
+    forceRender: true
+  }), function (_ref3) {
     var motionClassName = _ref3.className,
         motionStyle = _ref3.style;
     return Object(_util_reactNode__WEBPACK_IMPORTED_MODULE_11__[/* cloneElement */ "a"])(appendAction, function (oriProps) {
       return {
         className: classnames__WEBPACK_IMPORTED_MODULE_6___default()(oriProps.className, motionClassName),
-        style: Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])({}, motionStyle), oriProps.style)
+        style: Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])({}, motionStyle), {
+          // prevent the element has hover css pseudo-class that may cause animation to end prematurely.
+          pointerEvents: motionClassName ? 'none' : undefined
+        }), oriProps.style)
       };
     });
   }));
@@ -74415,6 +74479,7 @@ UploadList.defaultProps = {
   showRemoveIcon: true,
   showDownloadIcon: false,
   showPreviewIcon: true,
+  appendActionVisible: true,
   previewFile: _utils__WEBPACK_IMPORTED_MODULE_12__[/* previewImage */ "d"],
   isImageUrl: _utils__WEBPACK_IMPORTED_MODULE_12__[/* isImageUrl */ "c"]
 };
@@ -74612,7 +74677,7 @@ function previewImage(file) {
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony default export */ __webpack_exports__["a"] = ('4.18.4');
+/* harmony default export */ __webpack_exports__["a"] = ('4.18.7');
 
 /***/ }),
 
@@ -82149,6 +82214,109 @@ function memoizeOne(resultFn, isEqual) {
 
 
 
+/***/ }),
+
+/***/ "./node_modules/object-assign/index.js":
+/*!*********************************************!*\
+  !*** ./node_modules/object-assign/index.js ***!
+  \*********************************************/
+/*! no static exports found */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+
+/* eslint-disable no-unused-vars */
+var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+
+function toObject(val) {
+	if (val === null || val === undefined) {
+		throw new TypeError('Object.assign cannot be called with null or undefined');
+	}
+
+	return Object(val);
+}
+
+function shouldUseNative() {
+	try {
+		if (!Object.assign) {
+			return false;
+		}
+
+		// Detect buggy property enumeration order in older V8 versions.
+
+		// https://bugs.chromium.org/p/v8/issues/detail?id=4118
+		var test1 = new String('abc');  // eslint-disable-line no-new-wrappers
+		test1[5] = 'de';
+		if (Object.getOwnPropertyNames(test1)[0] === '5') {
+			return false;
+		}
+
+		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+		var test2 = {};
+		for (var i = 0; i < 10; i++) {
+			test2['_' + String.fromCharCode(i)] = i;
+		}
+		var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
+			return test2[n];
+		});
+		if (order2.join('') !== '0123456789') {
+			return false;
+		}
+
+		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+		var test3 = {};
+		'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
+			test3[letter] = letter;
+		});
+		if (Object.keys(Object.assign({}, test3)).join('') !==
+				'abcdefghijklmnopqrst') {
+			return false;
+		}
+
+		return true;
+	} catch (err) {
+		// We don't expect any of the above to throw, but better to be safe.
+		return false;
+	}
+}
+
+module.exports = shouldUseNative() ? Object.assign : function (target, source) {
+	var from;
+	var to = toObject(target);
+	var symbols;
+
+	for (var s = 1; s < arguments.length; s++) {
+		from = Object(arguments[s]);
+
+		for (var key in from) {
+			if (hasOwnProperty.call(from, key)) {
+				to[key] = from[key];
+			}
+		}
+
+		if (getOwnPropertySymbols) {
+			symbols = getOwnPropertySymbols(from);
+			for (var i = 0; i < symbols.length; i++) {
+				if (propIsEnumerable.call(from, symbols[i])) {
+					to[symbols[i]] = from[symbols[i]];
+				}
+			}
+		}
+	}
+
+	return to;
+};
+
+
 /***/ }),
 
 /***/ "./node_modules/process/browser.js":
@@ -82345,6 +82513,810 @@ process.chdir = function (dir) {
 process.umask = function() { return 0; };
 
 
+/***/ }),
+
+/***/ "./node_modules/prop-types/checkPropTypes.js":
+/*!***************************************************!*\
+  !*** ./node_modules/prop-types/checkPropTypes.js ***!
+  \***************************************************/
+/*! no static exports found */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+
+var printWarning = function() {};
+
+if (true) {
+  var ReactPropTypesSecret = __webpack_require__(/*! ./lib/ReactPropTypesSecret */ "./node_modules/prop-types/lib/ReactPropTypesSecret.js");
+  var loggedTypeFailures = {};
+  var has = __webpack_require__(/*! ./lib/has */ "./node_modules/prop-types/lib/has.js");
+
+  printWarning = function(text) {
+    var message = 'Warning: ' + text;
+    if (typeof console !== 'undefined') {
+      console.error(message);
+    }
+    try {
+      // --- Welcome to debugging React ---
+      // This error was thrown as a convenience so that you can use this stack
+      // to find the callsite that caused this warning to fire.
+      throw new Error(message);
+    } catch (x) { /**/ }
+  };
+}
+
+/**
+ * Assert that the values match with the type specs.
+ * Error messages are memorized and will only be shown once.
+ *
+ * @param {object} typeSpecs Map of name to a ReactPropType
+ * @param {object} values Runtime values that need to be type-checked
+ * @param {string} location e.g. "prop", "context", "child context"
+ * @param {string} componentName Name of the component for error messages.
+ * @param {?Function} getStack Returns the component stack.
+ * @private
+ */
+function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
+  if (true) {
+    for (var typeSpecName in typeSpecs) {
+      if (has(typeSpecs, typeSpecName)) {
+        var error;
+        // Prop type validation may throw. In case they do, we don't want to
+        // fail the render phase where it didn't fail before. So we log it.
+        // After these have been cleaned up, we'll let them throw.
+        try {
+          // This is intentionally an invariant that gets caught. It's the same
+          // behavior as without this statement except with a better message.
+          if (typeof typeSpecs[typeSpecName] !== 'function') {
+            var err = Error(
+              (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
+              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +
+              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'
+            );
+            err.name = 'Invariant Violation';
+            throw err;
+          }
+          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
+        } catch (ex) {
+          error = ex;
+        }
+        if (error && !(error instanceof Error)) {
+          printWarning(
+            (componentName || 'React class') + ': type specification of ' +
+            location + ' `' + typeSpecName + '` is invalid; the type checker ' +
+            'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +
+            'You may have forgotten to pass an argument to the type checker ' +
+            'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +
+            'shape all require an argument).'
+          );
+        }
+        if (error instanceof Error && !(error.message in loggedTypeFailures)) {
+          // Only monitor this failure once because there tends to be a lot of the
+          // same error.
+          loggedTypeFailures[error.message] = true;
+
+          var stack = getStack ? getStack() : '';
+
+          printWarning(
+            'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
+          );
+        }
+      }
+    }
+  }
+}
+
+/**
+ * Resets warning cache when testing.
+ *
+ * @private
+ */
+checkPropTypes.resetWarningCache = function() {
+  if (true) {
+    loggedTypeFailures = {};
+  }
+}
+
+module.exports = checkPropTypes;
+
+
+/***/ }),
+
+/***/ "./node_modules/prop-types/factoryWithTypeCheckers.js":
+/*!************************************************************!*\
+  !*** ./node_modules/prop-types/factoryWithTypeCheckers.js ***!
+  \************************************************************/
+/*! no static exports found */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+
+var ReactIs = __webpack_require__(/*! react-is */ "./node_modules/react-is/index.js");
+var assign = __webpack_require__(/*! object-assign */ "./node_modules/object-assign/index.js");
+
+var ReactPropTypesSecret = __webpack_require__(/*! ./lib/ReactPropTypesSecret */ "./node_modules/prop-types/lib/ReactPropTypesSecret.js");
+var has = __webpack_require__(/*! ./lib/has */ "./node_modules/prop-types/lib/has.js");
+var checkPropTypes = __webpack_require__(/*! ./checkPropTypes */ "./node_modules/prop-types/checkPropTypes.js");
+
+var printWarning = function() {};
+
+if (true) {
+  printWarning = function(text) {
+    var message = 'Warning: ' + text;
+    if (typeof console !== 'undefined') {
+      console.error(message);
+    }
+    try {
+      // --- Welcome to debugging React ---
+      // This error was thrown as a convenience so that you can use this stack
+      // to find the callsite that caused this warning to fire.
+      throw new Error(message);
+    } catch (x) {}
+  };
+}
+
+function emptyFunctionThatReturnsNull() {
+  return null;
+}
+
+module.exports = function(isValidElement, throwOnDirectAccess) {
+  /* global Symbol */
+  var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+  var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
+
+  /**
+   * Returns the iterator method function contained on the iterable object.
+   *
+   * Be sure to invoke the function with the iterable as context:
+   *
+   *     var iteratorFn = getIteratorFn(myIterable);
+   *     if (iteratorFn) {
+   *       var iterator = iteratorFn.call(myIterable);
+   *       ...
+   *     }
+   *
+   * @param {?object} maybeIterable
+   * @return {?function}
+   */
+  function getIteratorFn(maybeIterable) {
+    var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
+    if (typeof iteratorFn === 'function') {
+      return iteratorFn;
+    }
+  }
+
+  /**
+   * Collection of methods that allow declaration and validation of props that are
+   * supplied to React components. Example usage:
+   *
+   *   var Props = require('ReactPropTypes');
+   *   var MyArticle = React.createClass({
+   *     propTypes: {
+   *       // An optional string prop named "description".
+   *       description: Props.string,
+   *
+   *       // A required enum prop named "category".
+   *       category: Props.oneOf(['News','Photos']).isRequired,
+   *
+   *       // A prop named "dialog" that requires an instance of Dialog.
+   *       dialog: Props.instanceOf(Dialog).isRequired
+   *     },
+   *     render: function() { ... }
+   *   });
+   *
+   * A more formal specification of how these methods are used:
+   *
+   *   type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
+   *   decl := ReactPropTypes.{type}(.isRequired)?
+   *
+   * Each and every declaration produces a function with the same signature. This
+   * allows the creation of custom validation functions. For example:
+   *
+   *  var MyLink = React.createClass({
+   *    propTypes: {
+   *      // An optional string or URI prop named "href".
+   *      href: function(props, propName, componentName) {
+   *        var propValue = props[propName];
+   *        if (propValue != null && typeof propValue !== 'string' &&
+   *            !(propValue instanceof URI)) {
+   *          return new Error(
+   *            'Expected a string or an URI for ' + propName + ' in ' +
+   *            componentName
+   *          );
+   *        }
+   *      }
+   *    },
+   *    render: function() {...}
+   *  });
+   *
+   * @internal
+   */
+
+  var ANONYMOUS = '<<anonymous>>';
+
+  // Important!
+  // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
+  var ReactPropTypes = {
+    array: createPrimitiveTypeChecker('array'),
+    bigint: createPrimitiveTypeChecker('bigint'),
+    bool: createPrimitiveTypeChecker('boolean'),
+    func: createPrimitiveTypeChecker('function'),
+    number: createPrimitiveTypeChecker('number'),
+    object: createPrimitiveTypeChecker('object'),
+    string: createPrimitiveTypeChecker('string'),
+    symbol: createPrimitiveTypeChecker('symbol'),
+
+    any: createAnyTypeChecker(),
+    arrayOf: createArrayOfTypeChecker,
+    element: createElementTypeChecker(),
+    elementType: createElementTypeTypeChecker(),
+    instanceOf: createInstanceTypeChecker,
+    node: createNodeChecker(),
+    objectOf: createObjectOfTypeChecker,
+    oneOf: createEnumTypeChecker,
+    oneOfType: createUnionTypeChecker,
+    shape: createShapeTypeChecker,
+    exact: createStrictShapeTypeChecker,
+  };
+
+  /**
+   * inlined Object.is polyfill to avoid requiring consumers ship their own
+   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+   */
+  /*eslint-disable no-self-compare*/
+  function is(x, y) {
+    // SameValue algorithm
+    if (x === y) {
+      // Steps 1-5, 7-10
+      // Steps 6.b-6.e: +0 != -0
+      return x !== 0 || 1 / x === 1 / y;
+    } else {
+      // Step 6.a: NaN == NaN
+      return x !== x && y !== y;
+    }
+  }
+  /*eslint-enable no-self-compare*/
+
+  /**
+   * We use an Error-like object for backward compatibility as people may call
+   * PropTypes directly and inspect their output. However, we don't use real
+   * Errors anymore. We don't inspect their stack anyway, and creating them
+   * is prohibitively expensive if they are created too often, such as what
+   * happens in oneOfType() for any type before the one that matched.
+   */
+  function PropTypeError(message, data) {
+    this.message = message;
+    this.data = data && typeof data === 'object' ? data: {};
+    this.stack = '';
+  }
+  // Make `instanceof Error` still work for returned errors.
+  PropTypeError.prototype = Error.prototype;
+
+  function createChainableTypeChecker(validate) {
+    if (true) {
+      var manualPropTypeCallCache = {};
+      var manualPropTypeWarningCount = 0;
+    }
+    function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
+      componentName = componentName || ANONYMOUS;
+      propFullName = propFullName || propName;
+
+      if (secret !== ReactPropTypesSecret) {
+        if (throwOnDirectAccess) {
+          // New behavior only for users of `prop-types` package
+          var err = new Error(
+            'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
+            'Use `PropTypes.checkPropTypes()` to call them. ' +
+            'Read more at http://fb.me/use-check-prop-types'
+          );
+          err.name = 'Invariant Violation';
+          throw err;
+        } else if ( true && typeof console !== 'undefined') {
+          // Old behavior for people using React.PropTypes
+          var cacheKey = componentName + ':' + propName;
+          if (
+            !manualPropTypeCallCache[cacheKey] &&
+            // Avoid spamming the console because they are often not actionable except for lib authors
+            manualPropTypeWarningCount < 3
+          ) {
+            printWarning(
+              'You are manually calling a React.PropTypes validation ' +
+              'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
+              'and will throw in the standalone `prop-types` package. ' +
+              'You may be seeing this warning due to a third-party PropTypes ' +
+              'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
+            );
+            manualPropTypeCallCache[cacheKey] = true;
+            manualPropTypeWarningCount++;
+          }
+        }
+      }
+      if (props[propName] == null) {
+        if (isRequired) {
+          if (props[propName] === null) {
+            return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
+          }
+          return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
+        }
+        return null;
+      } else {
+        return validate(props, propName, componentName, location, propFullName);
+      }
+    }
+
+    var chainedCheckType = checkType.bind(null, false);
+    chainedCheckType.isRequired = checkType.bind(null, true);
+
+    return chainedCheckType;
+  }
+
+  function createPrimitiveTypeChecker(expectedType) {
+    function validate(props, propName, componentName, location, propFullName, secret) {
+      var propValue = props[propName];
+      var propType = getPropType(propValue);
+      if (propType !== expectedType) {
+        // `propValue` being instance of, say, date/regexp, pass the 'object'
+        // check, but we can offer a more precise error message here rather than
+        // 'of type `object`'.
+        var preciseType = getPreciseType(propValue);
+
+        return new PropTypeError(
+          'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'),
+          {expectedType: expectedType}
+        );
+      }
+      return null;
+    }
+    return createChainableTypeChecker(validate);
+  }
+
+  function createAnyTypeChecker() {
+    return createChainableTypeChecker(emptyFunctionThatReturnsNull);
+  }
+
+  function createArrayOfTypeChecker(typeChecker) {
+    function validate(props, propName, componentName, location, propFullName) {
+      if (typeof typeChecker !== 'function') {
+        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
+      }
+      var propValue = props[propName];
+      if (!Array.isArray(propValue)) {
+        var propType = getPropType(propValue);
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
+      }
+      for (var i = 0; i < propValue.length; i++) {
+        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
+        if (error instanceof Error) {
+          return error;
+        }
+      }
+      return null;
+    }
+    return createChainableTypeChecker(validate);
+  }
+
+  function createElementTypeChecker() {
+    function validate(props, propName, componentName, location, propFullName) {
+      var propValue = props[propName];
+      if (!isValidElement(propValue)) {
+        var propType = getPropType(propValue);
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
+      }
+      return null;
+    }
+    return createChainableTypeChecker(validate);
+  }
+
+  function createElementTypeTypeChecker() {
+    function validate(props, propName, componentName, location, propFullName) {
+      var propValue = props[propName];
+      if (!ReactIs.isValidElementType(propValue)) {
+        var propType = getPropType(propValue);
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
+      }
+      return null;
+    }
+    return createChainableTypeChecker(validate);
+  }
+
+  function createInstanceTypeChecker(expectedClass) {
+    function validate(props, propName, componentName, location, propFullName) {
+      if (!(props[propName] instanceof expectedClass)) {
+        var expectedClassName = expectedClass.name || ANONYMOUS;
+        var actualClassName = getClassName(props[propName]);
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
+      }
+      return null;
+    }
+    return createChainableTypeChecker(validate);
+  }
+
+  function createEnumTypeChecker(expectedValues) {
+    if (!Array.isArray(expectedValues)) {
+      if (true) {
+        if (arguments.length > 1) {
+          printWarning(
+            'Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' +
+            'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).'
+          );
+        } else {
+          printWarning('Invalid argument supplied to oneOf, expected an array.');
+        }
+      }
+      return emptyFunctionThatReturnsNull;
+    }
+
+    function validate(props, propName, componentName, location, propFullName) {
+      var propValue = props[propName];
+      for (var i = 0; i < expectedValues.length; i++) {
+        if (is(propValue, expectedValues[i])) {
+          return null;
+        }
+      }
+
+      var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
+        var type = getPreciseType(value);
+        if (type === 'symbol') {
+          return String(value);
+        }
+        return value;
+      });
+      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
+    }
+    return createChainableTypeChecker(validate);
+  }
+
+  function createObjectOfTypeChecker(typeChecker) {
+    function validate(props, propName, componentName, location, propFullName) {
+      if (typeof typeChecker !== 'function') {
+        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
+      }
+      var propValue = props[propName];
+      var propType = getPropType(propValue);
+      if (propType !== 'object') {
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
+      }
+      for (var key in propValue) {
+        if (has(propValue, key)) {
+          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+          if (error instanceof Error) {
+            return error;
+          }
+        }
+      }
+      return null;
+    }
+    return createChainableTypeChecker(validate);
+  }
+
+  function createUnionTypeChecker(arrayOfTypeCheckers) {
+    if (!Array.isArray(arrayOfTypeCheckers)) {
+       true ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : undefined;
+      return emptyFunctionThatReturnsNull;
+    }
+
+    for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+      var checker = arrayOfTypeCheckers[i];
+      if (typeof checker !== 'function') {
+        printWarning(
+          'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
+          'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.'
+        );
+        return emptyFunctionThatReturnsNull;
+      }
+    }
+
+    function validate(props, propName, componentName, location, propFullName) {
+      var expectedTypes = [];
+      for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+        var checker = arrayOfTypeCheckers[i];
+        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
+        if (checkerResult == null) {
+          return null;
+        }
+        if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
+          expectedTypes.push(checkerResult.data.expectedType);
+        }
+      }
+      var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
+      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
+    }
+    return createChainableTypeChecker(validate);
+  }
+
+  function createNodeChecker() {
+    function validate(props, propName, componentName, location, propFullName) {
+      if (!isNode(props[propName])) {
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
+      }
+      return null;
+    }
+    return createChainableTypeChecker(validate);
+  }
+
+  function invalidValidatorError(componentName, location, propFullName, key, type) {
+    return new PropTypeError(
+      (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
+      'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
+    );
+  }
+
+  function createShapeTypeChecker(shapeTypes) {
+    function validate(props, propName, componentName, location, propFullName) {
+      var propValue = props[propName];
+      var propType = getPropType(propValue);
+      if (propType !== 'object') {
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+      }
+      for (var key in shapeTypes) {
+        var checker = shapeTypes[key];
+        if (typeof checker !== 'function') {
+          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+        }
+        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+        if (error) {
+          return error;
+        }
+      }
+      return null;
+    }
+    return createChainableTypeChecker(validate);
+  }
+
+  function createStrictShapeTypeChecker(shapeTypes) {
+    function validate(props, propName, componentName, location, propFullName) {
+      var propValue = props[propName];
+      var propType = getPropType(propValue);
+      if (propType !== 'object') {
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+      }
+      // We need to check all keys in case some are required but missing from props.
+      var allKeys = assign({}, props[propName], shapeTypes);
+      for (var key in allKeys) {
+        var checker = shapeTypes[key];
+        if (has(shapeTypes, key) && typeof checker !== 'function') {
+          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+        }
+        if (!checker) {
+          return new PropTypeError(
+            'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
+            '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
+            '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
+          );
+        }
+        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+        if (error) {
+          return error;
+        }
+      }
+      return null;
+    }
+
+    return createChainableTypeChecker(validate);
+  }
+
+  function isNode(propValue) {
+    switch (typeof propValue) {
+      case 'number':
+      case 'string':
+      case 'undefined':
+        return true;
+      case 'boolean':
+        return !propValue;
+      case 'object':
+        if (Array.isArray(propValue)) {
+          return propValue.every(isNode);
+        }
+        if (propValue === null || isValidElement(propValue)) {
+          return true;
+        }
+
+        var iteratorFn = getIteratorFn(propValue);
+        if (iteratorFn) {
+          var iterator = iteratorFn.call(propValue);
+          var step;
+          if (iteratorFn !== propValue.entries) {
+            while (!(step = iterator.next()).done) {
+              if (!isNode(step.value)) {
+                return false;
+              }
+            }
+          } else {
+            // Iterator will provide entry [k,v] tuples rather than values.
+            while (!(step = iterator.next()).done) {
+              var entry = step.value;
+              if (entry) {
+                if (!isNode(entry[1])) {
+                  return false;
+                }
+              }
+            }
+          }
+        } else {
+          return false;
+        }
+
+        return true;
+      default:
+        return false;
+    }
+  }
+
+  function isSymbol(propType, propValue) {
+    // Native Symbol.
+    if (propType === 'symbol') {
+      return true;
+    }
+
+    // falsy value can't be a Symbol
+    if (!propValue) {
+      return false;
+    }
+
+    // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
+    if (propValue['@@toStringTag'] === 'Symbol') {
+      return true;
+    }
+
+    // Fallback for non-spec compliant Symbols which are polyfilled.
+    if (typeof Symbol === 'function' && propValue instanceof Symbol) {
+      return true;
+    }
+
+    return false;
+  }
+
+  // Equivalent of `typeof` but with special handling for array and regexp.
+  function getPropType(propValue) {
+    var propType = typeof propValue;
+    if (Array.isArray(propValue)) {
+      return 'array';
+    }
+    if (propValue instanceof RegExp) {
+      // Old webkits (at least until Android 4.0) return 'function' rather than
+      // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
+      // passes PropTypes.object.
+      return 'object';
+    }
+    if (isSymbol(propType, propValue)) {
+      return 'symbol';
+    }
+    return propType;
+  }
+
+  // This handles more types than `getPropType`. Only used for error messages.
+  // See `createPrimitiveTypeChecker`.
+  function getPreciseType(propValue) {
+    if (typeof propValue === 'undefined' || propValue === null) {
+      return '' + propValue;
+    }
+    var propType = getPropType(propValue);
+    if (propType === 'object') {
+      if (propValue instanceof Date) {
+        return 'date';
+      } else if (propValue instanceof RegExp) {
+        return 'regexp';
+      }
+    }
+    return propType;
+  }
+
+  // Returns a string that is postfixed to a warning about an invalid type.
+  // For example, "undefined" or "of type array"
+  function getPostfixForTypeWarning(value) {
+    var type = getPreciseType(value);
+    switch (type) {
+      case 'array':
+      case 'object':
+        return 'an ' + type;
+      case 'boolean':
+      case 'date':
+      case 'regexp':
+        return 'a ' + type;
+      default:
+        return type;
+    }
+  }
+
+  // Returns class name of the object, if any.
+  function getClassName(propValue) {
+    if (!propValue.constructor || !propValue.constructor.name) {
+      return ANONYMOUS;
+    }
+    return propValue.constructor.name;
+  }
+
+  ReactPropTypes.checkPropTypes = checkPropTypes;
+  ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
+  ReactPropTypes.PropTypes = ReactPropTypes;
+
+  return ReactPropTypes;
+};
+
+
+/***/ }),
+
+/***/ "./node_modules/prop-types/index.js":
+/*!******************************************!*\
+  !*** ./node_modules/prop-types/index.js ***!
+  \******************************************/
+/*! no static exports found */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+if (true) {
+  var ReactIs = __webpack_require__(/*! react-is */ "./node_modules/react-is/index.js");
+
+  // By explicitly using `prop-types` you are opting into new development behavior.
+  // http://fb.me/prop-types-in-prod
+  var throwOnDirectAccess = true;
+  module.exports = __webpack_require__(/*! ./factoryWithTypeCheckers */ "./node_modules/prop-types/factoryWithTypeCheckers.js")(ReactIs.isElement, throwOnDirectAccess);
+} else {}
+
+
+/***/ }),
+
+/***/ "./node_modules/prop-types/lib/ReactPropTypesSecret.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
+  \*************************************************************/
+/*! no static exports found */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+
+var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+
+module.exports = ReactPropTypesSecret;
+
+
+/***/ }),
+
+/***/ "./node_modules/prop-types/lib/has.js":
+/*!********************************************!*\
+  !*** ./node_modules/prop-types/lib/has.js ***!
+  \********************************************/
+/*! no static exports found */
+/*! all exports used */
+/***/ (function(module, exports) {
+
+module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
+
+
 /***/ }),
 
 /***/ "./node_modules/rc-align/es/Align.js":
@@ -82722,7 +83694,7 @@ function monitorResize(element, callback) {
 
 
 
-var _excluded = ["id", "prefixCls", "fieldNames", "defaultValue", "value", "changeOnSelect", "onChange", "displayRender", "checkable", "searchValue", "onSearch", "showSearch", "expandTrigger", "options", "dropdownPrefixCls", "loadData", "popupVisible", "open", "popupClassName", "dropdownClassName", "dropdownMenuColumnStyle", "popupPlacement", "placement", "onDropdownVisibleChange", "onPopupVisibleChange", "expandIcon", "loadingIcon", "children"];
+var _excluded = ["id", "prefixCls", "fieldNames", "defaultValue", "value", "changeOnSelect", "onChange", "displayRender", "checkable", "searchValue", "onSearch", "showSearch", "expandTrigger", "options", "dropdownPrefixCls", "loadData", "popupVisible", "open", "popupClassName", "dropdownClassName", "dropdownMenuColumnStyle", "popupPlacement", "placement", "onDropdownVisibleChange", "onPopupVisibleChange", "expandIcon", "loadingIcon", "children", "dropdownMatchSelectWidth"];
 
 
 
@@ -82787,6 +83759,8 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](fun
       expandIcon = _props$expandIcon === void 0 ? '>' : _props$expandIcon,
       loadingIcon = props.loadingIcon,
       children = props.children,
+      _props$dropdownMatchS = props.dropdownMatchSelectWidth,
+      dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? false : _props$dropdownMatchS,
       restProps = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(props, _excluded);
 
   var mergedId = Object(rc_select_es_hooks_useId__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])(id);
@@ -82861,7 +83835,7 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](fun
       return [existValues, [], missingValues];
     }
 
-    var keyPathValues = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_11__[/* toPathKeys */ "e"])(existValues);
+    var keyPathValues = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_11__[/* toPathKeys */ "f"])(existValues);
     var ketPathEntities = getPathKeyEntities();
 
     var _conductCheck = Object(rc_tree_es_utils_conductUtil__WEBPACK_IMPORTED_MODULE_6__[/* conductCheck */ "a"])(keyPathValues, true, ketPathEntities),
@@ -82878,7 +83852,7 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](fun
       missingCheckedValues = _React$useMemo2[2];
 
   var deDuplicatedValues = react__WEBPACK_IMPORTED_MODULE_4__["useMemo"](function () {
-    var checkedKeys = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_11__[/* toPathKeys */ "e"])(checkedValues);
+    var checkedKeys = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_11__[/* toPathKeys */ "f"])(checkedValues);
     var deduplicateKeys = Object(_utils_treeUtil__WEBPACK_IMPORTED_MODULE_15__[/* formatStrategyValues */ "a"])(checkedKeys, getPathKeyEntities);
     return [].concat(Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(missingCheckedValues), Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(getValueByKeyPath(deduplicateKeys)));
   }, [checkedValues, getPathKeyEntities, getValueByKeyPath, missingCheckedValues]);
@@ -82907,12 +83881,12 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](fun
       triggerChange(valuePath);
     } else {
       // Prepare conduct required info
-      var pathKey = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_11__[/* toPathKey */ "d"])(valuePath);
-      var checkedPathKeys = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_11__[/* toPathKeys */ "e"])(checkedValues);
-      var halfCheckedPathKeys = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_11__[/* toPathKeys */ "e"])(halfCheckedValues);
+      var pathKey = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_11__[/* toPathKey */ "e"])(valuePath);
+      var checkedPathKeys = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_11__[/* toPathKeys */ "f"])(checkedValues);
+      var halfCheckedPathKeys = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_11__[/* toPathKeys */ "f"])(halfCheckedValues);
       var existInChecked = checkedPathKeys.includes(pathKey);
       var existInMissing = missingCheckedValues.some(function (valueCells) {
-        return Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_11__[/* toPathKey */ "d"])(valueCells) === pathKey;
+        return Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_11__[/* toPathKey */ "e"])(valueCells) === pathKey;
       }); // Do update
 
       var nextCheckedValues = checkedValues;
@@ -82921,7 +83895,7 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](fun
       if (existInMissing && !existInChecked) {
         // Missing value only do filter
         nextMissingValues = missingCheckedValues.filter(function (valueCells) {
-          return Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_11__[/* toPathKey */ "d"])(valueCells) !== pathKey;
+          return Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_11__[/* toPathKey */ "e"])(valueCells) !== pathKey;
         });
       } else {
         // Update checked key first
@@ -83017,7 +83991,7 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](fun
     ref: ref,
     id: mergedId,
     prefixCls: prefixCls,
-    dropdownMatchSelectWidth: false,
+    dropdownMatchSelectWidth: dropdownMatchSelectWidth,
     dropdownStyle: dropdownStyle // Value
     ,
     displayValues: displayValues,
@@ -83143,30 +84117,58 @@ function Column(_ref) {
       loadingIcon = _React$useContext.loadingIcon,
       dropdownMenuColumnStyle = _React$useContext.dropdownMenuColumnStyle;
 
-  var hoverOpen = expandTrigger === 'hover'; // ============================ Render ============================
+  var hoverOpen = expandTrigger === 'hover'; // ============================ Option ============================
 
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("ul", {
-    className: menuPrefixCls,
-    role: "menu"
-  }, options.map(function (option) {
-    var _classNames;
+  var optionInfoList = react__WEBPACK_IMPORTED_MODULE_2__["useMemo"](function () {
+    return options.map(function (option) {
+      var disabled = option.disabled;
+      var searchOptions = option[_hooks_useSearchOptions__WEBPACK_IMPORTED_MODULE_7__[/* SEARCH_MARK */ "a"]];
+      var label = option[fieldNames.label];
+      var value = option[fieldNames.value];
+      var isMergedLeaf = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_4__[/* isLeaf */ "c"])(option, fieldNames); // Get real value of option. Search option is different way.
 
-    var disabled = option.disabled;
-    var searchOptions = option[_hooks_useSearchOptions__WEBPACK_IMPORTED_MODULE_7__[/* SEARCH_MARK */ "a"]];
-    var label = option[fieldNames.label];
-    var value = option[fieldNames.value];
-    var isMergedLeaf = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_4__[/* isLeaf */ "c"])(option, fieldNames); // Get real value of option. Search option is different way.
+      var fullPath = searchOptions ? searchOptions.map(function (opt) {
+        return opt[fieldNames.value];
+      }) : [].concat(Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(prevValuePath), [value]);
+      var fullPathKey = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_4__[/* toPathKey */ "e"])(fullPath);
+      var isLoading = loadingKeys.includes(fullPathKey); // >>>>> checked
 
-    var fullPath = searchOptions ? searchOptions.map(function (opt) {
-      return opt[fieldNames.value];
-    }) : [].concat(Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(prevValuePath), [value]);
-    var fullPathKey = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_4__[/* toPathKey */ "d"])(fullPath);
-    var isLoading = loadingKeys.includes(fullPathKey); // >>>>> checked
+      var checked = checkedSet.has(fullPathKey); // >>>>> halfChecked
 
-    var checked = checkedSet.has(fullPathKey); // >>>>> halfChecked
+      var halfChecked = halfCheckedSet.has(fullPathKey);
+      return {
+        disabled: disabled,
+        label: label,
+        value: value,
+        isLeaf: isMergedLeaf,
+        isLoading: isLoading,
+        checked: checked,
+        halfChecked: halfChecked,
+        option: option,
+        fullPath: fullPath,
+        fullPathKey: fullPathKey
+      };
+    });
+  }, [options, checkedSet, fieldNames, halfCheckedSet, loadingKeys, prevValuePath]); // ============================ Render ============================
 
-    var halfChecked = halfCheckedSet.has(fullPathKey); // >>>>> Open
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("ul", {
+    className: menuPrefixCls,
+    role: "menu"
+  }, optionInfoList.map(function (_ref2) {
+    var _classNames;
 
+    var disabled = _ref2.disabled,
+        label = _ref2.label,
+        value = _ref2.value,
+        isMergedLeaf = _ref2.isLeaf,
+        isLoading = _ref2.isLoading,
+        checked = _ref2.checked,
+        halfChecked = _ref2.halfChecked,
+        option = _ref2.option,
+        fullPath = _ref2.fullPath,
+        fullPathKey = _ref2.fullPathKey;
+
+    // >>>>> Open
     var triggerOpenPath = function triggerOpenPath() {
       if (!disabled && (!hoverOpen || !isMergedLeaf)) {
         onActive(fullPath);
@@ -83230,7 +84232,7 @@ function Column(_ref) {
       }
     }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
       className: "".concat(menuItemPrefixCls, "-content")
-    }, option[fieldNames.label]), !isLoading && expandIcon && !isMergedLeaf && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
+    }, label), !isLoading && expandIcon && !isMergedLeaf && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
       className: "".concat(menuItemPrefixCls, "-expand-icon")
     }, expandIcon), isLoading && loadingIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
       className: "".concat(menuItemPrefixCls, "-loading-icon")
@@ -83254,17 +84256,17 @@ function Column(_ref) {
 /* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
 /* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
 /* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var rc_select__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rc-select */ "./node_modules/rc-select/es/index.js");
-/* harmony import */ var _Column__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Column */ "./node_modules/rc-cascader/es/OptionList/Column.js");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../context */ "./node_modules/rc-cascader/es/context.js");
-/* harmony import */ var _utils_commonUtil__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils/commonUtil */ "./node_modules/rc-cascader/es/utils/commonUtil.js");
-/* harmony import */ var _useActive__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./useActive */ "./node_modules/rc-cascader/es/OptionList/useActive.js");
-/* harmony import */ var _useKeyboard__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./useKeyboard */ "./node_modules/rc-cascader/es/OptionList/useKeyboard.js");
-/* harmony import */ var _utils_treeUtil__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../utils/treeUtil */ "./node_modules/rc-cascader/es/utils/treeUtil.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var rc_select__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rc-select */ "./node_modules/rc-select/es/index.js");
+/* 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 _context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../context */ "./node_modules/rc-cascader/es/context.js");
+/* harmony import */ var _utils_commonUtil__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils/commonUtil */ "./node_modules/rc-cascader/es/utils/commonUtil.js");
+/* harmony import */ var _utils_treeUtil__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils/treeUtil */ "./node_modules/rc-cascader/es/utils/treeUtil.js");
+/* harmony import */ var _Column__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Column */ "./node_modules/rc-cascader/es/OptionList/Column.js");
+/* harmony import */ var _useActive__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./useActive */ "./node_modules/rc-cascader/es/OptionList/useActive.js");
+/* harmony import */ var _useKeyboard__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./useKeyboard */ "./node_modules/rc-cascader/es/OptionList/useKeyboard.js");
 
 
 
@@ -83281,10 +84283,10 @@ function Column(_ref) {
 
 
 
-var RefOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"](function (props, ref) {
+var RefOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__["forwardRef"](function (props, ref) {
   var _optionColumns$, _optionColumns$$optio, _ref3, _classNames;
 
-  var _useBaseProps = Object(rc_select__WEBPACK_IMPORTED_MODULE_7__[/* useBaseProps */ "e"])(),
+  var _useBaseProps = Object(rc_select__WEBPACK_IMPORTED_MODULE_6__[/* useBaseProps */ "e"])(),
       prefixCls = _useBaseProps.prefixCls,
       multiple = _useBaseProps.multiple,
       searchValue = _useBaseProps.searchValue,
@@ -83292,10 +84294,10 @@ var RefOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"
       notFoundContent = _useBaseProps.notFoundContent,
       direction = _useBaseProps.direction;
 
-  var containerRef = react__WEBPACK_IMPORTED_MODULE_5__["useRef"]();
+  var containerRef = react__WEBPACK_IMPORTED_MODULE_7__["useRef"]();
   var rtl = direction === 'rtl';
 
-  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_5__["useContext"](_context__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"]),
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_7__["useContext"](_context__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"]),
       options = _React$useContext.options,
       values = _React$useContext.values,
       halfValues = _React$useContext.halfValues,
@@ -83309,7 +84311,7 @@ var RefOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"
 
   var mergedPrefixCls = dropdownPrefixCls || prefixCls; // ========================= loadData =========================
 
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_5__["useState"]([]),
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_7__["useState"]([]),
       _React$useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(_React$useState, 2),
       loadingKeys = _React$useState2[0],
       setLoadingKeys = _React$useState2[1];
@@ -83320,15 +84322,15 @@ var RefOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"
       return;
     }
 
-    var optionList = Object(_utils_treeUtil__WEBPACK_IMPORTED_MODULE_13__[/* toPathOptions */ "b"])(valueCells, options, fieldNames);
+    var optionList = Object(_utils_treeUtil__WEBPACK_IMPORTED_MODULE_10__[/* toPathOptions */ "b"])(valueCells, options, fieldNames);
     var rawOptions = optionList.map(function (_ref) {
       var option = _ref.option;
       return option;
     });
     var lastOption = rawOptions[rawOptions.length - 1];
 
-    if (lastOption && !Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_10__[/* isLeaf */ "c"])(lastOption, fieldNames)) {
-      var pathKey = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_10__[/* toPathKey */ "d"])(valueCells);
+    if (lastOption && !Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_9__[/* isLeaf */ "c"])(lastOption, fieldNames)) {
+      var pathKey = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_9__[/* toPathKey */ "e"])(valueCells);
       setLoadingKeys(function (keys) {
         return [].concat(Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(keys), [pathKey]);
       });
@@ -83337,17 +84339,17 @@ var RefOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"
   }; // zombieJ: This is bad. We should make this same as `rc-tree` to use Promise instead.
 
 
-  react__WEBPACK_IMPORTED_MODULE_5__["useEffect"](function () {
+  react__WEBPACK_IMPORTED_MODULE_7__["useEffect"](function () {
     if (loadingKeys.length) {
       loadingKeys.forEach(function (loadingKey) {
-        var valueStrCells = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_10__[/* toPathValueStr */ "f"])(loadingKey);
-        var optionList = Object(_utils_treeUtil__WEBPACK_IMPORTED_MODULE_13__[/* toPathOptions */ "b"])(valueStrCells, options, fieldNames, true).map(function (_ref2) {
+        var valueStrCells = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_9__[/* toPathValueStr */ "g"])(loadingKey);
+        var optionList = Object(_utils_treeUtil__WEBPACK_IMPORTED_MODULE_10__[/* toPathOptions */ "b"])(valueStrCells, options, fieldNames, true).map(function (_ref2) {
           var option = _ref2.option;
           return option;
         });
         var lastOption = optionList[optionList.length - 1];
 
-        if (!lastOption || lastOption[fieldNames.children] || Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_10__[/* isLeaf */ "c"])(lastOption, fieldNames)) {
+        if (!lastOption || lastOption[fieldNames.children] || Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_9__[/* isLeaf */ "c"])(lastOption, fieldNames)) {
           setLoadingKeys(function (keys) {
             return keys.filter(function (key) {
               return key !== loadingKey;
@@ -83358,14 +84360,14 @@ var RefOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"
     }
   }, [options, loadingKeys, fieldNames]); // ========================== Values ==========================
 
-  var checkedSet = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
-    return new Set(Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_10__[/* toPathKeys */ "e"])(values));
+  var checkedSet = react__WEBPACK_IMPORTED_MODULE_7__["useMemo"](function () {
+    return new Set(Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_9__[/* toPathKeys */ "f"])(values));
   }, [values]);
-  var halfCheckedSet = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
-    return new Set(Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_10__[/* toPathKeys */ "e"])(halfValues));
+  var halfCheckedSet = react__WEBPACK_IMPORTED_MODULE_7__["useMemo"](function () {
+    return new Set(Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_9__[/* toPathKeys */ "f"])(halfValues));
   }, [halfValues]); // ====================== Accessibility =======================
 
-  var _useActive = Object(_useActive__WEBPACK_IMPORTED_MODULE_11__[/* default */ "a"])(),
+  var _useActive = Object(_useActive__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"])(),
       _useActive2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(_useActive, 2),
       activeValueCells = _useActive2[0],
       setActiveValueCells = _useActive2[1]; // =========================== Path ===========================
@@ -83379,7 +84381,7 @@ var RefOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"
 
   var isSelectable = function isSelectable(option) {
     var disabled = option.disabled;
-    var isMergedLeaf = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_10__[/* isLeaf */ "c"])(option, fieldNames);
+    var isMergedLeaf = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_9__[/* isLeaf */ "c"])(option, fieldNames);
     return !disabled && (isMergedLeaf || changeOnSelect || multiple);
   };
 
@@ -83393,7 +84395,7 @@ var RefOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"
   }; // ========================== Option ==========================
 
 
-  var mergedOptions = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
+  var mergedOptions = react__WEBPACK_IMPORTED_MODULE_7__["useMemo"](function () {
     if (searchValue) {
       return searchOptions;
     }
@@ -83401,7 +84403,7 @@ var RefOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"
     return options;
   }, [searchValue, searchOptions, options]); // ========================== Column ==========================
 
-  var optionColumns = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
+  var optionColumns = react__WEBPACK_IMPORTED_MODULE_7__["useMemo"](function () {
     var optionList = [{
       options: mergedOptions
     }];
@@ -83435,11 +84437,25 @@ var RefOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"
 
   var onKeyboardSelect = function onKeyboardSelect(selectValueCells, option) {
     if (isSelectable(option)) {
-      onPathSelect(selectValueCells, Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_10__[/* isLeaf */ "c"])(option, fieldNames), true);
+      onPathSelect(selectValueCells, Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_9__[/* isLeaf */ "c"])(option, fieldNames), true);
     }
   };
 
-  Object(_useKeyboard__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"])(ref, mergedOptions, fieldNames, activeValueCells, onPathOpen, containerRef, onKeyboardSelect); // ========================== Render ==========================
+  Object(_useKeyboard__WEBPACK_IMPORTED_MODULE_13__[/* default */ "a"])(ref, mergedOptions, fieldNames, activeValueCells, onPathOpen, onKeyboardSelect); // >>>>> Active Scroll
+
+  react__WEBPACK_IMPORTED_MODULE_7__["useEffect"](function () {
+    for (var i = 0; i < activeValueCells.length; i += 1) {
+      var _containerRef$current;
+
+      var cellPath = activeValueCells.slice(0, i + 1);
+      var cellKeyPath = Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_9__[/* toPathKey */ "e"])(cellPath);
+      var ele = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.querySelector("li[data-path-key=\"".concat(cellKeyPath.replace(/\\{0,2}"/g, '\\"'), "\"]"));
+
+      if (ele) {
+        Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_9__[/* scrollIntoParentView */ "d"])(ele);
+      }
+    }
+  }, [activeValueCells]); // ========================== Render ==========================
   // >>>>> Empty
 
   var isEmpty = !((_optionColumns$ = optionColumns[0]) === null || _optionColumns$ === void 0 ? void 0 : (_optionColumns$$optio = _optionColumns$.options) === null || _optionColumns$$optio === void 0 ? void 0 : _optionColumns$$optio.length);
@@ -83463,7 +84479,7 @@ var RefOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"
   var columnNodes = mergedOptionColumns.map(function (col, index) {
     var prevValuePath = activeValueCells.slice(0, index);
     var activeValue = activeValueCells[index];
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"](_Column__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__["createElement"](_Column__WEBPACK_IMPORTED_MODULE_11__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({
       key: index
     }, columnProps, {
       prefixCls: mergedPrefixCls,
@@ -83473,10 +84489,10 @@ var RefOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"
     }));
   }); // >>>>> Render
 
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"](react__WEBPACK_IMPORTED_MODULE_5__["Fragment"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_6___default()("".concat(mergedPrefixCls, "-menus"), (_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(_classNames, "".concat(mergedPrefixCls, "-menu-empty"), isEmpty), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(_classNames, "".concat(mergedPrefixCls, "-rtl"), rtl), _classNames)),
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__["createElement"]("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(mergedPrefixCls, "-menus"), (_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(_classNames, "".concat(mergedPrefixCls, "-menu-empty"), isEmpty), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(_classNames, "".concat(mergedPrefixCls, "-rtl"), rtl), _classNames)),
     ref: containerRef
-  }, columnNodes));
+  }, columnNodes);
 });
 /* harmony default export */ __webpack_exports__["a"] = (RefOptionList);
 
@@ -83546,16 +84562,14 @@ var RefOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"
 /* 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 rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rc-util/es/KeyCode */ "./node_modules/rc-util/es/KeyCode.js");
-/* harmony import */ var _utils_commonUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/commonUtil */ "./node_modules/rc-cascader/es/utils/commonUtil.js");
-/* harmony import */ var rc_select__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rc-select */ "./node_modules/rc-select/es/index.js");
-
+/* harmony import */ var rc_select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rc-select */ "./node_modules/rc-select/es/index.js");
 
 
 
 
 
-/* harmony default export */ __webpack_exports__["a"] = (function (ref, options, fieldNames, activeValueCells, setActiveValueCells, containerRef, onKeyBoardSelect) {
-  var _useBaseProps = Object(rc_select__WEBPACK_IMPORTED_MODULE_5__[/* useBaseProps */ "e"])(),
+/* harmony default export */ __webpack_exports__["a"] = (function (ref, options, fieldNames, activeValueCells, setActiveValueCells, onKeyBoardSelect) {
+  var _useBaseProps = Object(rc_select__WEBPACK_IMPORTED_MODULE_4__[/* useBaseProps */ "e"])(),
       direction = _useBaseProps.direction,
       searchValue = _useBaseProps.searchValue,
       toggleOpen = _useBaseProps.toggleOpen,
@@ -83610,13 +84624,7 @@ var RefOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"
 
 
   var internalSetActiveValueCells = function internalSetActiveValueCells(next) {
-    var _containerRef$current, _ele$scrollIntoView;
-
     setActiveValueCells(next);
-    var ele = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.querySelector("li[data-path-key=\"".concat(Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_4__[/* toPathKey */ "d"])(next), "\"]"));
-    ele === null || ele === void 0 ? void 0 : (_ele$scrollIntoView = ele.scrollIntoView) === null || _ele$scrollIntoView === void 0 ? void 0 : _ele$scrollIntoView.call(ele, {
-      block: 'nearest'
-    });
   }; // Same options offset
 
 
@@ -83828,7 +84836,7 @@ var CascaderContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createCon
       }));
       return {
         label: label,
-        value: Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_4__[/* toPathKey */ "d"])(valueCells),
+        value: Object(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_4__[/* toPathKey */ "e"])(valueCells),
         valueCells: valueCells
       };
     });
@@ -84114,17 +85122,18 @@ var defaultRender = function defaultRender(inputValue, path, prefixCls, fieldNam
 /*!*********************************************************!*\
   !*** ./node_modules/rc-cascader/es/utils/commonUtil.js ***!
   \*********************************************************/
-/*! exports provided: VALUE_SPLIT, toPathKey, toPathKeys, toPathValueStr, fillFieldNames, isLeaf */
-/*! exports used: VALUE_SPLIT, fillFieldNames, isLeaf, toPathKey, toPathKeys, toPathValueStr */
+/*! exports provided: VALUE_SPLIT, toPathKey, toPathKeys, toPathValueStr, fillFieldNames, isLeaf, scrollIntoParentView */
+/*! exports used: VALUE_SPLIT, fillFieldNames, isLeaf, scrollIntoParentView, toPathKey, toPathKeys, toPathValueStr */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return VALUE_SPLIT; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return toPathKey; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return toPathKeys; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return toPathValueStr; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return toPathKey; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return toPathKeys; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return toPathValueStr; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return fillFieldNames; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return isLeaf; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return scrollIntoParentView; });
 var VALUE_SPLIT = '__RC_CASCADER_SPLIT__';
 function toPathKey(value) {
   return value.join(VALUE_SPLIT);
@@ -84154,6 +85163,25 @@ function isLeaf(option, fieldNames) {
 
   return (_option$isLeaf = option.isLeaf) !== null && _option$isLeaf !== void 0 ? _option$isLeaf : !((_option$fieldNames$ch = option[fieldNames.children]) === null || _option$fieldNames$ch === void 0 ? void 0 : _option$fieldNames$ch.length);
 }
+function scrollIntoParentView(element) {
+  var parent = element.parentElement;
+
+  if (!parent) {
+    return;
+  }
+
+  var elementToParent = element.offsetTop - parent.offsetTop; // offsetParent may not be parent.
+
+  if (elementToParent - parent.scrollTop < 0) {
+    parent.scrollTo({
+      top: elementToParent
+    });
+  } else if (elementToParent + element.offsetHeight - parent.scrollTop > parent.offsetHeight) {
+    parent.scrollTo({
+      top: elementToParent + element.offsetHeight - parent.offsetHeight
+    });
+  }
+}
 
 /***/ }),
 
@@ -86519,12 +87547,12 @@ function Dropdown(props, ref) {
     }
   };
 
-  var onVisibleChange = function onVisibleChange(visible) {
-    var onVisibleChange = props.onVisibleChange;
-    setTriggerVisible(visible);
+  var onVisibleChange = function onVisibleChange(newVisible) {
+    var onVisibleChangeProp = props.onVisibleChange;
+    setTriggerVisible(newVisible);
 
-    if (typeof onVisibleChange === 'function') {
-      onVisibleChange(visible);
+    if (typeof onVisibleChangeProp === 'function') {
+      onVisibleChangeProp(newVisible);
     }
   };
 
@@ -86579,7 +87607,7 @@ function Dropdown(props, ref) {
     var children = props.children;
     var childrenProps = children.props ? children.props : {};
     var childClassName = classnames__WEBPACK_IMPORTED_MODULE_6___default()(childrenProps.className, getOpenClassName());
-    return triggerVisible && children ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["cloneElement"](children, {
+    return mergedVisible && children ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["cloneElement"](children, {
       className: childClassName
     }) : children;
   };
@@ -95190,7 +96218,11 @@ function genCSSMotion(config) {
 
     function getDomElement() {
       try {
-        return Object(rc_util_es_Dom_findDOMNode__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])(nodeRef.current || wrapperNodeRef.current);
+        // Here we're avoiding call for findDOMNode since it's deprecated
+        // in strict mode. We're calling it only when node ref is not
+        // an instance of DOM HTMLElement. Otherwise use
+        // findDOMNode as a final resort
+        return nodeRef.current instanceof HTMLElement ? nodeRef.current : Object(rc_util_es_Dom_findDOMNode__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])(wrapperNodeRef.current);
       } catch (e) {
         // Only happen when `motionDeadline` trigger but element removed.
         return null;
@@ -95202,7 +96234,7 @@ function genCSSMotion(config) {
         status = _useStatus2[0],
         statusStep = _useStatus2[1],
         statusStyle = _useStatus2[2],
-        mergedVisible = _useStatus2[3]; // Record whether content has rended
+        mergedVisible = _useStatus2[3]; // Record whether content has rendered
     // Will return null for un-rendered even when `removeOnLeave={false}`
 
 
@@ -95213,11 +96245,9 @@ function genCSSMotion(config) {
     } // ====================== Refs ======================
 
 
-    var originRef = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])(ref);
-    originRef.current = ref;
     var setNodeRef = react__WEBPACK_IMPORTED_MODULE_4__["useCallback"](function (node) {
       nodeRef.current = node;
-      Object(rc_util_es_ref__WEBPACK_IMPORTED_MODULE_6__[/* fillRef */ "b"])(originRef.current, node);
+      Object(rc_util_es_ref__WEBPACK_IMPORTED_MODULE_6__[/* fillRef */ "b"])(ref, node);
     }, []); // ===================== Render =====================
 
     var motionChildren;
@@ -95306,6 +96336,8 @@ function genCSSMotion(config) {
 
 
 
+var _excluded = ["component", "children", "onVisibleChanged"],
+    _excluded2 = ["status"];
 
 /* eslint react/prop-types: 0 */
 
@@ -95332,7 +96364,11 @@ function genCSSMotionList(transitionSupport) {
 
       Object(_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(this, CSSMotionList);
 
-      _this = _super.apply(this, arguments);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _super.call.apply(_super, [this].concat(args));
       _this.state = {
         keyEntities: []
       };
@@ -95365,7 +96401,7 @@ function genCSSMotionList(transitionSupport) {
             component = _this$props.component,
             children = _this$props.children,
             _onVisibleChanged = _this$props.onVisibleChanged,
-            restProps = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_this$props, ["component", "children", "onVisibleChanged"]);
+            restProps = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_this$props, _excluded);
 
         var Component = component || react__WEBPACK_IMPORTED_MODULE_7__["Fragment"];
         var motionProps = {};
@@ -95376,7 +96412,7 @@ function genCSSMotionList(transitionSupport) {
         delete restProps.keys;
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__["createElement"](Component, restProps, keyEntities.map(function (_ref2) {
           var status = _ref2.status,
-              eventProps = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_ref2, ["status"]);
+              eventProps = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_ref2, _excluded2);
 
           var visible = status === _util_diff__WEBPACK_IMPORTED_MODULE_10__[/* STATUS_ADD */ "a"] || status === _util_diff__WEBPACK_IMPORTED_MODULE_10__[/* STATUS_KEEP */ "b"];
           return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__["createElement"](CSSMotion, Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, motionProps, {
@@ -95760,13 +96796,13 @@ function useStatus(supportMotion, visible, getElement, _ref) {
     var _ref2, _ref3, _ref4;
 
     switch (status) {
-      case 'appear':
+      case _interface__WEBPACK_IMPORTED_MODULE_4__[/* STATUS_APPEAR */ "a"]:
         return _ref2 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_ref2, _interface__WEBPACK_IMPORTED_MODULE_4__[/* STEP_PREPARE */ "h"], onAppearPrepare), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_ref2, _interface__WEBPACK_IMPORTED_MODULE_4__[/* STEP_START */ "i"], onAppearStart), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_ref2, _interface__WEBPACK_IMPORTED_MODULE_4__[/* STEP_ACTIVE */ "f"], onAppearActive), _ref2;
 
-      case 'enter':
+      case _interface__WEBPACK_IMPORTED_MODULE_4__[/* STATUS_ENTER */ "b"]:
         return _ref3 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_ref3, _interface__WEBPACK_IMPORTED_MODULE_4__[/* STEP_PREPARE */ "h"], onEnterPrepare), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_ref3, _interface__WEBPACK_IMPORTED_MODULE_4__[/* STEP_START */ "i"], onEnterStart), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_ref3, _interface__WEBPACK_IMPORTED_MODULE_4__[/* STEP_ACTIVE */ "f"], onEnterActive), _ref3;
 
-      case 'leave':
+      case _interface__WEBPACK_IMPORTED_MODULE_4__[/* STATUS_LEAVE */ "c"]:
         return _ref4 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_ref4, _interface__WEBPACK_IMPORTED_MODULE_4__[/* STEP_PREPARE */ "h"], onLeavePrepare), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_ref4, _interface__WEBPACK_IMPORTED_MODULE_4__[/* STEP_START */ "i"], onLeaveStart), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_ref4, _interface__WEBPACK_IMPORTED_MODULE_4__[/* STEP_ACTIVE */ "f"], onLeaveActive), _ref4;
 
       default:
@@ -95903,6 +96939,8 @@ function useStatus(supportMotion, visible, getElement, _ref) {
 /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../interface */ "./node_modules/rc-motion/es/interface.js");
 /* harmony import */ var _useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useIsomorphicLayoutEffect */ "./node_modules/rc-motion/es/hooks/useIsomorphicLayoutEffect.js");
 /* harmony import */ var _useNextFrame__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useNextFrame */ "./node_modules/rc-motion/es/hooks/useNextFrame.js");
+/* harmony import */ var _useState__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./useState */ "./node_modules/rc-motion/es/hooks/useState.js");
+
 
 
 
@@ -95919,10 +96957,10 @@ function isActive(step) {
   return step === _interface__WEBPACK_IMPORTED_MODULE_2__[/* STEP_ACTIVE */ "f"] || step === _interface__WEBPACK_IMPORTED_MODULE_2__[/* STEP_ACTIVATED */ "e"];
 }
 /* harmony default export */ __webpack_exports__["c"] = (function (status, callback) {
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_1__["useState"](_interface__WEBPACK_IMPORTED_MODULE_2__[/* STEP_NONE */ "g"]),
-      _React$useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_React$useState, 2),
-      step = _React$useState2[0],
-      setStep = _React$useState2[1];
+  var _useState = Object(_useState__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])(_interface__WEBPACK_IMPORTED_MODULE_2__[/* STEP_NONE */ "g"]),
+      _useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_useState, 2),
+      step = _useState2[0],
+      setStep = _useState2[1];
 
   var _useNextFrame = Object(_useNextFrame__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(),
       _useNextFrame2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_useNextFrame, 2),
@@ -96831,6 +97869,7 @@ function useNotification(notificationInstance) {
 
 
 
+var _excluded = ["prefixCls", "invalidate", "item", "renderItem", "responsive", "registerSize", "itemKey", "className", "style", "children", "display", "order", "component"];
 
 
  // Use shared variable to save bundle size
@@ -96852,7 +97891,7 @@ function InternalItem(props, ref) {
       order = props.order,
       _props$component = props.component,
       Component = _props$component === void 0 ? 'div' : _props$component,
-      restProps = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(props, ["prefixCls", "invalidate", "item", "renderItem", "responsive", "registerSize", "itemKey", "className", "style", "children", "display", "order", "component"]);
+      restProps = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(props, _excluded);
 
   var mergedHidden = responsive && !display; // ================================ Effect ================================
 
@@ -96930,12 +97969,15 @@ Item.displayName = 'Item';
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var rc_resize_observer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rc-resize-observer */ "./node_modules/rc-resize-observer/es/index.js");
-/* harmony import */ var _Item__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Item */ "./node_modules/rc-overflow/es/Item.js");
-/* harmony import */ var _hooks_useBatchFrameState__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./hooks/useBatchFrameState */ "./node_modules/rc-overflow/es/hooks/useBatchFrameState.js");
-/* harmony import */ var _RawItem__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./RawItem */ "./node_modules/rc-overflow/es/RawItem.js");
+/* harmony import */ var rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rc-util/es/hooks/useLayoutEffect */ "./node_modules/rc-util/es/hooks/useLayoutEffect.js");
+/* harmony import */ var _Item__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Item */ "./node_modules/rc-overflow/es/Item.js");
+/* harmony import */ var _hooks_useBatchFrameState__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./hooks/useBatchFrameState */ "./node_modules/rc-overflow/es/hooks/useBatchFrameState.js");
+/* harmony import */ var _RawItem__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./RawItem */ "./node_modules/rc-overflow/es/RawItem.js");
+
 
 
 
+var _excluded = ["prefixCls", "data", "renderItem", "renderRawItem", "itemKey", "itemWidth", "ssr", "style", "className", "maxCount", "renderRest", "renderRawRest", "suffix", "component", "itemComponent", "onVisibleChange"];
 
 
 
@@ -96973,9 +98015,9 @@ function Overflow(props, ref) {
       Component = _props$component === void 0 ? 'div' : _props$component,
       itemComponent = props.itemComponent,
       onVisibleChange = props.onVisibleChange,
-      restProps = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(props, ["prefixCls", "data", "renderItem", "renderRawItem", "itemKey", "itemWidth", "ssr", "style", "className", "maxCount", "renderRest", "renderRawRest", "suffix", "component", "itemComponent", "onVisibleChange"]);
+      restProps = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(props, _excluded);
 
-  var createUseState = Object(_hooks_useBatchFrameState__WEBPACK_IMPORTED_MODULE_8__[/* useBatchFrameState */ "a"])();
+  var createUseState = Object(_hooks_useBatchFrameState__WEBPACK_IMPORTED_MODULE_9__[/* useBatchFrameState */ "a"])();
   var fullySSR = ssr === 'full';
 
   var _createUseState = createUseState(null),
@@ -97117,7 +98159,7 @@ function Overflow(props, ref) {
     return itemWidths.get(getKey(mergedData[index], index));
   }
 
-  react__WEBPACK_IMPORTED_MODULE_4__["useLayoutEffect"](function () {
+  Object(rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"])(function () {
     if (mergedContainerWidth && mergedRestWidth && mergedData) {
       var totalWidth = suffixWidth;
       var len = mergedData.length;
@@ -97193,7 +98235,7 @@ function Overflow(props, ref) {
     }, renderRawItem(item, index));
   } : function (item, index) {
     var key = getKey(item, index);
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_Item__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, itemSharedProps, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_Item__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, itemSharedProps, {
       order: index,
       key: key,
       item: item,
@@ -97214,7 +98256,7 @@ function Overflow(props, ref) {
 
   if (!renderRawRest) {
     var mergedRenderRest = renderRest || defaultRenderRest;
-    restNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_Item__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, itemSharedProps, restContextProps), typeof mergedRenderRest === 'function' ? mergedRenderRest(omittedItems) : mergedRenderRest);
+    restNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_Item__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, itemSharedProps, restContextProps), typeof mergedRenderRest === 'function' ? mergedRenderRest(omittedItems) : mergedRenderRest);
   } else if (renderRawRest) {
     restNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](OverflowContext.Provider, {
       value: Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])({}, itemSharedProps), restContextProps)
@@ -97225,7 +98267,7 @@ function Overflow(props, ref) {
     className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(!invalidate && prefixCls, className),
     style: style,
     ref: ref
-  }, restProps), mergedData.map(internalRenderItemNode), showRest ? restNode : null, suffix && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_Item__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, itemSharedProps, {
+  }, restProps), mergedData.map(internalRenderItemNode), showRest ? restNode : null, suffix && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_Item__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, itemSharedProps, {
     order: mergedDisplayCount,
     className: "".concat(itemPrefixCls, "-suffix"),
     registerSize: registerSuffixSize,
@@ -97244,7 +98286,7 @@ function Overflow(props, ref) {
 
 var ForwardOverflow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](Overflow);
 ForwardOverflow.displayName = 'Overflow';
-ForwardOverflow.Item = _RawItem__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"];
+ForwardOverflow.Item = _RawItem__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"];
 ForwardOverflow.RESPONSIVE = RESPONSIVE;
 ForwardOverflow.INVALIDATE = INVALIDATE; // Convert to generic type
 
@@ -97271,6 +98313,9 @@ ForwardOverflow.INVALIDATE = INVALIDATE; // Convert to generic type
 /* harmony import */ var _Overflow__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Overflow */ "./node_modules/rc-overflow/es/Overflow.js");
 
 
+var _excluded = ["component"],
+    _excluded2 = ["className"],
+    _excluded3 = ["className"];
 
 
 
@@ -97282,7 +98327,7 @@ var InternalRawItem = function InternalRawItem(props, ref) {
   if (!context) {
     var _props$component = props.component,
         Component = _props$component === void 0 ? 'div' : _props$component,
-        _restProps = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(props, ["component"]);
+        _restProps = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(props, _excluded);
 
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](Component, Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, _restProps, {
       ref: ref
@@ -97290,10 +98335,10 @@ var InternalRawItem = function InternalRawItem(props, ref) {
   }
 
   var contextClassName = context.className,
-      restContext = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(context, ["className"]);
+      restContext = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(context, _excluded2);
 
   var className = props.className,
-      restProps = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(props, ["className"]); // Do not pass context to sub item to avoid multiple measure
+      restProps = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(props, _excluded3); // Do not pass context to sub item to avoid multiple measure
 
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_Overflow__WEBPACK_IMPORTED_MODULE_5__[/* OverflowContext */ "a"].Provider, {
@@ -106509,7 +107554,7 @@ var OptionList = function OptionList(_, ref) {
       return;
     }
 
-    onActiveValue(flattenItem.data.value, index, info);
+    onActiveValue(flattenItem.value, index, info);
   }; // Auto active first item when list length or searchValue changed
 
 
@@ -106606,7 +107651,7 @@ var OptionList = function OptionList(_, ref) {
               var item = memoFlattenOptions[activeIndex];
 
               if (item && !item.data.disabled) {
-                onSelectValue(item.data.value);
+                onSelectValue(item.value);
               } else {
                 onSelectValue(undefined);
               }
@@ -117920,17 +118965,19 @@ var OptionList = function OptionList(_, ref) {
 
           case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"].ENTER:
             {
-              var _ref = (activeEntity === null || activeEntity === void 0 ? void 0 : activeEntity.node) || {},
-                  selectable = _ref.selectable,
-                  value = _ref.value;
-
-              if (selectable !== false) {
-                onInternalSelect(null, {
-                  node: {
-                    key: activeKey
-                  },
-                  selected: !checkedKeys.includes(value)
-                });
+              if (activeEntity) {
+                var _ref = (activeEntity === null || activeEntity === void 0 ? void 0 : activeEntity.node) || {},
+                    selectable = _ref.selectable,
+                    value = _ref.value;
+
+                if (selectable !== false) {
+                  onInternalSelect(null, {
+                    node: {
+                      key: activeKey
+                    },
+                    selected: !checkedKeys.includes(value)
+                  });
+                }
               }
 
               break;
@@ -118071,7 +119118,7 @@ var TreeNode = function TreeNode() {
 
 
 
-var _excluded = ["id", "prefixCls", "value", "defaultValue", "onChange", "onSelect", "onDeselect", "searchValue", "inputValue", "onSearch", "autoClearSearchValue", "filterTreeNode", "treeNodeFilterProp", "showCheckedStrategy", "treeNodeLabelProp", "multiple", "treeCheckable", "treeCheckStrictly", "labelInValue", "fieldNames", "treeDataSimpleMode", "treeData", "children", "loadData", "treeLoadedKeys", "onTreeLoad", "treeDefaultExpandAll", "treeExpandedKeys", "treeDefaultExpandedKeys", "onTreeExpand", "virtual", "listHeight", "listItemHeight", "onDropdownVisibleChange", "treeLine", "treeIcon", "showTreeIcon", "switcherIcon", "treeMotion"];
+var _excluded = ["id", "prefixCls", "value", "defaultValue", "onChange", "onSelect", "onDeselect", "searchValue", "inputValue", "onSearch", "autoClearSearchValue", "filterTreeNode", "treeNodeFilterProp", "showCheckedStrategy", "treeNodeLabelProp", "multiple", "treeCheckable", "treeCheckStrictly", "labelInValue", "fieldNames", "treeDataSimpleMode", "treeData", "children", "loadData", "treeLoadedKeys", "onTreeLoad", "treeDefaultExpandAll", "treeExpandedKeys", "treeDefaultExpandedKeys", "onTreeExpand", "virtual", "listHeight", "listItemHeight", "onDropdownVisibleChange", "dropdownMatchSelectWidth", "treeLine", "treeIcon", "showTreeIcon", "switcherIcon", "treeMotion"];
 
 
 
@@ -118138,6 +119185,8 @@ var TreeSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["forwardRef"](f
       _props$listItemHeight = props.listItemHeight,
       listItemHeight = _props$listItemHeight === void 0 ? 20 : _props$listItemHeight,
       onDropdownVisibleChange = props.onDropdownVisibleChange,
+      _props$dropdownMatchS = props.dropdownMatchSelectWidth,
+      dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS,
       treeLine = props.treeLine,
       treeIcon = props.treeIcon,
       showTreeIcon = props.showTreeIcon,
@@ -118558,7 +119607,8 @@ var TreeSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["forwardRef"](f
     ,
     OptionList: _OptionList__WEBPACK_IMPORTED_MODULE_11__[/* default */ "a"],
     emptyOptions: !mergedTreeData.length,
-    onDropdownVisibleChange: onInternalDropdownVisibleChange
+    onDropdownVisibleChange: onInternalDropdownVisibleChange,
+    dropdownMatchSelectWidth: dropdownMatchSelectWidth
   }))));
 }); // Assign name for Debug
 
@@ -125379,17 +126429,29 @@ function getOffset(node) {
 /*!***************************************************!*\
   !*** ./node_modules/rc-util/es/Dom/dynamicCSS.js ***!
   \***************************************************/
-/*! exports provided: injectCSS, updateCSS */
+/*! exports provided: injectCSS, removeCSS, updateCSS */
 /*! exports used: updateCSS */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* unused harmony export injectCSS */
+/* unused harmony export removeCSS */
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateCSS; });
 /* harmony import */ var _canUseDom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./canUseDom */ "./node_modules/rc-util/es/Dom/canUseDom.js");
 
 var MARK_KEY = "rc-util-key";
 
+function getMark() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      mark = _ref.mark;
+
+  if (mark) {
+    return mark.startsWith('data-') ? mark : "data-".concat(mark);
+  }
+
+  return MARK_KEY;
+}
+
 function getContainer(option) {
   if (option.attachTo) {
     return option.attachTo;
@@ -125433,6 +126495,22 @@ function injectCSS(css) {
   return styleNode;
 }
 var containerCache = new Map();
+
+function findExistNode(key) {
+  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var container = getContainer(option);
+  return Array.from(containerCache.get(container).children).find(function (node) {
+    return node.tagName === 'STYLE' && node.getAttribute(getMark(option)) === key;
+  });
+}
+
+function removeCSS(key) {
+  var _existNode$parentNode;
+
+  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var existNode = findExistNode(key, option);
+  existNode === null || existNode === void 0 ? void 0 : (_existNode$parentNode = existNode.parentNode) === null || _existNode$parentNode === void 0 ? void 0 : _existNode$parentNode.removeChild(existNode);
+}
 function updateCSS(css, key) {
   var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var container = getContainer(option); // Get real parent
@@ -125444,9 +126522,7 @@ function updateCSS(css, key) {
     parentNode.removeChild(placeholderStyle);
   }
 
-  var existNode = Array.from(containerCache.get(container).children).find(function (node) {
-    return node.tagName === 'STYLE' && node[MARK_KEY] === key;
-  });
+  var existNode = findExistNode(key, option);
 
   if (existNode) {
     var _option$csp3, _option$csp4;
@@ -125465,7 +126541,7 @@ function updateCSS(css, key) {
   }
 
   var newNode = injectCSS(css, option);
-  newNode[MARK_KEY] = key;
+  newNode.setAttribute(getMark(option), key);
   return newNode;
 }
 
@@ -125524,7 +126600,8 @@ function focusable(node) {
     var nodeName = node.nodeName.toLowerCase();
     var isFocusableElement = // Focusable element
     ['input', 'select', 'textarea', 'button'].includes(nodeName) || // Editable element
-    node.isContentEditable || nodeName === 'a' && !!node.getAttribute('href'); // Get tabIndex
+    node.isContentEditable || // Anchor with href element
+    nodeName === 'a' && !!node.getAttribute('href'); // Get tabIndex
 
     var tabIndexAttr = node.getAttribute('tabindex');
     var tabIndexNum = Number(tabIndexAttr); // Parse as number if validate
@@ -125652,9 +126729,11 @@ function limitTabRange(node, e) {
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ScrollLocker; });
 /* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
-/* harmony import */ var _babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
-/* harmony import */ var _getScrollBarSize__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../getScrollBarSize */ "./node_modules/rc-util/es/getScrollBarSize.js");
-/* harmony import */ var _setStyle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../setStyle */ "./node_modules/rc-util/es/setStyle.js");
+/* harmony import */ var _babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ "./node_modules/@babel/runtime/helpers/esm/createClass.js");
+/* harmony import */ var _babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
+/* harmony import */ var _getScrollBarSize__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../getScrollBarSize */ "./node_modules/rc-util/es/getScrollBarSize.js");
+/* harmony import */ var _setStyle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../setStyle */ "./node_modules/rc-util/es/setStyle.js");
+
 
 
 
@@ -125667,10 +126746,10 @@ var uuid = 0; // https://github.com/ant-design/ant-design/issues/19340
 
 var cacheStyle = new Map();
 
-var ScrollLocker = function ScrollLocker(_options) {
+var ScrollLocker = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(function ScrollLocker(_options) {
   var _this = this;
 
-  Object(_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(this, ScrollLocker);
+  Object(_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(this, ScrollLocker);
 
   this.lockTarget = void 0;
   this.options = void 0;
@@ -125729,7 +126808,7 @@ var ScrollLocker = function ScrollLocker(_options) {
     var container = ((_this$options3 = _this.options) === null || _this$options3 === void 0 ? void 0 : _this$options3.container) || document.body;
 
     if (container === document.body && window.innerWidth - document.documentElement.clientWidth > 0 || container.scrollHeight > container.clientHeight) {
-      scrollBarSize = Object(_getScrollBarSize__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])();
+      scrollBarSize = Object(_getScrollBarSize__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])();
     }
 
     var containerClassName = container.className;
@@ -125740,7 +126819,7 @@ var ScrollLocker = function ScrollLocker(_options) {
       var options = _ref4.options;
       return (options === null || options === void 0 ? void 0 : options.container) === ((_this$options4 = _this.options) === null || _this$options4 === void 0 ? void 0 : _this$options4.container);
     }).length === 0) {
-      cacheStyle.set(container, Object(_setStyle__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])({
+      cacheStyle.set(container, Object(_setStyle__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])({
         width: scrollBarSize !== 0 ? "calc(100% - ".concat(scrollBarSize, "px)") : undefined,
         overflow: 'hidden',
         overflowX: 'hidden',
@@ -125787,7 +126866,7 @@ var ScrollLocker = function ScrollLocker(_options) {
     var container = ((_this$options5 = _this.options) === null || _this$options5 === void 0 ? void 0 : _this$options5.container) || document.body;
     var containerClassName = container.className;
     if (!scrollingEffectClassNameReg.test(containerClassName)) return;
-    Object(_setStyle__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(cacheStyle.get(container), {
+    Object(_setStyle__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(cacheStyle.get(container), {
       element: container
     });
     cacheStyle.delete(container);
@@ -125797,7 +126876,7 @@ var ScrollLocker = function ScrollLocker(_options) {
   // eslint-disable-next-line no-plusplus
   this.lockTarget = uuid++;
   this.options = _options;
-};
+});
 
 
 
@@ -126396,7 +127475,8 @@ var KeyCode = {
   isTextModifyingKeyEvent: function isTextModifyingKeyEvent(e) {
     var keyCode = e.keyCode;
 
-    if (e.altKey && !e.ctrlKey || e.metaKey || keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) {
+    if (e.altKey && !e.ctrlKey || e.metaKey || // Function keys don't generate text
+    keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) {
       return false;
     } // The following keys are quite harmless, even in combination with
     // CTRL, ALT or SHIFT.
@@ -127101,7 +128181,9 @@ function pickAttrs(props) {
   var attrs = {};
   Object.keys(props).forEach(function (key) {
     if ( // Aria
-    mergedConfig.aria && (key === 'role' || match(key, ariaPrefix)) || mergedConfig.data && match(key, dataPrefix) || mergedConfig.attr && propList.includes(key)) {
+    mergedConfig.aria && (key === 'role' || match(key, ariaPrefix)) || // Data
+    mergedConfig.data && match(key, dataPrefix) || // Attr
+    mergedConfig.attr && propList.includes(key)) {
       attrs[key] = props[key];
     }
   });
@@ -128944,6 +130026,469 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 var isFF = (typeof navigator === "undefined" ? "undefined" : _typeof(navigator)) === 'object' && /Firefox/i.test(navigator.userAgent);
 /* harmony default export */ __webpack_exports__["a"] = (isFF);
 
+/***/ }),
+
+/***/ "./node_modules/react-infinite-scroller/dist/InfiniteScroll.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/react-infinite-scroller/dist/InfiniteScroll.js ***!
+  \*********************************************************************/
+/*! no static exports found */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var _createClass = (function() {
+  function defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ('value' in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  return function(Constructor, protoProps, staticProps) {
+    if (protoProps) defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) defineProperties(Constructor, staticProps);
+    return Constructor;
+  };
+})();
+
+var _react = __webpack_require__(/*! react */ "react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+function _objectWithoutProperties(obj, keys) {
+  var target = {};
+  for (var i in obj) {
+    if (keys.indexOf(i) >= 0) continue;
+    if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
+    target[i] = obj[i];
+  }
+  return target;
+}
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError('Cannot call a class as a function');
+  }
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (!self) {
+    throw new ReferenceError(
+      "this hasn't been initialised - super() hasn't been called"
+    );
+  }
+  return call && (typeof call === 'object' || typeof call === 'function')
+    ? call
+    : self;
+}
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== 'function' && superClass !== null) {
+    throw new TypeError(
+      'Super expression must either be null or a function, not ' +
+        typeof superClass
+    );
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: false,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass)
+    Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass);
+}
+
+var InfiniteScroll = (function(_Component) {
+  _inherits(InfiniteScroll, _Component);
+
+  function InfiniteScroll(props) {
+    _classCallCheck(this, InfiniteScroll);
+
+    var _this = _possibleConstructorReturn(
+      this,
+      (InfiniteScroll.__proto__ || Object.getPrototypeOf(InfiniteScroll)).call(
+        this,
+        props
+      )
+    );
+
+    _this.scrollListener = _this.scrollListener.bind(_this);
+    _this.eventListenerOptions = _this.eventListenerOptions.bind(_this);
+    _this.mousewheelListener = _this.mousewheelListener.bind(_this);
+    return _this;
+  }
+
+  _createClass(InfiniteScroll, [
+    {
+      key: 'componentDidMount',
+      value: function componentDidMount() {
+        this.pageLoaded = this.props.pageStart;
+        this.options = this.eventListenerOptions();
+        this.attachScrollListener();
+      }
+    },
+    {
+      key: 'componentDidUpdate',
+      value: function componentDidUpdate() {
+        if (this.props.isReverse && this.loadMore) {
+          var parentElement = this.getParentElement(this.scrollComponent);
+          parentElement.scrollTop =
+            parentElement.scrollHeight -
+            this.beforeScrollHeight +
+            this.beforeScrollTop;
+          this.loadMore = false;
+        }
+        this.attachScrollListener();
+      }
+    },
+    {
+      key: 'componentWillUnmount',
+      value: function componentWillUnmount() {
+        this.detachScrollListener();
+        this.detachMousewheelListener();
+      }
+    },
+    {
+      key: 'isPassiveSupported',
+      value: function isPassiveSupported() {
+        var passive = false;
+
+        var testOptions = {
+          get passive() {
+            passive = true;
+          }
+        };
+
+        try {
+          document.addEventListener('test', null, testOptions);
+          document.removeEventListener('test', null, testOptions);
+        } catch (e) {
+          // ignore
+        }
+        return passive;
+      }
+    },
+    {
+      key: 'eventListenerOptions',
+      value: function eventListenerOptions() {
+        var options = this.props.useCapture;
+
+        if (this.isPassiveSupported()) {
+          options = {
+            useCapture: this.props.useCapture,
+            passive: true
+          };
+        } else {
+          options = {
+            passive: false
+          };
+        }
+        return options;
+      }
+
+      // Set a defaut loader for all your `InfiniteScroll` components
+    },
+    {
+      key: 'setDefaultLoader',
+      value: function setDefaultLoader(loader) {
+        this.defaultLoader = loader;
+      }
+    },
+    {
+      key: 'detachMousewheelListener',
+      value: function detachMousewheelListener() {
+        var scrollEl = window;
+        if (this.props.useWindow === false) {
+          scrollEl = this.scrollComponent.parentNode;
+        }
+
+        scrollEl.removeEventListener(
+          'mousewheel',
+          this.mousewheelListener,
+          this.options ? this.options : this.props.useCapture
+        );
+      }
+    },
+    {
+      key: 'detachScrollListener',
+      value: function detachScrollListener() {
+        var scrollEl = window;
+        if (this.props.useWindow === false) {
+          scrollEl = this.getParentElement(this.scrollComponent);
+        }
+
+        scrollEl.removeEventListener(
+          'scroll',
+          this.scrollListener,
+          this.options ? this.options : this.props.useCapture
+        );
+        scrollEl.removeEventListener(
+          'resize',
+          this.scrollListener,
+          this.options ? this.options : this.props.useCapture
+        );
+      }
+    },
+    {
+      key: 'getParentElement',
+      value: function getParentElement(el) {
+        var scrollParent =
+          this.props.getScrollParent && this.props.getScrollParent();
+        if (scrollParent != null) {
+          return scrollParent;
+        }
+        return el && el.parentNode;
+      }
+    },
+    {
+      key: 'filterProps',
+      value: function filterProps(props) {
+        return props;
+      }
+    },
+    {
+      key: 'attachScrollListener',
+      value: function attachScrollListener() {
+        var parentElement = this.getParentElement(this.scrollComponent);
+
+        if (!this.props.hasMore || !parentElement) {
+          return;
+        }
+
+        var scrollEl = window;
+        if (this.props.useWindow === false) {
+          scrollEl = parentElement;
+        }
+
+        scrollEl.addEventListener(
+          'mousewheel',
+          this.mousewheelListener,
+          this.options ? this.options : this.props.useCapture
+        );
+        scrollEl.addEventListener(
+          'scroll',
+          this.scrollListener,
+          this.options ? this.options : this.props.useCapture
+        );
+        scrollEl.addEventListener(
+          'resize',
+          this.scrollListener,
+          this.options ? this.options : this.props.useCapture
+        );
+
+        if (this.props.initialLoad) {
+          this.scrollListener();
+        }
+      }
+    },
+    {
+      key: 'mousewheelListener',
+      value: function mousewheelListener(e) {
+        // Prevents Chrome hangups
+        // See: https://stackoverflow.com/questions/47524205/random-high-content-download-time-in-chrome/47684257#47684257
+        if (e.deltaY === 1 && !this.isPassiveSupported()) {
+          e.preventDefault();
+        }
+      }
+    },
+    {
+      key: 'scrollListener',
+      value: function scrollListener() {
+        var el = this.scrollComponent;
+        var scrollEl = window;
+        var parentNode = this.getParentElement(el);
+
+        var offset = void 0;
+        if (this.props.useWindow) {
+          var doc =
+            document.documentElement ||
+            document.body.parentNode ||
+            document.body;
+          var scrollTop =
+            scrollEl.pageYOffset !== undefined
+              ? scrollEl.pageYOffset
+              : doc.scrollTop;
+          if (this.props.isReverse) {
+            offset = scrollTop;
+          } else {
+            offset = this.calculateOffset(el, scrollTop);
+          }
+        } else if (this.props.isReverse) {
+          offset = parentNode.scrollTop;
+        } else {
+          offset =
+            el.scrollHeight - parentNode.scrollTop - parentNode.clientHeight;
+        }
+
+        // Here we make sure the element is visible as well as checking the offset
+        if (
+          offset < Number(this.props.threshold) &&
+          el &&
+          el.offsetParent !== null
+        ) {
+          this.detachScrollListener();
+          this.beforeScrollHeight = parentNode.scrollHeight;
+          this.beforeScrollTop = parentNode.scrollTop;
+          // Call loadMore after detachScrollListener to allow for non-async loadMore functions
+          if (typeof this.props.loadMore === 'function') {
+            this.props.loadMore((this.pageLoaded += 1));
+            this.loadMore = true;
+          }
+        }
+      }
+    },
+    {
+      key: 'calculateOffset',
+      value: function calculateOffset(el, scrollTop) {
+        if (!el) {
+          return 0;
+        }
+
+        return (
+          this.calculateTopPosition(el) +
+          (el.offsetHeight - scrollTop - window.innerHeight)
+        );
+      }
+    },
+    {
+      key: 'calculateTopPosition',
+      value: function calculateTopPosition(el) {
+        if (!el) {
+          return 0;
+        }
+        return el.offsetTop + this.calculateTopPosition(el.offsetParent);
+      }
+    },
+    {
+      key: 'render',
+      value: function render() {
+        var _this2 = this;
+
+        var renderProps = this.filterProps(this.props);
+
+        var children = renderProps.children,
+          element = renderProps.element,
+          hasMore = renderProps.hasMore,
+          initialLoad = renderProps.initialLoad,
+          isReverse = renderProps.isReverse,
+          loader = renderProps.loader,
+          loadMore = renderProps.loadMore,
+          pageStart = renderProps.pageStart,
+          ref = renderProps.ref,
+          threshold = renderProps.threshold,
+          useCapture = renderProps.useCapture,
+          useWindow = renderProps.useWindow,
+          getScrollParent = renderProps.getScrollParent,
+          props = _objectWithoutProperties(renderProps, [
+            'children',
+            'element',
+            'hasMore',
+            'initialLoad',
+            'isReverse',
+            'loader',
+            'loadMore',
+            'pageStart',
+            'ref',
+            'threshold',
+            'useCapture',
+            'useWindow',
+            'getScrollParent'
+          ]);
+
+        props.ref = function(node) {
+          _this2.scrollComponent = node;
+          if (ref) {
+            ref(node);
+          }
+        };
+
+        var childrenArray = [children];
+        if (hasMore) {
+          if (loader) {
+            isReverse
+              ? childrenArray.unshift(loader)
+              : childrenArray.push(loader);
+          } else if (this.defaultLoader) {
+            isReverse
+              ? childrenArray.unshift(this.defaultLoader)
+              : childrenArray.push(this.defaultLoader);
+          }
+        }
+        return _react2.default.createElement(element, props, childrenArray);
+      }
+    }
+  ]);
+
+  return InfiniteScroll;
+})(_react.Component);
+
+InfiniteScroll.propTypes = {
+  children: _propTypes2.default.node.isRequired,
+  element: _propTypes2.default.node,
+  hasMore: _propTypes2.default.bool,
+  initialLoad: _propTypes2.default.bool,
+  isReverse: _propTypes2.default.bool,
+  loader: _propTypes2.default.node,
+  loadMore: _propTypes2.default.func.isRequired,
+  pageStart: _propTypes2.default.number,
+  ref: _propTypes2.default.func,
+  getScrollParent: _propTypes2.default.func,
+  threshold: _propTypes2.default.number,
+  useCapture: _propTypes2.default.bool,
+  useWindow: _propTypes2.default.bool
+};
+InfiniteScroll.defaultProps = {
+  element: 'div',
+  hasMore: false,
+  initialLoad: true,
+  pageStart: 0,
+  ref: null,
+  threshold: 250,
+  useWindow: true,
+  isReverse: false,
+  useCapture: false,
+  loader: null,
+  getScrollParent: null
+};
+exports.default = InfiniteScroll;
+module.exports = exports['default'];
+
+
+/***/ }),
+
+/***/ "./node_modules/react-infinite-scroller/index.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/react-infinite-scroller/index.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/*! exports used: default */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! ./dist/InfiniteScroll */ "./node_modules/react-infinite-scroller/dist/InfiniteScroll.js")
+
+
 /***/ }),
 
 /***/ "./node_modules/react-is/cjs/react-is.development.js":
@@ -129145,7 +130690,7 @@ exports.typeOf = typeOf;
   !*** ./node_modules/react-is/index.js ***!
   \****************************************/
 /*! no static exports found */
-/*! exports used: isFragment, isMemo */
+/*! all exports used */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -130925,13 +132470,13 @@ function getOptions(options) {
 }
 
 function scrollIntoView(target, options) {
-  var targetIsDetached = !target.ownerDocument.documentElement.contains(target);
+  var isTargetAttached = target.isConnected || target.ownerDocument.documentElement.contains(target);
 
   if (isOptionsObject(options) && typeof options.behavior === 'function') {
-    return options.behavior(targetIsDetached ? [] : Object(compute_scroll_into_view__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(target, options));
+    return options.behavior(isTargetAttached ? Object(compute_scroll_into_view__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(target, options) : []);
   }
 
-  if (targetIsDetached) {
+  if (!isTargetAttached) {
     return;
   }
 
@@ -131250,7 +132795,7 @@ getLang();
 
 var CommonList = function CommonList(_ref) {
   var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'member' : _ref$type,
+      type = _ref$type === void 0 ? "member" : _ref$type,
       title = _ref.title,
       _ref$showCheckAll = _ref.showCheckAll,
       showCheckAll = _ref$showCheckAll === void 0 ? false : _ref$showCheckAll,
@@ -131354,8 +132899,8 @@ var CommonList = function CommonList(_ref) {
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_CommonListItem__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, {
       type: type,
       item: item
-    }))), type === 'partner' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", {
-      className: "partnerView ".concat(isPartnerDisabled(item.id.toString()) ? 'disabled' : ''),
+    }))), type === "partner" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", {
+      className: "partnerView ".concat(isPartnerDisabled(item.id.toString()) ? "disabled" : ""),
       onClick: function onClick() {
         return handleClickPartner(item.id, item.name);
       }
@@ -131398,13 +132943,190 @@ var CommonItem = function CommonItem(_ref) {
     className: "commonNameBox"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
     className: "commonName"
-  }, item.name_nick || item.name)), type === "member" && userOrg));
+  }, item.name_nick || item.name), (item.external_tag === 1 || item.external_flag === 1 || type === "contact") && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    className: "tagContact"
+  }, "\u5916\u90E8")), (type === "member" || type === "contact") && userOrg));
 };
 
 /* harmony default export */ __webpack_exports__["a"] = (CommonItem);
 
 /***/ }),
 
+/***/ "./src/components/complex-picker/ExternalContact.tsx":
+/*!***********************************************************!*\
+  !*** ./src/components/complex-picker/ExternalContact.tsx ***!
+  \***********************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react_infinite_scroller__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-infinite-scroller */ "./node_modules/react-infinite-scroller/index.js");
+/* harmony import */ var react_infinite_scroller__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_infinite_scroller__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _PageTitle__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PageTitle */ "./src/components/complex-picker/PageTitle.tsx");
+/* harmony import */ var _CommonList__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./CommonList */ "./src/components/complex-picker/CommonList.tsx");
+/* harmony import */ var _util_locale__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../_util/locale */ "./src/_util/locale.ts");
+
+
+
+
+var __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
+
+
+
+
+
+
+var ExternalContact = function ExternalContact(_ref) {
+  var prePage = _ref.prePage,
+      onChangeCurPage = _ref.onChangeCurPage,
+      currentList = _ref.currentList,
+      setCurrentList = _ref.setCurrentList,
+      getContactList = _ref.getContactList,
+      disabledids = _ref.disabledids,
+      requiredList = _ref.requiredList;
+
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])([]),
+      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
+      contactList = _useState2[0],
+      setContactList = _useState2[1];
+
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])(true),
+      _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2),
+      more = _useState4[0],
+      setMore = _useState4[1];
+
+  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])(0),
+      _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState5, 2),
+      lastid = _useState6[0],
+      setLastid = _useState6[1];
+
+  var pageSize = 20;
+  Object(react__WEBPACK_IMPORTED_MODULE_3__["useEffect"])(function () {
+    console.log("useEffect");
+    loadContactList();
+  }, []);
+
+  var loadContactList = function loadContactList() {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default.a.mark(function _callee() {
+      var _yield$getContactList, result, last_id;
+
+      return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default.a.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!getContactList) {
+                _context.next = 9;
+                break;
+              }
+
+              _context.next = 3;
+              return getContactList(lastid, pageSize);
+
+            case 3:
+              _yield$getContactList = _context.sent;
+              result = _yield$getContactList.list;
+              last_id = _yield$getContactList.last_id;
+
+              // last_id 为 0 代表请求完所有数据了
+              if (last_id === 0) {
+                setMore(false);
+              }
+
+              setLastid(last_id);
+
+              if (contactList) {
+                setContactList(function (prev) {
+                  return prev.concat(result);
+                });
+              } else {
+                setContactList(result);
+              }
+
+            case 9:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+  };
+  /**
+   * pageTitle 返回
+   * prePage: home
+   */
+
+
+  var onBack = function onBack() {
+    onChangeCurPage(prePage);
+  };
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
+    className: "externalContact"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_PageTitle__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, {
+    title: Object(_util_locale__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"])("useradd_type_contact"),
+    onBack: onBack
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
+    className: "contactList"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(react_infinite_scroller__WEBPACK_IMPORTED_MODULE_4___default.a, {
+    initialLoad: false,
+    loadMore: loadContactList,
+    hasMore: more,
+    useWindow: false
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CommonList__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, {
+    type: "contact",
+    showCheckAll: true,
+    list: contactList,
+    currentList: currentList,
+    setCurrentList: setCurrentList,
+    disabledids: disabledids,
+    requiredList: requiredList
+  })))));
+};
+
+/* harmony default export */ __webpack_exports__["a"] = (ExternalContact);
+
+/***/ }),
+
 /***/ "./src/components/complex-picker/GroupList.tsx":
 /*!*****************************************************!*\
   !*** ./src/components/complex-picker/GroupList.tsx ***!
@@ -131453,7 +133175,9 @@ var GroupList = function GroupList(_ref) {
       className: "groupNameBox"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
       className: "groupName"
-    }, item.name_nick || item.name)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    }, item.name_nick || item.name), item.external_tag === 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+      className: "tagContact"
+    }, "\u5916\u90E8")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
       className: "memberNum"
     }, item.group_users_count, Object(_util_locale__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])("common_persion"))));
   })));
@@ -131557,6 +133281,9 @@ var MyPartnerImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAA
 /* babel-plugin-inline-import './assets/imgs/recent-session.png' */
 var RecentSessionImg = "data:image/png;base64,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";
 
+/* babel-plugin-inline-import './assets/imgs/external-contact.png' */
+var externalContactImg = "data:image/png;base64,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";
+
 var Home = function Home(_ref) {
   var type = _ref.type,
       _ref$showGroups = _ref.showGroups,
@@ -131578,7 +133305,8 @@ var Home = function Home(_ref) {
       onChangeCurPage = _ref.onChangeCurPage,
       disabledids = _ref.disabledids,
       requiredList = _ref.requiredList,
-      personOrg = _ref.personOrg;
+      personOrg = _ref.personOrg,
+      showExternalContact = _ref.showExternalContact;
   Object(react__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(function () {
     getPersonOrg && getPersonOrg();
   }, []);
@@ -131623,7 +133351,14 @@ var Home = function Home(_ref) {
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
     src: RecentSessionImg
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", null, Object(_util_locale__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])("useradd_type_session"))));
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", null, Object(_util_locale__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])("useradd_type_session"))), showExternalContact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
+    className: "title titleCom",
+    onClick: function onClick() {
+      return onChangeCurPage("externalContact");
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("img", {
+    src: externalContactImg
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", null, Object(_util_locale__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])("useradd_type_contact"))));
   /**
    * 组织架构模块
    */
@@ -132370,7 +134105,7 @@ var Organization = function Organization(_ref) {
       borderBottom: "none"
     },
     onBack: onBack
-  })), orgBread && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_OrgBread__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, {
+  })), orgBread && !!orgBread.length && orgBread.length > 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_OrgBread__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, {
     orgBread: orgBread,
     getOrgList: getOrgList
   })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_OrgList__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, {
@@ -132490,15 +134225,17 @@ var PartnerMember = function PartnerMember(_ref) {
       getPartnerMemberList = _ref.getPartnerMemberList,
       currentPartnerInfo = _ref.currentPartnerInfo,
       disabledids = _ref.disabledids,
-      requiredList = _ref.requiredList;
+      requiredList = _ref.requiredList,
+      showExternalContact = _ref.showExternalContact;
 
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])([]),
       _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
       partnerMemberList = _useState2[0],
       setPartnerMemberList = _useState2[1];
 
+  var show_external = showExternalContact ? 1 : 0;
   Object(react__WEBPACK_IMPORTED_MODULE_3__["useEffect"])(function () {
-    console.log('useEffect');
+    console.log("useEffect");
     loadPartnerMemberList();
   }, []);
 
@@ -132509,7 +134246,7 @@ var PartnerMember = function PartnerMember(_ref) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              console.log('loadPartnerMemberList');
+              console.log("loadPartnerMemberList");
 
               if (!getPartnerMemberList) {
                 _context.next = 6;
@@ -132517,7 +134254,7 @@ var PartnerMember = function PartnerMember(_ref) {
               }
 
               _context.next = 4;
-              return getPartnerMemberList(currentPartnerInfo.id);
+              return getPartnerMemberList(currentPartnerInfo.id, show_external);
 
             case 4:
               result = _context.sent;
@@ -132541,6 +134278,7 @@ var PartnerMember = function PartnerMember(_ref) {
     onChangeCurPage(prePage);
   };
 
+  console.log("wenai---partnerMemberList", partnerMemberList);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
     className: "myGroup"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_PageTitle__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, {
@@ -132931,11 +134669,15 @@ var PickerSelect = function PickerSelect(_ref) {
       src: item.pic,
       alt: ""
     }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("p", {
+      className: "name"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
       className: "showName",
       dangerouslySetInnerHTML: {
         __html: item.showName
       }
-    }), !!item.deptDesc && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
+    }), item.external_tag === 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
+      className: "tagContact"
+    }, "\u5916\u90E8")), !!item.deptDesc && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
       className: "showDept",
       dangerouslySetInnerHTML: {
         __html: item.deptDesc || item.dept
@@ -132961,11 +134703,15 @@ var PickerSelect = function PickerSelect(_ref) {
       }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
         className: "showBox"
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("p", {
+        className: "name"
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
         className: "showName",
         dangerouslySetInnerHTML: {
           __html: user.showName
         }
-      }), !!user.dept && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
+      }), user.external_tag === 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
+        className: "tagContact"
+      }, "\u5916\u90E8")), !!user.dept && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
         className: "showDept",
         dangerouslySetInnerHTML: {
           __html: user.deptDesc || user.dept
@@ -133020,10 +134766,12 @@ PickerSelect.defaultProps = {
 /* harmony import */ var _Main__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Main */ "./src/components/complex-picker/Main.tsx");
 /* harmony import */ var _MyPartner__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./MyPartner */ "./src/components/complex-picker/MyPartner.tsx");
 /* harmony import */ var _PartnerMember__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./PartnerMember */ "./src/components/complex-picker/PartnerMember.tsx");
-/* harmony import */ var _picker_UserPicker__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./picker/UserPicker */ "./src/components/complex-picker/picker/UserPicker.tsx");
-/* harmony import */ var _picker_OrgPicker__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./picker/OrgPicker */ "./src/components/complex-picker/picker/OrgPicker.tsx");
-/* harmony import */ var _picker_GroupPicker__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./picker/GroupPicker */ "./src/components/complex-picker/picker/GroupPicker.tsx");
-/* harmony import */ var _picker_SessionPicker__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./picker/SessionPicker */ "./src/components/complex-picker/picker/SessionPicker.tsx");
+/* harmony import */ var _ExternalContact__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./ExternalContact */ "./src/components/complex-picker/ExternalContact.tsx");
+/* harmony import */ var _picker_UserPicker__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./picker/UserPicker */ "./src/components/complex-picker/picker/UserPicker.tsx");
+/* harmony import */ var _picker_OrgPicker__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./picker/OrgPicker */ "./src/components/complex-picker/picker/OrgPicker.tsx");
+/* harmony import */ var _picker_GroupPicker__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./picker/GroupPicker */ "./src/components/complex-picker/picker/GroupPicker.tsx");
+/* harmony import */ var _picker_SessionPicker__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./picker/SessionPicker */ "./src/components/complex-picker/picker/SessionPicker.tsx");
+
 
 
 
@@ -133054,6 +134802,8 @@ var ComplexPicker = function ComplexPicker(_ref) {
       showOrganization = _ref.showOrganization,
       _ref$showPartner = _ref.showPartner,
       showPartner = _ref$showPartner === void 0 ? false : _ref$showPartner,
+      _ref$showExternalCont = _ref.showExternalContact,
+      showExternalContact = _ref$showExternalCont === void 0 ? false : _ref$showExternalCont,
       authority = _ref.authority,
       getPersonOrg = _ref.getPersonOrg,
       getOrgList = _ref.getOrgList,
@@ -133093,6 +134843,7 @@ var ComplexPicker = function ComplexPicker(_ref) {
       isConfirmLoading = _ref.isConfirmLoading,
       getPartnerMemberList = _ref.getPartnerMemberList,
       getPartnerList = _ref.getPartnerList,
+      getContactList = _ref.getContactList,
       selectPanelBlur = _ref.selectPanelBlur;
 
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])(page),
@@ -133199,6 +134950,7 @@ var ComplexPicker = function ComplexPicker(_ref) {
    * - 最近会话：resentSession
    * - 组织架构：organization
    * - 我的伙伴：myPartner
+   * - 外部联系人：externalContact
    */
 
 
@@ -133317,7 +135069,8 @@ var ComplexPicker = function ComplexPicker(_ref) {
     personOrg: personOrg,
     commonlyList: commonlyList,
     disabledids: disabledids,
-    requiredList: requiredList
+    requiredList: requiredList,
+    showExternalContact: showExternalContact
   })), currentPage === "organization" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Organization__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, {
     type: type,
     prePage: "home",
@@ -133381,14 +135134,23 @@ var ComplexPicker = function ComplexPicker(_ref) {
     currentPartnerInfo: currentPartnerInfo,
     getPartnerMemberList: getPartnerMemberList,
     disabledids: disabledids,
+    requiredList: requiredList,
+    showExternalContact: showExternalContact
+  }), currentPage === "externalContact" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_ExternalContact__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, {
+    prePage: "home",
+    onChangeCurPage: onChangeCurPage,
+    currentList: currentList,
+    setCurrentList: setCurrentList,
+    getContactList: getContactList,
+    disabledids: disabledids,
     requiredList: requiredList
-  }))));
+  })))));
 };
 
-ComplexPicker.UserPicker = _picker_UserPicker__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"];
-ComplexPicker.OrgPicker = _picker_OrgPicker__WEBPACK_IMPORTED_MODULE_16__[/* default */ "a"];
-ComplexPicker.GroupPicker = _picker_GroupPicker__WEBPACK_IMPORTED_MODULE_17__[/* default */ "a"];
-ComplexPicker.SessionPicker = _picker_SessionPicker__WEBPACK_IMPORTED_MODULE_18__[/* default */ "a"];
+ComplexPicker.UserPicker = _picker_UserPicker__WEBPACK_IMPORTED_MODULE_16__[/* default */ "a"];
+ComplexPicker.OrgPicker = _picker_OrgPicker__WEBPACK_IMPORTED_MODULE_17__[/* default */ "a"];
+ComplexPicker.GroupPicker = _picker_GroupPicker__WEBPACK_IMPORTED_MODULE_18__[/* default */ "a"];
+ComplexPicker.SessionPicker = _picker_SessionPicker__WEBPACK_IMPORTED_MODULE_19__[/* default */ "a"];
 ComplexPicker.defaultProps = {
   page: "home",
   type: "member",
@@ -133403,7 +135165,7 @@ ComplexPicker.defaultProps = {
   orgList: [],
   maxNum: 1,
   multiple: true,
-  limitTips: '选择数量超限',
+  limitTips: "选择数量超限",
   disabledids: [],
   searchType: [],
   showSelectedNum: true
@@ -133613,7 +135375,8 @@ var locale = {
     useradd_all_child: "subordinate",
     useradd_select_noresult: "No matching data",
     common_ok: "Confirm",
-    useradd_select_search: "search"
+    useradd_select_search: "search",
+    useradd_type_contact: "ExternalContact"
   }
 };
 /* harmony default export */ __webpack_exports__["a"] = (locale);
@@ -133643,7 +135406,8 @@ var locale = {
     useradd_all_child: "下级",
     useradd_select_noresult: "没有匹配任何结果",
     common_ok: "确定 ",
-    useradd_select_search: "搜索"
+    useradd_select_search: "搜索",
+    useradd_type_contact: "外部联系人"
   }
 };
 /* harmony default export */ __webpack_exports__["a"] = (locale);
@@ -133676,11 +135440,11 @@ var GroupPicker = function GroupPicker(_ref) {
   var onClose = _ref.onClose,
       onConfirm = _ref.onConfirm,
       _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '我的群组' : _ref$title,
+      title = _ref$title === void 0 ? "我的群组" : _ref$title,
       _ref$multiple = _ref.multiple,
       multiple = _ref$multiple === void 0 ? true : _ref$multiple,
       _ref$limitTips = _ref.limitTips,
-      limitTips = _ref$limitTips === void 0 ? '选择数量超限' : _ref$limitTips,
+      limitTips = _ref$limitTips === void 0 ? "选择数量超限" : _ref$limitTips,
       _ref$maxNum = _ref.maxNum,
       maxNum = _ref$maxNum === void 0 ? 1 : _ref$maxNum,
       disabledids = _ref.disabledids,
@@ -133694,7 +135458,9 @@ var GroupPicker = function GroupPicker(_ref) {
       _ref$isConfirmLoading = _ref.isConfirmLoading,
       isConfirmLoading = _ref$isConfirmLoading === void 0 ? false : _ref$isConfirmLoading,
       _ref$searchPlaceholde = _ref.searchPlaceholder,
-      searchPlaceholder = _ref$searchPlaceholde === void 0 ? '搜索' : _ref$searchPlaceholde;
+      searchPlaceholder = _ref$searchPlaceholde === void 0 ? "搜索" : _ref$searchPlaceholde,
+      showExternalContact = _ref.showExternalContact,
+      getContactList = _ref.getContactList;
   var groupPickerProps = {
     type: "group",
     page: "myGroup",
@@ -133717,7 +135483,9 @@ var GroupPicker = function GroupPicker(_ref) {
     loadSearchData: loadSearchData,
     showSelectedNum: showSelectedNum,
     isConfirmLoading: isConfirmLoading,
-    searchPlaceholder: searchPlaceholder
+    searchPlaceholder: searchPlaceholder,
+    showExternalContact: showExternalContact,
+    getContactList: getContactList
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(___WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, groupPickerProps));
 };
@@ -133830,7 +135598,7 @@ var SessionPicker = function SessionPicker(_ref) {
       _ref$multiple = _ref.multiple,
       multiple = _ref$multiple === void 0 ? false : _ref$multiple,
       _ref$limitTips = _ref.limitTips,
-      limitTips = _ref$limitTips === void 0 ? '选择数量超限' : _ref$limitTips,
+      limitTips = _ref$limitTips === void 0 ? "选择数量超限" : _ref$limitTips,
       _ref$maxNum = _ref.maxNum,
       maxNum = _ref$maxNum === void 0 ? 1 : _ref$maxNum,
       disabledids = _ref.disabledids,
@@ -133855,10 +135623,12 @@ var SessionPicker = function SessionPicker(_ref) {
       _ref$isConfirmLoading = _ref.isConfirmLoading,
       isConfirmLoading = _ref$isConfirmLoading === void 0 ? false : _ref$isConfirmLoading,
       _ref$searchPlaceholde = _ref.searchPlaceholder,
-      searchPlaceholder = _ref$searchPlaceholde === void 0 ? '搜索' : _ref$searchPlaceholde,
+      searchPlaceholder = _ref$searchPlaceholde === void 0 ? "搜索" : _ref$searchPlaceholde,
       showPartner = _ref.showPartner,
+      showExternalContact = _ref.showExternalContact,
       getPartnerList = _ref.getPartnerList,
-      getPartnerMemberList = _ref.getPartnerMemberList;
+      getPartnerMemberList = _ref.getPartnerMemberList,
+      getContactList = _ref.getContactList;
   var sessionPickerProps = {
     type: "session",
     page: "recentSession",
@@ -133893,8 +135663,10 @@ var SessionPicker = function SessionPicker(_ref) {
     isConfirmLoading: isConfirmLoading,
     searchPlaceholder: searchPlaceholder,
     showPartner: showPartner,
+    showExternalContact: showExternalContact,
     getPartnerList: getPartnerList,
-    getPartnerMemberList: getPartnerMemberList
+    getPartnerMemberList: getPartnerMemberList,
+    getContactList: getContactList
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(___WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, sessionPickerProps));
 };
@@ -133934,11 +135706,13 @@ var UserPicker = function UserPicker(_ref) {
       _ref$multiple = _ref.multiple,
       multiple = _ref$multiple === void 0 ? true : _ref$multiple,
       _ref$limitTips = _ref.limitTips,
-      limitTips = _ref$limitTips === void 0 ? '选择数量超限' : _ref$limitTips,
+      limitTips = _ref$limitTips === void 0 ? "选择数量超限" : _ref$limitTips,
       _ref$maxNum = _ref.maxNum,
       maxNum = _ref$maxNum === void 0 ? 1 : _ref$maxNum,
       _ref$showGroups = _ref.showGroups,
       showGroups = _ref$showGroups === void 0 ? false : _ref$showGroups,
+      _ref$showExternalCont = _ref.showExternalContact,
+      showExternalContact = _ref$showExternalCont === void 0 ? false : _ref$showExternalCont,
       groupId = _ref.groupId,
       groupName = _ref.groupName,
       disabledids = _ref.disabledids,
@@ -133961,10 +135735,11 @@ var UserPicker = function UserPicker(_ref) {
       _ref$isConfirmLoading = _ref.isConfirmLoading,
       isConfirmLoading = _ref$isConfirmLoading === void 0 ? false : _ref$isConfirmLoading,
       _ref$searchPlaceholde = _ref.searchPlaceholder,
-      searchPlaceholder = _ref$searchPlaceholde === void 0 ? '搜索' : _ref$searchPlaceholde,
+      searchPlaceholder = _ref$searchPlaceholde === void 0 ? "搜索" : _ref$searchPlaceholde,
       showPartner = _ref.showPartner,
       getPartnerList = _ref.getPartnerList,
-      getPartnerMemberList = _ref.getPartnerMemberList;
+      getPartnerMemberList = _ref.getPartnerMemberList,
+      getContactList = _ref.getContactList;
   var userPickerProps = {
     type: "member",
     searchType: ["user"],
@@ -133988,6 +135763,7 @@ var UserPicker = function UserPicker(_ref) {
     orgBread: orgBread,
     personOrg: personOrg,
     showGroups: showGroups,
+    showExternalContact: showExternalContact,
     groupId: groupId,
     groupName: groupName,
     getMyGroupList: getMyGroupList,
@@ -134000,7 +135776,8 @@ var UserPicker = function UserPicker(_ref) {
     searchPlaceholder: searchPlaceholder,
     showPartner: showPartner,
     getPartnerList: getPartnerList,
-    getPartnerMemberList: getPartnerMemberList
+    getPartnerMemberList: getPartnerMemberList,
+    getContactList: getContactList
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(___WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, userPickerProps));
 };
@@ -134133,7 +135910,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_moment__;
   !*** external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"} ***!
   \**************************************************************************************/
 /*! no static exports found */
-/*! exports used: Children, Component, Fragment, PureComponent, cloneElement, createContext, createElement, createRef, default, forwardRef, isValidElement, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState */
+/*! all exports used */
 /***/ (function(module, exports) {
 
 module.exports = __WEBPACK_EXTERNAL_MODULE_react__;