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

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

@@ -1,6 +1,6 @@
 /*!
  * 
- * yach.open.ui v0.0.10-beta1
+ * yach.open.ui v0.0.10
  * 
  * Copyright 2020-present, Tal, Inc.
  * All rights reserved.
@@ -48500,6 +48500,15 @@ var Anchor = /*#__PURE__*/function (_React$Component) {
       }
     };
 
+    _this.getMemoizedContextValue = Object(memoize_one__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])(function (link, onClickFn) {
+      return {
+        registerLink: _this.registerLink,
+        unregisterLink: _this.unregisterLink,
+        scrollTo: _this.handleScrollTo,
+        activeLink: link,
+        onClick: onClickFn
+      };
+    });
     return _this;
   }
 
@@ -48573,8 +48582,6 @@ var Anchor = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
-
       var _this$context = this.context,
           getPrefixCls = _this$context.getPrefixCls,
           direction = _this$context.direction;
@@ -48616,15 +48623,7 @@ var Anchor = /*#__PURE__*/function (_React$Component) {
         className: inkClass,
         ref: this.saveInkNode
       })), children));
-      var contextValue = Object(memoize_one__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])(function (link, onClickFn) {
-        return {
-          registerLink: _this2.registerLink,
-          unregisterLink: _this2.unregisterLink,
-          scrollTo: _this2.handleScrollTo,
-          activeLink: link,
-          onClick: onClickFn
-        };
-      })(activeLink, onClick);
+      var contextValue = this.getMemoizedContextValue(activeLink, onClick);
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__["createElement"](_context__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"].Provider, {
         value: contextValue
       }, !affix ? anchorContent : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__["createElement"](_affix__WEBPACK_IMPORTED_MODULE_11__[/* default */ "a"], {
@@ -51684,9 +51683,12 @@ function highlightKeyword(str, lowerKeyword, prefixCls) {
     start = end;
 
     if (index % 2 === 1) {
-      originWorld = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("span", {
+      originWorld =
+      /*#__PURE__*/
+      // eslint-disable-next-line react/no-array-index-key
+      react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("span", {
         className: "".concat(prefixCls, "-menu-item-keyword"),
-        key: "seperator"
+        key: "seperator-".concat(index)
       }, originWorld);
     }
 
@@ -52045,7 +52047,7 @@ var InternalCheckboxGroup = function InternalCheckboxGroup(_a, ref) {
 
   var getOptions = function getOptions() {
     return options.map(function (option) {
-      if (typeof option === 'string') {
+      if (typeof option === 'string' || typeof option === 'number') {
         return {
           label: option,
           value: option
@@ -52651,14 +52653,14 @@ function registerTheme(globalPrefixCls, theme) {
   !*** ./node_modules/antd/es/config-provider/index.js ***!
   \*******************************************************/
 /*! exports provided: ConfigContext, ConfigConsumer, configConsumerProps, defaultPrefixCls, defaultIconPrefixCls, globalConfig, default */
-/*! exports used: ConfigConsumer, ConfigContext, configConsumerProps, default, globalConfig */
+/*! exports used: ConfigConsumer, ConfigContext, default, globalConfig */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return configConsumerProps; });
+/* unused harmony export configConsumerProps */
 /* unused harmony export defaultPrefixCls */
 /* unused harmony export defaultIconPrefixCls */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return globalConfig; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return globalConfig; });
 /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
@@ -52755,7 +52757,7 @@ var globalConfig = function globalConfig() {
 };
 
 var ProviderChildren = function ProviderChildren(props) {
-  var _a, _b, _c;
+  var _a, _b;
 
   var children = props.children,
       csp = props.csp,
@@ -52815,10 +52817,10 @@ var ProviderChildren = function ProviderChildren(props) {
   }, [iconPrefixCls]);
   var childNode = children; // Additional Form provider
 
-  var validateMessages = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, (_a = _locale_default__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"].Form) === null || _a === void 0 ? void 0 : _a.defaultValidateMessages);
+  var validateMessages = {};
 
   if (locale) {
-    validateMessages = ((_b = locale.Form) === null || _b === void 0 ? void 0 : _b.defaultValidateMessages) || ((_c = _locale_default__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"].Form) === null || _c === void 0 ? void 0 : _c.defaultValidateMessages) || {};
+    validateMessages = ((_a = locale.Form) === null || _a === void 0 ? void 0 : _a.defaultValidateMessages) || ((_b = _locale_default__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"].Form) === null || _b === void 0 ? void 0 : _b.defaultValidateMessages) || {};
   }
 
   if (form && form.validateMessages) {
@@ -52881,7 +52883,7 @@ var ConfigProvider = function ConfigProvider(props) {
 ConfigProvider.ConfigContext = _context__WEBPACK_IMPORTED_MODULE_7__[/* ConfigContext */ "b"];
 ConfigProvider.SizeContext = _SizeContext__WEBPACK_IMPORTED_MODULE_8__[/* default */ "b"];
 ConfigProvider.config = setGlobalConfig;
-/* harmony default export */ __webpack_exports__["d"] = (ConfigProvider);
+/* harmony default export */ __webpack_exports__["c"] = (ConfigProvider);
 
 /***/ }),
 
@@ -57171,7 +57173,8 @@ var ClearableLabeledInput = /*#__PURE__*/function (_React$Component) {
           direction = _this$props3.direction,
           style = _this$props3.style,
           readOnly = _this$props3.readOnly,
-          bordered = _this$props3.bordered;
+          bordered = _this$props3.bordered,
+          hidden = _this$props3.hidden;
 
       if (!Object(_utils__WEBPACK_IMPORTED_MODULE_10__[/* hasPrefixSuffix */ "b"])(this.props)) {
         return Object(_util_reactNode__WEBPACK_IMPORTED_MODULE_9__[/* cloneElement */ "a"])(element, {
@@ -57188,7 +57191,8 @@ var ClearableLabeledInput = /*#__PURE__*/function (_React$Component) {
         ref: this.containerRef,
         className: affixWrapperCls,
         style: style,
-        onMouseUp: this.onInputMouseUp
+        onMouseUp: this.onInputMouseUp,
+        hidden: hidden
       }, prefixNode, Object(_util_reactNode__WEBPACK_IMPORTED_MODULE_9__[/* cloneElement */ "a"])(element, {
         style: null,
         value: value,
@@ -57206,7 +57210,8 @@ var ClearableLabeledInput = /*#__PURE__*/function (_React$Component) {
           style = _this$props4.style,
           size = _this$props4.size,
           className = _this$props4.className,
-          direction = _this$props4.direction; // Not wrap when there is not addons
+          direction = _this$props4.direction,
+          hidden = _this$props4.hidden; // Not wrap when there is not addons
 
       if (!hasAddon(this.props)) {
         return labeledElement;
@@ -57226,7 +57231,8 @@ var ClearableLabeledInput = /*#__PURE__*/function (_React$Component) {
 
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("span", {
         className: mergedGroupClassName,
-        style: style
+        style: style,
+        hidden: hidden
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("span", {
         className: mergedWrapperClassName
       }, addonBeforeNode, Object(_util_reactNode__WEBPACK_IMPORTED_MODULE_9__[/* cloneElement */ "a"])(labeledElement, {
@@ -57244,7 +57250,8 @@ var ClearableLabeledInput = /*#__PURE__*/function (_React$Component) {
           className = _this$props5.className,
           style = _this$props5.style,
           direction = _this$props5.direction,
-          bordered = _this$props5.bordered;
+          bordered = _this$props5.bordered,
+          hidden = _this$props5.hidden;
 
       if (!allowClear) {
         return Object(_util_reactNode__WEBPACK_IMPORTED_MODULE_9__[/* cloneElement */ "a"])(element, {
@@ -57255,7 +57262,8 @@ var ClearableLabeledInput = /*#__PURE__*/function (_React$Component) {
       var affixWrapperCls = classnames__WEBPACK_IMPORTED_MODULE_6___default()("".concat(prefixCls, "-affix-wrapper"), "".concat(prefixCls, "-affix-wrapper-textarea-with-clear-btn"), (_classNames5 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames5, "".concat(prefixCls, "-affix-wrapper-rtl"), direction === 'rtl'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames5, "".concat(prefixCls, "-affix-wrapper-borderless"), !bordered), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames5, "".concat(className), !hasAddon(this.props) && className), _classNames5));
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("span", {
         className: affixWrapperCls,
-        style: style
+        style: style,
+        hidden: hidden
       }, Object(_util_reactNode__WEBPACK_IMPORTED_MODULE_9__[/* cloneElement */ "a"])(element, {
         style: null,
         value: value
@@ -57524,7 +57532,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
 
       var otherProps = Object(rc_util_es_omit__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"])(_this.props, ['prefixCls', 'onPressEnter', 'addonBefore', 'addonAfter', 'prefix', 'suffix', 'allowClear', // Input elements must be either controlled or uncontrolled,
       // specify either the value prop, or the defaultValue prop, but not both.
-      'defaultValue', 'size', 'inputType', 'bordered', 'htmlSize']);
+      'defaultValue', 'size', 'inputType', 'bordered', 'htmlSize', 'showCount']);
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("input", Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])({
         autoComplete: input.autoComplete
       }, otherProps, {
@@ -58115,6 +58123,8 @@ var TextArea = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"](fun
       value = _useMergedState2[0],
       setValue = _useMergedState2[1];
 
+  var hidden = props.hidden;
+
   var handleSetValue = function handleSetValue(val, callback) {
     if (props.value === undefined) {
       setValue(val);
@@ -58233,6 +58243,7 @@ var TextArea = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"](fun
     }
 
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("div", {
+      hidden: hidden,
       className: classnames__WEBPACK_IMPORTED_MODULE_8___default()("".concat(prefixCls, "-textarea"), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])({}, "".concat(prefixCls, "-textarea-rtl"), direction === 'rtl'), "".concat(prefixCls, "-textarea-show-count"), className),
       style: style,
       "data-count": dataCount
@@ -59310,6 +59321,11 @@ var LocaleProvider = /*#__PURE__*/function (_React$Component) {
     Object(_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(this, LocaleProvider);
 
     _this = _super.call(this, props);
+    _this.getMemoizedContextValue = Object(memoize_one__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(function (localeValue) {
+      return Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, localeValue), {
+        exist: true
+      });
+    });
     Object(_modal_locale__WEBPACK_IMPORTED_MODULE_8__[/* changeConfirmLocale */ "a"])(props.locale && props.locale.Modal);
     Object(_util_devWarning__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"])(props._ANT_MARK__ === ANT_MARK, 'LocaleProvider', '`LocaleProvider` is deprecated. Please use `locale` with `ConfigProvider` instead: http://u.ant.design/locale');
     return _this;
@@ -59340,11 +59356,7 @@ var LocaleProvider = /*#__PURE__*/function (_React$Component) {
       var _this$props = this.props,
           locale = _this$props.locale,
           children = _this$props.children;
-      var contextValue = Object(memoize_one__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(function (localeValue) {
-        return Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, localeValue), {
-          exist: true
-        });
-      })(locale);
+      var contextValue = this.getMemoizedContextValue(locale);
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"](_context__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"].Provider, {
         value: contextValue
       }, children);
@@ -60421,7 +60433,7 @@ function getRCNotificationInstance(args, callback) {
   var customizePrefixCls = args.prefixCls,
       getContextPopupContainer = args.getPopupContainer;
 
-  var _globalConfig = Object(_config_provider__WEBPACK_IMPORTED_MODULE_11__[/* globalConfig */ "e"])(),
+  var _globalConfig = Object(_config_provider__WEBPACK_IMPORTED_MODULE_11__[/* globalConfig */ "d"])(),
       getPrefixCls = _globalConfig.getPrefixCls,
       getRootPrefixCls = _globalConfig.getRootPrefixCls,
       getIconPrefixCls = _globalConfig.getIconPrefixCls;
@@ -60492,7 +60504,7 @@ function getRCNoticeProps(args, prefixCls, iconPrefixCls) {
     duration: duration,
     style: args.style || {},
     className: args.className,
-    content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_config_provider__WEBPACK_IMPORTED_MODULE_11__[/* default */ "d"], {
+    content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_config_provider__WEBPACK_IMPORTED_MODULE_11__[/* default */ "c"], {
       iconPrefixCls: iconPrefixCls
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
       className: messageClass
@@ -60670,7 +60682,7 @@ var ConfirmDialog = function ConfirmDialog(props) {
     buttonProps: cancelButtonProps,
     prefixCls: "".concat(rootPrefixCls, "-btn")
   }, cancelText);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_config_provider__WEBPACK_IMPORTED_MODULE_6__[/* default */ "d"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_config_provider__WEBPACK_IMPORTED_MODULE_6__[/* default */ "c"], {
     prefixCls: rootPrefixCls,
     iconPrefixCls: iconPrefixCls,
     direction: direction
@@ -60987,7 +60999,7 @@ function confirm(config) {
     setTimeout(function () {
       var runtimeLocale = Object(_locale__WEBPACK_IMPORTED_MODULE_7__[/* getConfirmLocale */ "b"])();
 
-      var _globalConfig = Object(_config_provider__WEBPACK_IMPORTED_MODULE_9__[/* globalConfig */ "e"])(),
+      var _globalConfig = Object(_config_provider__WEBPACK_IMPORTED_MODULE_9__[/* globalConfig */ "d"])(),
           getPrefixCls = _globalConfig.getPrefixCls,
           getIconPrefixCls = _globalConfig.getIconPrefixCls; // because Modal.config  set rootPrefixCls, which is different from other components
 
@@ -61667,7 +61679,7 @@ function getNotificationInstance(args, callback) {
       getContainer = _args$getContainer === void 0 ? defaultGetContainer : _args$getContainer,
       customizePrefixCls = args.prefixCls;
 
-  var _globalConfig = Object(_config_provider__WEBPACK_IMPORTED_MODULE_12__[/* globalConfig */ "e"])(),
+  var _globalConfig = Object(_config_provider__WEBPACK_IMPORTED_MODULE_12__[/* globalConfig */ "d"])(),
       getPrefixCls = _globalConfig.getPrefixCls,
       getIconPrefixCls = _globalConfig.getIconPrefixCls;
 
@@ -61749,7 +61761,7 @@ function getRCNoticeProps(args, prefixCls, iconPrefixCls) {
     className: "".concat(prefixCls, "-message-single-line-auto-margin")
   }) : null;
   return {
-    content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_config_provider__WEBPACK_IMPORTED_MODULE_12__[/* default */ "d"], {
+    content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_config_provider__WEBPACK_IMPORTED_MODULE_12__[/* default */ "c"], {
       iconPrefixCls: iconPrefixCls
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", {
       className: iconNode ? "".concat(prefixCls, "-with-icon") : '',
@@ -63177,10 +63189,10 @@ var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](f
     if (options && options.length > 0) {
       var optionsPrefixCls = optionType === 'button' ? "".concat(prefixCls, "-button") : prefixCls;
       childrenToRender = options.map(function (option) {
-        if (typeof option === 'string') {
+        if (typeof option === 'string' || typeof option === 'number') {
           // 此处类型自动推导为 string
           return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_radio__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"], {
-            key: option,
+            key: option.toString(),
             prefixCls: optionsPrefixCls,
             disabled: disabled,
             value: option,
@@ -72093,49 +72105,297 @@ function renderSwitcherIcon(prefixCls, switcherIcon, showLine, _ref) {
 
 /***/ }),
 
-/***/ "./node_modules/antd/es/typography/Base.js":
-/*!*************************************************!*\
-  !*** ./node_modules/antd/es/typography/Base.js ***!
-  \*************************************************/
+/***/ "./node_modules/antd/es/typography/Base/Ellipsis.js":
+/*!**********************************************************!*\
+  !*** ./node_modules/antd/es/typography/Base/Ellipsis.js ***!
+  \**********************************************************/
 /*! exports provided: default */
 /*! exports used: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __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_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
 /* harmony import */ var _babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js");
-/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
-/* harmony import */ var _babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
-/* harmony import */ var _babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ "./node_modules/@babel/runtime/helpers/esm/createClass.js");
-/* harmony import */ var _babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ "./node_modules/@babel/runtime/helpers/esm/inherits.js");
-/* harmony import */ var _babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createSuper */ "./node_modules/@babel/runtime/helpers/esm/createSuper.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var rc_util_es_Children_toArray__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! rc-util/es/Children/toArray */ "./node_modules/rc-util/es/Children/toArray.js");
-/* harmony import */ var copy_to_clipboard__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! copy-to-clipboard */ "./node_modules/copy-to-clipboard/index.js");
-/* harmony import */ var copy_to_clipboard__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(copy_to_clipboard__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var rc_util_es_omit__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! rc-util/es/omit */ "./node_modules/rc-util/es/omit.js");
-/* harmony import */ var _ant_design_icons_es_icons_EditOutlined__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @ant-design/icons/es/icons/EditOutlined */ "./node_modules/@ant-design/icons/es/icons/EditOutlined.js");
-/* harmony import */ var _ant_design_icons_es_icons_CheckOutlined__WEBPACK_IMPORTED_MODULE_14__ = __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_15__ = __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_16__ = __webpack_require__(/*! rc-resize-observer */ "./node_modules/rc-resize-observer/es/index.js");
-/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../config-provider */ "./node_modules/antd/es/config-provider/index.js");
-/* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./node_modules/antd/es/locale-provider/LocaleReceiver.js");
-/* harmony import */ var _util_devWarning__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../_util/devWarning */ "./node_modules/antd/es/_util/devWarning.js");
-/* harmony import */ var _util_transButton__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_util/transButton */ "./node_modules/antd/es/_util/transButton.js");
-/* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../_util/raf */ "./node_modules/antd/es/_util/raf.js");
-/* harmony import */ var _util_styleChecker__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../_util/styleChecker */ "./node_modules/antd/es/_util/styleChecker.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../tooltip */ "./node_modules/antd/es/tooltip/index.js");
-/* harmony import */ var _Typography__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./Typography */ "./node_modules/antd/es/typography/Typography.js");
-/* harmony import */ var _Editable__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./Editable */ "./node_modules/antd/es/typography/Editable.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./util */ "./node_modules/antd/es/typography/util.js");
+/* 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");
+
+
+
+
+
+
+function cuttable(node) {
+  var type = Object(_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(node);
+
+  return type === 'string' || type === 'number';
+}
+
+function getNodesLen(nodeList) {
+  var totalLen = 0;
+  nodeList.forEach(function (node) {
+    if (cuttable(node)) {
+      totalLen += String(node).length;
+    } else {
+      totalLen += 1;
+    }
+  });
+  return totalLen;
+}
+
+function sliceNodes(nodeList, len) {
+  var currLen = 0;
+  var currentNodeList = [];
+
+  for (var i = 0; i < nodeList.length; i += 1) {
+    // Match to return
+    if (currLen === len) {
+      return currentNodeList;
+    }
+
+    var node = nodeList[i];
+    var canCut = cuttable(node);
+    var nodeLen = canCut ? String(node).length : 1;
+    var nextLen = currLen + nodeLen; // Exceed but current not which means we need cut this
+    // This will not happen on validate ReactElement
+
+    if (nextLen > len) {
+      var restLen = len - currLen;
+      currentNodeList.push(String(node).slice(0, restLen));
+      return currentNodeList;
+    }
+
+    currentNodeList.push(node);
+    currLen = nextLen;
+  }
+
+  return nodeList;
+}
+
+var NONE = 0;
+var PREPARE = 1;
+var WALKING = 2;
+var DONE_WITH_ELLIPSIS = 3;
+var DONE_WITHOUT_ELLIPSIS = 4;
+
+var Ellipsis = function Ellipsis(_ref) {
+  var enabledMeasure = _ref.enabledMeasure,
+      children = _ref.children,
+      text = _ref.text,
+      width = _ref.width,
+      rows = _ref.rows,
+      onEllipsis = _ref.onEllipsis;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_3__["useState"]([0, 0, 0]),
+      _React$useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_React$useState, 2),
+      cutLength = _React$useState2[0],
+      setCutLength = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_3__["useState"](NONE),
+      _React$useState4 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_React$useState3, 2),
+      walkingState = _React$useState4[0],
+      setWalkingState = _React$useState4[1];
+
+  var _cutLength = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(cutLength, 3),
+      startLen = _cutLength[0],
+      midLen = _cutLength[1],
+      endLen = _cutLength[2];
+
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_3__["useState"](0),
+      _React$useState6 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_React$useState5, 2),
+      singleRowHeight = _React$useState6[0],
+      setSingleRowHeight = _React$useState6[1];
+
+  var singleRowRef = react__WEBPACK_IMPORTED_MODULE_3__["useRef"](null);
+  var midRowRef = react__WEBPACK_IMPORTED_MODULE_3__["useRef"](null);
+  var nodeList = react__WEBPACK_IMPORTED_MODULE_3__["useMemo"](function () {
+    return Object(rc_util_es_Children_toArray__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(text);
+  }, [text]);
+  var totalLen = react__WEBPACK_IMPORTED_MODULE_3__["useMemo"](function () {
+    return getNodesLen(nodeList);
+  }, [nodeList]);
+  var mergedChildren = react__WEBPACK_IMPORTED_MODULE_3__["useMemo"](function () {
+    if (!enabledMeasure || walkingState !== DONE_WITH_ELLIPSIS) {
+      return children(nodeList, false);
+    }
+
+    return children(sliceNodes(nodeList, midLen), midLen < totalLen);
+  }, [enabledMeasure, walkingState, children, nodeList, midLen, totalLen]); // ======================== Walk ========================
+
+  react__WEBPACK_IMPORTED_MODULE_3__["useLayoutEffect"](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 () {
+    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 () {
+    var _a, _b;
+
+    if (singleRowHeight) {
+      if (walkingState === PREPARE) {
+        // Ignore if position is enough
+        var midHeight = ((_a = midRowRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
+        var maxHeight = rows * singleRowHeight;
+
+        if (midHeight <= maxHeight) {
+          setWalkingState(DONE_WITHOUT_ELLIPSIS);
+          onEllipsis(false);
+        } else {
+          setWalkingState(WALKING);
+        }
+      } else if (walkingState === WALKING) {
+        if (startLen !== endLen) {
+          var _midHeight = ((_b = midRowRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0;
+
+          var _maxHeight = rows * singleRowHeight;
+
+          var nextStartLen = startLen;
+          var nextEndLen = endLen; // We reach the last round
+
+          if (startLen === endLen - 1) {
+            nextEndLen = startLen;
+          } else if (_midHeight <= _maxHeight) {
+            nextStartLen = midLen;
+          } else {
+            nextEndLen = midLen;
+          }
+
+          var nextMidLen = Math.ceil((nextStartLen + nextEndLen) / 2);
+          setCutLength([nextStartLen, nextMidLen, nextEndLen]);
+        } else {
+          setWalkingState(DONE_WITH_ELLIPSIS);
+          onEllipsis(true);
+        }
+      }
+    }
+  }, [walkingState, startLen, endLen, rows, singleRowHeight]); // ======================= Render =======================
+
+  var measureStyle = {
+    width: width,
+    whiteSpace: 'normal',
+    margin: 0,
+    padding: 0
+  };
+
+  var renderMeasure = function renderMeasure(content, ref, style) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("span", {
+      "aria-hidden": true,
+      ref: ref,
+      style: Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({
+        position: 'fixed',
+        display: 'block',
+        left: 0,
+        top: 0,
+        zIndex: -9999,
+        visibility: 'hidden',
+        pointerEvents: 'none'
+      }, style)
+    }, content);
+  };
+
+  var renderMeasureSlice = function renderMeasureSlice(len, ref) {
+    var sliceNodeList = sliceNodes(nodeList, len);
+    return renderMeasure(children(sliceNodeList, true), ref, measureStyle);
+  };
+
+  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
+  }), walkingState === PREPARE ? renderMeasure(children(nodeList, false), midRowRef, measureStyle) : renderMeasureSlice(midLen, midRowRef)));
+};
+
+if (true) {
+  Ellipsis.displayName = 'Ellipsis';
+}
+
+/* harmony default export */ __webpack_exports__["a"] = (Ellipsis);
+
+/***/ }),
+
+/***/ "./node_modules/antd/es/typography/Base/EllipsisTooltip.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/antd/es/typography/Base/EllipsisTooltip.js ***!
+  \*****************************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../tooltip */ "./node_modules/antd/es/tooltip/index.js");
+
+
+
+var EllipsisTooltip = function EllipsisTooltip(_ref) {
+  var title = _ref.title,
+      enabledEllipsis = _ref.enabledEllipsis,
+      isEllipsis = _ref.isEllipsis,
+      children = _ref.children;
+
+  if (!title || !enabledEllipsis) {
+    return children;
+  }
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_tooltip__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"], {
+    title: title,
+    visible: isEllipsis ? undefined : false
+  }, children);
+};
 
+if (true) {
+  EllipsisTooltip.displayName = 'EllipsisTooltip';
+}
 
+/* harmony default export */ __webpack_exports__["a"] = (EllipsisTooltip);
 
+/***/ }),
 
+/***/ "./node_modules/antd/es/typography/Base/index.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/antd/es/typography/Base/index.js ***!
+  \*******************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js");
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
+/* 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_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rc-util/es/hooks/useMergedState */ "./node_modules/rc-util/es/hooks/useMergedState.js");
+/* harmony import */ var rc_util_es_Children_toArray__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rc-util/es/Children/toArray */ "./node_modules/rc-util/es/Children/toArray.js");
+/* harmony import */ var copy_to_clipboard__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! copy-to-clipboard */ "./node_modules/copy-to-clipboard/index.js");
+/* harmony import */ var copy_to_clipboard__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(copy_to_clipboard__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var rc_util_es_omit__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! rc-util/es/omit */ "./node_modules/rc-util/es/omit.js");
+/* harmony import */ var rc_util_es_ref__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! rc-util/es/ref */ "./node_modules/rc-util/es/ref.js");
+/* harmony import */ var _ant_design_icons_es_icons_EditOutlined__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @ant-design/icons/es/icons/EditOutlined */ "./node_modules/@ant-design/icons/es/icons/EditOutlined.js");
+/* 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");
 
 
 
@@ -72173,8 +72433,9 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 
 
 
-var isLineClampSupport = Object(_util_styleChecker__WEBPACK_IMPORTED_MODULE_22__[/* isStyleSupport */ "c"])('webkitLineClamp');
-var isTextOverflowSupport = Object(_util_styleChecker__WEBPACK_IMPORTED_MODULE_22__[/* isStyleSupport */ "c"])('textOverflow');
+
+
+
 
 function wrapperDecorations(_ref, content) {
   var mark = _ref.mark,
@@ -72188,7 +72449,7 @@ function wrapperDecorations(_ref, content) {
 
   function wrap(needed, tag) {
     if (!needed) return;
-    currentContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](tag, {}, currentContent);
+    currentContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](tag, {}, currentContent);
   }
 
   wrap(strong, 'strong');
@@ -72209,494 +72470,392 @@ function getNode(dom, defaultNode, needDom) {
   return dom || needDom && defaultNode;
 }
 
-var ELLIPSIS_STR = '...';
-
-var Base = /*#__PURE__*/function (_React$Component) {
-  Object(_babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(Base, _React$Component);
-
-  var _super = Object(_babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"])(Base);
-
-  function Base() {
-    var _this;
-
-    Object(_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(this, Base);
+function toList(val) {
+  return Array.isArray(val) ? val : [val];
+}
 
-    _this = _super.apply(this, arguments);
-    _this.contentRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createRef"]();
-    _this.state = {
-      edit: false,
-      copied: false,
-      ellipsisText: '',
-      ellipsisContent: null,
-      isEllipsis: false,
-      expanded: false,
-      clientRendered: false
-    };
+var ELLIPSIS_STR = '...';
+var Base = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](function (props, ref) {
+  var customizePrefixCls = props.prefixCls,
+      className = props.className,
+      style = props.style,
+      type = props.type,
+      disabled = props.disabled,
+      children = props.children,
+      ellipsis = props.ellipsis,
+      editable = props.editable,
+      copyable = props.copyable,
+      component = props.component,
+      title = props.title,
+      restProps = __rest(props, ["prefixCls", "className", "style", "type", "disabled", "children", "ellipsis", "editable", "copyable", "component", "title"]);
 
-    _this.getPrefixCls = function () {
-      var customizePrefixCls = _this.props.prefixCls;
-      var getPrefixCls = _this.context.getPrefixCls;
-      return getPrefixCls('typography', customizePrefixCls);
-    }; // =============== Expand ===============
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_4__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_15__[/* 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
 
-    _this.onExpandClick = function (e) {
-      var _a;
+  var typographyRef = react__WEBPACK_IMPORTED_MODULE_4__["useRef"](null);
+  var editIconRef = react__WEBPACK_IMPORTED_MODULE_4__["useRef"](null); // ============================ MISC ============================
 
-      var _this$getEllipsis = _this.getEllipsis(),
-          onExpand = _this$getEllipsis.onExpand;
+  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 ==========================
 
-      _this.setState({
-        expanded: true
-      });
+  var _useMergedConfig = Object(_hooks_useMergedConfig__WEBPACK_IMPORTED_MODULE_22__[/* default */ "a"])(editable),
+      _useMergedConfig2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(_useMergedConfig, 2),
+      enableEdit = _useMergedConfig2[0],
+      editConfig = _useMergedConfig2[1];
 
-      (_a = onExpand) === null || _a === void 0 ? void 0 : _a(e);
-    }; // ================ Edit ================
+  var _useMergedState = Object(rc_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(false, {
+    value: editConfig.editing
+  }),
+      _useMergedState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(_useMergedState, 2),
+      editing = _useMergedState2[0],
+      setEditing = _useMergedState2[1];
 
+  var _editConfig$triggerTy = editConfig.triggerType,
+      triggerType = _editConfig$triggerTy === void 0 ? ['icon'] : _editConfig$triggerTy;
 
-    _this.onEditClick = function (e) {
-      e.preventDefault();
+  var triggerEdit = function triggerEdit(edit) {
+    var _a;
 
-      _this.triggerEdit(true);
-    };
+    if (edit) {
+      (_a = editConfig.onStart) === null || _a === void 0 ? void 0 : _a.call(editConfig);
+    }
 
-    _this.onEditChange = function (value) {
-      var _this$getEditable = _this.getEditable(),
-          onChange = _this$getEditable.onChange;
+    setEditing(edit);
+  }; // Focus edit icon when back
 
-      onChange === null || onChange === void 0 ? void 0 : onChange(value);
 
-      _this.triggerEdit(false);
-    };
+  Object(_hooks_useUpdatedEffect__WEBPACK_IMPORTED_MODULE_23__[/* default */ "a"])(function () {
+    var _a;
 
-    _this.onEditCancel = function () {
-      var _a, _b;
+    if (!editing) {
+      (_a = editIconRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+  }, [editing]);
 
-      (_b = (_a = _this.getEditable()).onCancel) === null || _b === void 0 ? void 0 : _b.call(_a);
+  var onEditClick = function onEditClick(e) {
+    e.preventDefault();
+    triggerEdit(true);
+  };
 
-      _this.triggerEdit(false);
-    }; // ================ Copy ================
+  var onEditChange = function onEditChange(value) {
+    var _a;
 
+    (_a = editConfig.onChange) === null || _a === void 0 ? void 0 : _a.call(editConfig, value);
+    triggerEdit(false);
+  };
 
-    _this.onCopyClick = function (e) {
-      e.preventDefault();
-      var _this$props = _this.props,
-          children = _this$props.children,
-          copyable = _this$props.copyable;
+  var onEditCancel = function onEditCancel() {
+    var _a;
 
-      var copyConfig = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])({}, Object(_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(copyable) === 'object' ? copyable : null);
+    (_a = editConfig.onCancel) === null || _a === void 0 ? void 0 : _a.call(editConfig);
+    triggerEdit(false);
+  }; // ========================== Copyable ==========================
 
-      if (copyConfig.text === undefined) {
-        copyConfig.text = String(children);
-      }
 
-      copy_to_clipboard__WEBPACK_IMPORTED_MODULE_11___default()(copyConfig.text || '');
+  var _useMergedConfig3 = Object(_hooks_useMergedConfig__WEBPACK_IMPORTED_MODULE_22__[/* default */ "a"])(copyable),
+      _useMergedConfig4 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(_useMergedConfig3, 2),
+      enableCopy = _useMergedConfig4[0],
+      copyConfig = _useMergedConfig4[1];
 
-      _this.setState({
-        copied: true
-      }, function () {
-        if (copyConfig.onCopy) {
-          copyConfig.onCopy();
-        }
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_4__["useState"](false),
+      _React$useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(_React$useState, 2),
+      copied = _React$useState2[0],
+      setCopied = _React$useState2[1];
 
-        _this.copyId = window.setTimeout(function () {
-          _this.setState({
-            copied: false
-          });
-        }, 3000);
-      });
-    };
+  var copyIdRef = react__WEBPACK_IMPORTED_MODULE_4__["useRef"]();
 
-    _this.setEditRef = function (node) {
-      _this.editIcon = node;
-    };
+  var cleanCopyId = function cleanCopyId() {
+    clearTimeout(copyIdRef.current);
+  };
 
-    _this.triggerEdit = function (edit) {
-      var _this$getEditable2 = _this.getEditable(),
-          onStart = _this$getEditable2.onStart;
+  var onCopyClick = function onCopyClick(e) {
+    var _a;
 
-      if (edit && onStart) {
-        onStart();
-      }
+    e.preventDefault();
 
-      _this.setState({
-        edit: edit
-      }, function () {
-        if (!edit && _this.editIcon) {
-          _this.editIcon.focus();
-        }
-      });
-    }; // ============== Ellipsis ==============
+    if (copyConfig.text === undefined) {
+      copyConfig.text = String(children);
+    }
 
+    copy_to_clipboard__WEBPACK_IMPORTED_MODULE_8___default()(copyConfig.text || '');
+    setCopied(true); // Trigger tips update
 
-    _this.resizeOnNextFrame = function () {
-      _util_raf__WEBPACK_IMPORTED_MODULE_21__[/* default */ "a"].cancel(_this.rafId);
-      _this.rafId = Object(_util_raf__WEBPACK_IMPORTED_MODULE_21__[/* default */ "a"])(function () {
-        // Do not bind `syncEllipsis`. It need for test usage on prototype
-        _this.syncEllipsis();
-      });
-    };
+    cleanCopyId();
+    copyIdRef.current = setTimeout(function () {
+      setCopied(false);
+    }, 3000);
+    (_a = copyConfig.onCopy) === null || _a === void 0 ? void 0 : _a.call(copyConfig);
+  };
 
-    return _this;
-  }
+  react__WEBPACK_IMPORTED_MODULE_4__["useEffect"](function () {
+    return cleanCopyId;
+  }, []); // ========================== Ellipsis ==========================
 
-  Object(_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])(Base, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.setState({
-        clientRendered: true
-      });
-      this.resizeOnNextFrame();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var children = this.props.children;
-      var ellipsis = this.getEllipsis();
-      var prevEllipsis = this.getEllipsis(prevProps);
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_4__["useState"](false),
+      _React$useState4 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(_React$useState3, 2),
+      isLineClampSupport = _React$useState4[0],
+      setIsLineClampSupport = _React$useState4[1];
 
-      if (children !== prevProps.children || ellipsis.rows !== prevEllipsis.rows) {
-        this.resizeOnNextFrame();
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.clearTimeout(this.copyId);
-      _util_raf__WEBPACK_IMPORTED_MODULE_21__[/* default */ "a"].cancel(this.rafId);
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_4__["useState"](false),
+      _React$useState6 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(_React$useState5, 2),
+      isTextOverflowSupport = _React$useState6[0],
+      setIsTextOverflowSupport = _React$useState6[1];
+
+  var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_4__["useState"](false),
+      _React$useState8 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(_React$useState7, 2),
+      expanded = _React$useState8[0],
+      setExpanded = _React$useState8[1];
+
+  var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_4__["useState"](false),
+      _React$useState10 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(_React$useState9, 2),
+      isJsEllipsis = _React$useState10[0],
+      setIsJsEllipsis = _React$useState10[1];
+
+  var _React$useState11 = react__WEBPACK_IMPORTED_MODULE_4__["useState"](false),
+      _React$useState12 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(_React$useState11, 2),
+      isNativeEllipsis = _React$useState12[0],
+      setIsNativeEllipsis = _React$useState12[1];
+
+  var _useMergedConfig5 = Object(_hooks_useMergedConfig__WEBPACK_IMPORTED_MODULE_22__[/* default */ "a"])(ellipsis, {
+    expandable: false
+  }),
+      _useMergedConfig6 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(_useMergedConfig5, 2),
+      enableEllipsis = _useMergedConfig6[0],
+      ellipsisConfig = _useMergedConfig6[1];
+
+  var mergedEnableEllipsis = enableEllipsis && !expanded; // Shared prop to reduce bundle size
+
+  var _ellipsisConfig$rows = ellipsisConfig.rows,
+      rows = _ellipsisConfig$rows === void 0 ? 1 : _ellipsisConfig$rows;
+  var needMeasureEllipsis = react__WEBPACK_IMPORTED_MODULE_4__["useMemo"](function () {
+    return (// Disable ellipsis
+      !mergedEnableEllipsis || // Provide suffix
+      ellipsisConfig.suffix !== undefined || ellipsisConfig.onEllipsis || // Can't use css ellipsis since we need to provide the place for button
+      ellipsisConfig.expandable || enableEdit || enableCopy
+    );
+  }, [mergedEnableEllipsis, ellipsisConfig, enableEdit, enableCopy]);
+  react__WEBPACK_IMPORTED_MODULE_4__["useLayoutEffect"](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'));
     }
-  }, {
-    key: "getEditable",
-    value: function getEditable(props) {
-      var edit = this.state.edit;
-
-      var _ref2 = props || this.props,
-          editable = _ref2.editable;
-
-      if (!editable) return {
-        editing: edit
-      };
-      return Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])({
-        editing: edit
-      }, Object(_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(editable) === 'object' ? editable : null);
+  }, [needMeasureEllipsis, enableEllipsis]);
+  var cssEllipsis = react__WEBPACK_IMPORTED_MODULE_4__["useMemo"](function () {
+    if (needMeasureEllipsis) {
+      return false;
     }
-  }, {
-    key: "getEllipsis",
-    value: function getEllipsis(props) {
-      var _ref3 = props || this.props,
-          ellipsis = _ref3.ellipsis;
 
-      if (!ellipsis) return {};
-      return Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])({
-        rows: 1,
-        expandable: false
-      }, Object(_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(ellipsis) === 'object' ? ellipsis : null);
+    if (rows === 1) {
+      return isTextOverflowSupport;
     }
-  }, {
-    key: "canUseCSSEllipsis",
-    value: function canUseCSSEllipsis() {
-      var clientRendered = this.state.clientRendered;
-      var _this$props2 = this.props,
-          editable = _this$props2.editable,
-          copyable = _this$props2.copyable;
 
-      var _this$getEllipsis2 = this.getEllipsis(),
-          rows = _this$getEllipsis2.rows,
-          expandable = _this$getEllipsis2.expandable,
-          suffix = _this$getEllipsis2.suffix,
-          onEllipsis = _this$getEllipsis2.onEllipsis,
-          tooltip = _this$getEllipsis2.tooltip;
+    return isLineClampSupport;
+  }, [needMeasureEllipsis, isTextOverflowSupport, isLineClampSupport]);
+  var isMergedEllipsis = mergedEnableEllipsis && (cssEllipsis ? isNativeEllipsis : isJsEllipsis);
+  var cssTextOverflow = mergedEnableEllipsis && rows === 1 && cssEllipsis;
+  var cssLineClamp = mergedEnableEllipsis && rows > 1 && cssEllipsis; // >>>>> Expand
 
-      if (suffix || tooltip) return false; // Can't use css ellipsis since we need to provide the place for button
+  var onExpandClick = function onExpandClick(e) {
+    var _a;
 
-      if (editable || copyable || expandable || !clientRendered || onEllipsis) {
-        return false;
-      }
+    setExpanded(true);
+    (_a = ellipsisConfig.onExpand) === null || _a === void 0 ? void 0 : _a.call(ellipsisConfig, e);
+  };
 
-      if (rows === 1) {
-        return isTextOverflowSupport;
-      }
+  var _React$useState13 = react__WEBPACK_IMPORTED_MODULE_4__["useState"](0),
+      _React$useState14 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(_React$useState13, 2),
+      ellipsisWidth = _React$useState14[0],
+      setEllipsisWidth = _React$useState14[1];
 
-      return isLineClampSupport;
-    }
-  }, {
-    key: "syncEllipsis",
-    value: function syncEllipsis() {
-      var _this$state = this.state,
-          ellipsisText = _this$state.ellipsisText,
-          isEllipsis = _this$state.isEllipsis,
-          expanded = _this$state.expanded;
-
-      var _this$getEllipsis3 = this.getEllipsis(),
-          rows = _this$getEllipsis3.rows,
-          suffix = _this$getEllipsis3.suffix,
-          onEllipsis = _this$getEllipsis3.onEllipsis;
+  var onResize = function onResize(_ref2) {
+    var offsetWidth = _ref2.offsetWidth;
+    setEllipsisWidth(offsetWidth);
+  }; // >>>>> JS Ellipsis
 
-      var children = this.props.children;
 
-      if (!rows || rows < 0 || !this.contentRef.current || expanded) {
-        return;
-      } // Do not measure if css already support ellipsis
+  var onJsEllipsis = function onJsEllipsis(jsEllipsis) {
+    var _a;
 
+    setIsJsEllipsis(jsEllipsis); // Trigger if changed
 
-      if (this.canUseCSSEllipsis()) {
-        return;
-      }
+    if (isJsEllipsis !== jsEllipsis) {
+      (_a = ellipsisConfig.onEllipsis) === null || _a === void 0 ? void 0 : _a.call(ellipsisConfig, jsEllipsis);
+    }
+  }; // >>>>> Native ellipsis
 
-      Object(_util_devWarning__WEBPACK_IMPORTED_MODULE_19__[/* default */ "a"])(Object(rc_util_es_Children_toArray__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"])(children).every(function (child) {
-        return typeof child === 'string';
-      }), 'Typography', '`ellipsis` should use string as children only.');
 
-      var _measure = Object(_util__WEBPACK_IMPORTED_MODULE_26__[/* default */ "a"])(this.contentRef.current, {
-        rows: rows,
-        suffix: suffix
-      }, children, this.renderOperations(true), ELLIPSIS_STR),
-          content = _measure.content,
-          text = _measure.text,
-          ellipsis = _measure.ellipsis;
+  react__WEBPACK_IMPORTED_MODULE_4__["useEffect"](function () {
+    var textEle = typographyRef.current;
 
-      if (ellipsisText !== text || isEllipsis !== ellipsis) {
-        this.setState({
-          ellipsisText: text,
-          ellipsisContent: content,
-          isEllipsis: ellipsis
-        });
+    if (enableEllipsis && cssEllipsis && textEle) {
+      var currentEllipsis = textEle.offsetWidth < textEle.scrollWidth;
 
-        if (isEllipsis !== ellipsis && onEllipsis) {
-          onEllipsis(ellipsis);
-        }
+      if (isNativeEllipsis !== currentEllipsis) {
+        setIsNativeEllipsis(currentEllipsis);
       }
     }
-  }, {
-    key: "renderExpand",
-    value: function renderExpand(forceRender) {
-      var _this$getEllipsis4 = this.getEllipsis(),
-          expandable = _this$getEllipsis4.expandable,
-          symbol = _this$getEllipsis4.symbol;
-
-      var _this$state2 = this.state,
-          expanded = _this$state2.expanded,
-          isEllipsis = _this$state2.isEllipsis;
-      if (!expandable) return null; // force render expand icon for measure usage or it will cause dead loop
-
-      if (!forceRender && (expanded || !isEllipsis)) return null;
-      var expandContent;
+  }, [enableEllipsis, cssEllipsis, children]); // ========================== Tooltip ===========================
 
-      if (symbol) {
-        expandContent = symbol;
-      } else {
-        expandContent = this.expandStr;
-      }
+  var tooltipTitle = ellipsisConfig.tooltip === true ? children : ellipsisConfig.tooltip;
+  var topAriaLabel = react__WEBPACK_IMPORTED_MODULE_4__["useMemo"](function () {
+    var isValid = function isValid(val) {
+      return ['string', 'number'].includes(Object(_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(val));
+    };
 
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("a", {
-        key: "expand",
-        className: "".concat(this.getPrefixCls(), "-expand"),
-        onClick: this.onExpandClick,
-        "aria-label": this.expandStr
-      }, expandContent);
-    }
-  }, {
-    key: "renderEdit",
-    value: function renderEdit() {
-      var editable = this.props.editable;
-      if (!editable) return;
-      var icon = editable.icon,
-          tooltip = editable.tooltip,
-          _editable$triggerType = editable.triggerType,
-          triggerType = _editable$triggerType === void 0 ? ['icon'] : _editable$triggerType;
-      var title = Object(rc_util_es_Children_toArray__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"])(tooltip)[0] || this.editStr;
-      var ariaLabel = typeof title === 'string' ? title : '';
-      return triggerType.indexOf('icon') !== -1 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_tooltip__WEBPACK_IMPORTED_MODULE_23__[/* default */ "a"], {
-        key: "edit",
-        title: tooltip === false ? '' : title
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_util_transButton__WEBPACK_IMPORTED_MODULE_20__[/* default */ "a"], {
-        ref: this.setEditRef,
-        className: "".concat(this.getPrefixCls(), "-edit"),
-        onClick: this.onEditClick,
-        "aria-label": ariaLabel
-      }, icon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_ant_design_icons_es_icons_EditOutlined__WEBPACK_IMPORTED_MODULE_13__[/* default */ "a"], {
-        role: "button"
-      }))) : null;
-    }
-  }, {
-    key: "renderCopy",
-    value: function renderCopy() {
-      var copied = this.state.copied;
-      var copyable = this.props.copyable;
-      if (!copyable) return;
-      var prefixCls = this.getPrefixCls();
-      var tooltips = copyable.tooltips,
-          icon = copyable.icon;
-      var tooltipNodes = Array.isArray(tooltips) ? tooltips : [tooltips];
-      var iconNodes = Array.isArray(icon) ? icon : [icon];
-      var title = copied ? getNode(tooltipNodes[1], this.copiedStr) : getNode(tooltipNodes[0], this.copyStr);
-      var systemStr = copied ? this.copiedStr : this.copyStr;
-      var ariaLabel = typeof title === 'string' ? title : systemStr;
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_tooltip__WEBPACK_IMPORTED_MODULE_23__[/* default */ "a"], {
-        key: "copy",
-        title: title
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_util_transButton__WEBPACK_IMPORTED_MODULE_20__[/* default */ "a"], {
-        className: classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(prefixCls, "-copy"), copied && "".concat(prefixCls, "-copy-success")),
-        onClick: this.onCopyClick,
-        "aria-label": ariaLabel
-      }, copied ? getNode(iconNodes[1], /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_ant_design_icons_es_icons_CheckOutlined__WEBPACK_IMPORTED_MODULE_14__[/* default */ "a"], null), true) : getNode(iconNodes[0], /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_ant_design_icons_es_icons_CopyOutlined__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"], null), true)));
-    }
-  }, {
-    key: "renderEditInput",
-    value: function renderEditInput() {
-      var _this$props3 = this.props,
-          children = _this$props3.children,
-          className = _this$props3.className,
-          style = _this$props3.style;
-      var direction = this.context.direction;
-
-      var _this$getEditable3 = this.getEditable(),
-          maxLength = _this$getEditable3.maxLength,
-          autoSize = _this$getEditable3.autoSize,
-          onEnd = _this$getEditable3.onEnd,
-          enterIcon = _this$getEditable3.enterIcon;
-
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_Editable__WEBPACK_IMPORTED_MODULE_25__[/* default */ "a"], {
-        value: typeof children === 'string' ? children : '',
-        onSave: this.onEditChange,
-        onCancel: this.onEditCancel,
-        onEnd: onEnd,
-        prefixCls: this.getPrefixCls(),
-        className: className,
-        style: style,
-        direction: direction,
-        maxLength: maxLength,
-        autoSize: autoSize,
-        enterIcon: enterIcon
-      });
-    }
-  }, {
-    key: "renderOperations",
-    value: function renderOperations(forceRenderExpanded) {
-      return [this.renderExpand(forceRenderExpanded), this.renderEdit(), this.renderCopy()].filter(function (node) {
-        return node;
-      });
+    if (!enableEllipsis || cssEllipsis) {
+      return undefined;
     }
-  }, {
-    key: "renderContent",
-    value: function renderContent() {
-      var _this2 = this;
-
-      var _this$state3 = this.state,
-          ellipsisContent = _this$state3.ellipsisContent,
-          isEllipsis = _this$state3.isEllipsis,
-          expanded = _this$state3.expanded;
-
-      var _a = this.props,
-          component = _a.component,
-          children = _a.children,
-          className = _a.className,
-          type = _a.type,
-          disabled = _a.disabled,
-          style = _a.style,
-          restProps = __rest(_a, ["component", "children", "className", "type", "disabled", "style"]);
 
-      var direction = this.context.direction;
-
-      var _this$getEllipsis5 = this.getEllipsis(),
-          rows = _this$getEllipsis5.rows,
-          suffix = _this$getEllipsis5.suffix,
-          tooltip = _this$getEllipsis5.tooltip;
-
-      var _this$getEditable4 = this.getEditable(),
-          _this$getEditable4$tr = _this$getEditable4.triggerType,
-          triggerType = _this$getEditable4$tr === void 0 ? ['icon'] : _this$getEditable4$tr;
-
-      var prefixCls = this.getPrefixCls();
-      var textProps = Object(rc_util_es_omit__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"])(restProps, ['prefixCls', 'editable', 'copyable', 'ellipsis', 'mark', 'code', 'delete', 'underline', 'strong', 'keyboard', 'italic'].concat(Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_config_provider__WEBPACK_IMPORTED_MODULE_17__[/* configConsumerProps */ "c"])));
-      var cssEllipsis = this.canUseCSSEllipsis();
-      var cssTextOverflow = rows === 1 && cssEllipsis;
-      var cssLineClamp = rows && rows > 1 && cssEllipsis;
-      var textNode = children; // Only use js ellipsis when css ellipsis not support
-
-      if (rows && isEllipsis && !expanded && !cssEllipsis) {
-        var title = restProps.title;
-        var restContent = title || '';
-
-        if (!title && (typeof children === 'string' || typeof children === 'number')) {
-          restContent = String(children);
-        } // show rest content as title on symbol
-
-
-        restContent = restContent.slice(String(ellipsisContent || '').length); // We move full content to outer element to avoid repeat read the content by accessibility
+    if (isValid(children)) {
+      return children;
+    }
 
-        textNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](react__WEBPACK_IMPORTED_MODULE_8__["Fragment"], null, ellipsisContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("span", {
-          title: restContent,
-          "aria-hidden": "true"
-        }, ELLIPSIS_STR), suffix); // If provided tooltip, we need wrap with span to let Tooltip inject events
+    if (isValid(title)) {
+      return title;
+    }
 
-        if (tooltip) {
-          textNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_tooltip__WEBPACK_IMPORTED_MODULE_23__[/* default */ "a"], {
-            title: tooltip === true ? children : tooltip
-          }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("span", null, textNode));
-        }
-      } else {
-        textNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](react__WEBPACK_IMPORTED_MODULE_8__["Fragment"], null, children, suffix);
-      }
+    if (isValid(tooltipTitle)) {
+      return tooltipTitle;
+    }
 
-      textNode = wrapperDecorations(this.props, textNode);
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_18__[/* default */ "a"], {
-        componentName: "Text"
-      }, function (_ref4) {
-        var _classNames;
+    return undefined;
+  }, [enableEllipsis, cssEllipsis, title, tooltipTitle, isMergedEllipsis]); // =========================== Render ===========================
+  // >>>>>>>>>>> Editing input
+
+  if (editing) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_Editable__WEBPACK_IMPORTED_MODULE_21__[/* default */ "a"], {
+      value: typeof children === 'string' ? children : '',
+      onSave: onEditChange,
+      onCancel: onEditCancel,
+      onEnd: editConfig.onEnd,
+      prefixCls: prefixCls,
+      className: className,
+      style: style,
+      direction: direction,
+      maxLength: editConfig.maxLength,
+      autoSize: editConfig.autoSize,
+      enterIcon: editConfig.enterIcon
+    });
+  } // >>>>>>>>>>> Typography
+  // Expand
 
-        var edit = _ref4.edit,
-            copyStr = _ref4.copy,
-            copied = _ref4.copied,
-            expand = _ref4.expand;
-        _this2.editStr = edit;
-        _this2.copyStr = copyStr;
-        _this2.copiedStr = copied;
-        _this2.expandStr = expand;
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](rc_resize_observer__WEBPACK_IMPORTED_MODULE_16__[/* default */ "a"], {
-          onResize: _this2.resizeOnNextFrame,
-          disabled: cssEllipsis
-        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_Typography__WEBPACK_IMPORTED_MODULE_24__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])({
-          className: classnames__WEBPACK_IMPORTED_MODULE_9___default()((_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-").concat(type), type), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-disabled"), disabled), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-ellipsis"), rows), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-single-line"), rows === 1 && !isEllipsis), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-ellipsis-single-line"), cssTextOverflow), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(_classNames, "".concat(prefixCls, "-ellipsis-multiple-line"), cssLineClamp), _classNames), className),
-          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"])({}, style), {
-            WebkitLineClamp: cssLineClamp ? rows : undefined
-          }),
-          component: component,
-          ref: _this2.contentRef,
-          direction: direction,
-          onClick: triggerType.indexOf('text') !== -1 ? _this2.onEditClick : function () {}
-        }, textProps), textNode, _this2.renderOperations()));
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$getEditable5 = this.getEditable(),
-          editing = _this$getEditable5.editing;
 
-      if (editing) {
-        return this.renderEditInput();
-      }
+  var renderExpand = function renderExpand() {
+    var expandable = ellipsisConfig.expandable,
+        symbol = ellipsisConfig.symbol;
+    if (!expandable) return null;
+    var expandContent;
 
-      return this.renderContent();
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps) {
-      var children = nextProps.children,
-          editable = nextProps.editable;
-      Object(_util_devWarning__WEBPACK_IMPORTED_MODULE_19__[/* default */ "a"])(!editable || typeof children === 'string', 'Typography', 'When `editable` is enabled, the `children` should use string.');
-      return {};
+    if (symbol) {
+      expandContent = symbol;
+    } else {
+      expandContent = textLocale.expand;
     }
-  }]);
 
-  return Base;
-}(react__WEBPACK_IMPORTED_MODULE_8__["Component"]);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("a", {
+      key: "expand",
+      className: "".concat(prefixCls, "-expand"),
+      onClick: onExpandClick,
+      "aria-label": textLocale.expand
+    }, expandContent);
+  }; // Edit
+
+
+  var renderEdit = function renderEdit() {
+    if (!enableEdit) return;
+    var icon = editConfig.icon,
+        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"], {
+      key: "edit",
+      title: tooltip === false ? '' : editTitle
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_util_transButton__WEBPACK_IMPORTED_MODULE_17__[/* default */ "a"], {
+      ref: editIconRef,
+      className: "".concat(prefixCls, "-edit"),
+      onClick: onEditClick,
+      "aria-label": ariaLabel
+    }, icon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_ant_design_icons_es_icons_EditOutlined__WEBPACK_IMPORTED_MODULE_11__[/* default */ "a"], {
+      role: "button"
+    }))) : null;
+  }; // Copy
+
+
+  var renderCopy = function renderCopy() {
+    if (!enableCopy) return;
+    var tooltips = copyConfig.tooltips,
+        icon = copyConfig.icon;
+    var tooltipNodes = toList(tooltips);
+    var iconNodes = toList(icon);
+    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"], {
+      key: "copy",
+      title: copyTitle
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_util_transButton__WEBPACK_IMPORTED_MODULE_17__[/* default */ "a"], {
+      className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(prefixCls, "-copy"), copied && "".concat(prefixCls, "-copy-success")),
+      onClick: onCopyClick,
+      "aria-label": ariaLabel
+    }, copied ? getNode(iconNodes[1], /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_ant_design_icons_es_icons_CheckOutlined__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"], null), true) : getNode(iconNodes[0], /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_ant_design_icons_es_icons_CopyOutlined__WEBPACK_IMPORTED_MODULE_13__[/* default */ "a"], null), true)));
+  };
+
+  var renderOperations = function renderOperations(renderExpanded) {
+    return [renderExpanded && renderExpand(), renderEdit(), renderCopy()];
+  };
+
+  var renderEllipsis = function renderEllipsis(needEllipsis) {
+    return [needEllipsis && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("span", {
+      "aria-hidden": true,
+      key: "ellipsis"
+    }, ELLIPSIS_STR), ellipsisConfig.suffix, renderOperations(needEllipsis)];
+  };
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](rc_resize_observer__WEBPACK_IMPORTED_MODULE_14__[/* default */ "a"], {
+    onResize: onResize,
+    disabled: !mergedEnableEllipsis || cssEllipsis
+  }, function (resizeRef) {
+    var _classNames;
 
-Base.contextType = _config_provider__WEBPACK_IMPORTED_MODULE_17__[/* ConfigContext */ "b"];
-Base.defaultProps = {
-  children: ''
-};
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_EllipsisTooltip__WEBPACK_IMPORTED_MODULE_25__[/* 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"])({
+      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
+      }),
+      component: component,
+      ref: Object(rc_util_es_ref__WEBPACK_IMPORTED_MODULE_10__[/* composeRef */ "a"])(resizeRef, typographyRef, ref),
+      direction: direction,
+      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"], {
+      enabledMeasure: mergedEnableEllipsis && !cssEllipsis,
+      text: children,
+      rows: rows,
+      width: ellipsisWidth,
+      onEllipsis: onJsEllipsis
+    }, function (node, needEllipsis) {
+      var renderNode = node;
+
+      if (node.length && needEllipsis && topAriaLabel) {
+        renderNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("span", {
+          key: "show-content",
+          "aria-hidden": true
+        }, renderNode);
+      }
+
+      var wrappedContext = wrapperDecorations(props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](react__WEBPACK_IMPORTED_MODULE_4__["Fragment"], null, renderNode, renderEllipsis(needEllipsis)));
+      return wrappedContext;
+    })));
+  });
+});
 /* harmony default export */ __webpack_exports__["a"] = (Base);
 
 /***/ }),
@@ -72826,6 +72985,7 @@ var Editable = function Editable(_ref) {
     onCompositionEnd: onCompositionEnd,
     onBlur: onBlur,
     "aria-label": ariaLabel,
+    rows: 1,
     autoSize: autoSize
   }), enterIcon !== null ? Object(_util_reactNode__WEBPACK_IMPORTED_MODULE_7__[/* cloneElement */ "a"])(enterIcon, {
     className: "".concat(prefixCls, "-edit-content-confirm")
@@ -72850,7 +73010,7 @@ var Editable = function Editable(_ref) {
 /* 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 _util_devWarning__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/devWarning */ "./node_modules/antd/es/_util/devWarning.js");
-/* harmony import */ var _Base__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Base */ "./node_modules/antd/es/typography/Base.js");
+/* harmony import */ var _Base__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Base */ "./node_modules/antd/es/typography/Base/index.js");
 
 
 
@@ -72879,9 +73039,7 @@ var Link = function Link(_a, ref) {
   Object(_util_devWarning__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(ellipsis) !== 'object', 'Typography.Link', '`ellipsis` only supports boolean value.');
   var baseRef = react__WEBPACK_IMPORTED_MODULE_2__["useRef"](null);
   react__WEBPACK_IMPORTED_MODULE_2__["useImperativeHandle"](ref, function () {
-    var _a;
-
-    return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.contentRef.current;
+    return baseRef.current;
   });
 
   var mergedProps = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, restProps), {
@@ -72914,7 +73072,7 @@ var Link = function Link(_a, ref) {
 /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _Base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Base */ "./node_modules/antd/es/typography/Base.js");
+/* harmony import */ var _Base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Base */ "./node_modules/antd/es/typography/Base/index.js");
 
 
 
@@ -72944,7 +73102,7 @@ var Paragraph = function Paragraph(props) {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var rc_util_es_omit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rc-util/es/omit */ "./node_modules/rc-util/es/omit.js");
 /* harmony import */ var _util_devWarning__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/devWarning */ "./node_modules/antd/es/_util/devWarning.js");
-/* harmony import */ var _Base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Base */ "./node_modules/antd/es/typography/Base.js");
+/* harmony import */ var _Base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Base */ "./node_modules/antd/es/typography/Base/index.js");
 
 
 
@@ -73001,7 +73159,7 @@ var Text = function Text(_a) {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _util_devWarning__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/devWarning */ "./node_modules/antd/es/_util/devWarning.js");
-/* harmony import */ var _Base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Base */ "./node_modules/antd/es/typography/Base.js");
+/* harmony import */ var _Base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Base */ "./node_modules/antd/es/typography/Base/index.js");
 /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/type */ "./node_modules/antd/es/_util/type.js");
 
 
@@ -73126,276 +73284,83 @@ var ExportTypography = RefTypography;
 
 /***/ }),
 
-/***/ "./node_modules/antd/es/typography/index.js":
-/*!**************************************************!*\
-  !*** ./node_modules/antd/es/typography/index.js ***!
-  \**************************************************/
+/***/ "./node_modules/antd/es/typography/hooks/useMergedConfig.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/antd/es/typography/hooks/useMergedConfig.js ***!
+  \******************************************************************/
 /*! exports provided: default */
+/*! exports used: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _Typography__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Typography */ "./node_modules/antd/es/typography/Typography.js");
-/* harmony import */ var _Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Text */ "./node_modules/antd/es/typography/Text.js");
-/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Link */ "./node_modules/antd/es/typography/Link.js");
-/* harmony import */ var _Title__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Title */ "./node_modules/antd/es/typography/Title.js");
-/* harmony import */ var _Paragraph__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Paragraph */ "./node_modules/antd/es/typography/Paragraph.js");
-
-
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useMergedConfig; });
+/* harmony import */ var _babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js");
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* 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__);
 
 
 
-var Typography = _Typography__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"];
-Typography.Text = _Text__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"];
-Typography.Link = _Link__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"];
-Typography.Title = _Title__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"];
-Typography.Paragraph = _Paragraph__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"];
-/* unused harmony default export */ var _unused_webpack_default_export = (Typography);
+function useMergedConfig(propConfig, templateConfig) {
+  return react__WEBPACK_IMPORTED_MODULE_2__["useMemo"](function () {
+    var support = !!propConfig;
+    return [support, Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])({}, templateConfig), support && Object(_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(propConfig) === 'object' ? propConfig : null)];
+  }, [propConfig]);
+}
 
 /***/ }),
 
-/***/ "./node_modules/antd/es/typography/util.js":
-/*!*************************************************!*\
-  !*** ./node_modules/antd/es/typography/util.js ***!
-  \*************************************************/
+/***/ "./node_modules/antd/es/typography/hooks/useUpdatedEffect.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/antd/es/typography/hooks/useUpdatedEffect.js ***!
+  \*******************************************************************/
 /*! exports provided: default */
 /*! exports used: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-dom */ "react-dom");
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var rc_util_es_Children_toArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rc-util/es/Children/toArray */ "./node_modules/rc-util/es/Children/toArray.js");
-
-
- // We only handle element & text node.
-
-var ELEMENT_NODE = 1;
-var TEXT_NODE = 3;
-var COMMENT_NODE = 8;
-var ellipsisContainer;
-var wrapperStyle = {
-  padding: 0,
-  margin: 0,
-  display: 'inline',
-  lineHeight: 'inherit'
-};
-
-function styleToString(style) {
-  // There are some different behavior between Firefox & Chrome.
-  // We have to handle this ourself.
-  var styleNames = Array.prototype.slice.apply(style);
-  return styleNames.map(function (name) {
-    return "".concat(name, ": ").concat(style.getPropertyValue(name), ";");
-  }).join('');
-}
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 
-function mergeChildren(children) {
-  var childList = [];
-  children.forEach(function (child) {
-    var prevChild = childList[childList.length - 1];
+/** Similar with `useEffect` but only trigger after mounted */
 
-    if (typeof child === 'string' && typeof prevChild === 'string') {
-      childList[childList.length - 1] += child;
+/* harmony default export */ __webpack_exports__["a"] = (function (callback, conditions) {
+  var mountRef = react__WEBPACK_IMPORTED_MODULE_0__["useRef"](false);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (mountRef.current) {
+      callback();
     } else {
-      childList.push(child);
-    }
-  });
-  return childList;
-}
-
-function resetDomStyles(target, origin) {
-  target.setAttribute('aria-hidden', 'true');
-  var originStyle = window.getComputedStyle(origin);
-  var originCSS = styleToString(originStyle); // Set shadow
-
-  target.setAttribute('style', originCSS);
-  target.style.position = 'fixed';
-  target.style.left = '0';
-  target.style.height = 'auto';
-  target.style.minHeight = 'auto';
-  target.style.maxHeight = 'auto';
-  target.style.paddingTop = '0';
-  target.style.paddingBottom = '0';
-  target.style.borderTopWidth = '0';
-  target.style.borderBottomWidth = '0';
-  target.style.top = '-999999px';
-  target.style.zIndex = '-1000'; // clean up css overflow
-
-  target.style.textOverflow = 'clip';
-  target.style.whiteSpace = 'normal';
-  target.style.webkitLineClamp = 'none';
-}
-
-function getRealLineHeight(originElement) {
-  var heightContainer = document.createElement('div');
-  resetDomStyles(heightContainer, originElement);
-  heightContainer.appendChild(document.createTextNode('text'));
-  document.body.appendChild(heightContainer); // The element real height is always less than multiple of line-height
-  // Use getBoundingClientRect to get actual single row height of the element
-
-  var realHeight = heightContainer.getBoundingClientRect().height;
-  document.body.removeChild(heightContainer);
-  return realHeight;
-}
-
-/* harmony default export */ __webpack_exports__["a"] = (function (originElement, option, content, fixedContent, ellipsisStr) {
-  if (!ellipsisContainer) {
-    ellipsisContainer = document.createElement('div');
-    ellipsisContainer.setAttribute('aria-hidden', 'true');
-  } // HMR will remove this from body which should patch back
-
-
-  if (!ellipsisContainer.parentNode) {
-    document.body.appendChild(ellipsisContainer);
-  }
-
-  var rows = option.rows,
-      _option$suffix = option.suffix,
-      suffix = _option$suffix === void 0 ? '' : _option$suffix;
-  var lineHeight = getRealLineHeight(originElement);
-  var maxHeight = Math.round(lineHeight * rows * 100) / 100;
-  resetDomStyles(ellipsisContainer, originElement); // Render in the fake container
-
-  var contentList = mergeChildren(Object(rc_util_es_Children_toArray__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(content));
-  Object(react_dom__WEBPACK_IMPORTED_MODULE_0__["render"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", {
-    style: wrapperStyle
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("span", {
-    style: wrapperStyle
-  }, contentList, suffix), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("span", {
-    style: wrapperStyle
-  }, fixedContent)), ellipsisContainer); // wrap in an div for old version react
-  // Check if ellipsis in measure div is height enough for content
-
-  function inRange() {
-    var currentHeight = Math.round(ellipsisContainer.getBoundingClientRect().height * 100) / 100;
-    return currentHeight - .1 <= maxHeight; // -.1 for firefox
-  } // Skip ellipsis if already match
-
-
-  if (inRange()) {
-    Object(react_dom__WEBPACK_IMPORTED_MODULE_0__["unmountComponentAtNode"])(ellipsisContainer);
-    return {
-      content: content,
-      text: ellipsisContainer.innerHTML,
-      ellipsis: false
-    };
-  } // We should clone the childNode since they're controlled by React and we can't reuse it without warning
-
-
-  var childNodes = Array.prototype.slice.apply(ellipsisContainer.childNodes[0].childNodes[0].cloneNode(true).childNodes).filter(function (_ref) {
-    var nodeType = _ref.nodeType;
-    return nodeType !== COMMENT_NODE;
-  });
-  var fixedNodes = Array.prototype.slice.apply(ellipsisContainer.childNodes[0].childNodes[1].cloneNode(true).childNodes);
-  Object(react_dom__WEBPACK_IMPORTED_MODULE_0__["unmountComponentAtNode"])(ellipsisContainer); // ========================= Find match ellipsis content =========================
-
-  var ellipsisChildren = [];
-  ellipsisContainer.innerHTML = ''; // Create origin content holder
-
-  var ellipsisContentHolder = document.createElement('span');
-  ellipsisContainer.appendChild(ellipsisContentHolder);
-  var ellipsisTextNode = document.createTextNode(ellipsisStr + suffix);
-  ellipsisContentHolder.appendChild(ellipsisTextNode);
-  fixedNodes.forEach(function (childNode) {
-    ellipsisContainer.appendChild(childNode);
-  }); // Append before fixed nodes
-
-  function appendChildNode(node) {
-    ellipsisContentHolder.insertBefore(node, ellipsisTextNode);
-  } // Get maximum text
-
-
-  function measureText(textNode, fullText) {
-    var startLoc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-    var endLoc = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : fullText.length;
-    var lastSuccessLoc = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-    var midLoc = Math.floor((startLoc + endLoc) / 2);
-    var currentText = fullText.slice(0, midLoc);
-    textNode.textContent = currentText;
-
-    if (startLoc >= endLoc - 1) {
-      // Loop when step is small
-      for (var step = endLoc; step >= startLoc; step -= 1) {
-        var currentStepText = fullText.slice(0, step);
-        textNode.textContent = currentStepText;
-
-        if (inRange() || !currentStepText) {
-          return step === fullText.length ? {
-            finished: false,
-            reactNode: fullText
-          } : {
-            finished: true,
-            reactNode: currentStepText
-          };
-        }
-      }
-    }
-
-    if (inRange()) {
-      return measureText(textNode, fullText, midLoc, endLoc, midLoc);
+      mountRef.current = true;
     }
+  }, conditions);
+});
 
-    return measureText(textNode, fullText, startLoc, midLoc, lastSuccessLoc);
-  }
-
-  function measureNode(childNode, index) {
-    var type = childNode.nodeType;
-
-    if (type === ELEMENT_NODE) {
-      // We don't split element, it will keep if whole element can be displayed.
-      appendChildNode(childNode);
-
-      if (inRange()) {
-        return {
-          finished: false,
-          reactNode: contentList[index]
-        };
-      } // Clean up if can not pull in
-
-
-      ellipsisContentHolder.removeChild(childNode);
-      return {
-        finished: true,
-        reactNode: null
-      };
-    }
+/***/ }),
 
-    if (type === TEXT_NODE) {
-      var fullText = childNode.textContent || '';
-      var textNode = document.createTextNode(fullText);
-      appendChildNode(textNode);
-      return measureText(textNode, fullText);
-    } // Not handle other type of content
-    // PS: This code should not be attached after react 16
+/***/ "./node_modules/antd/es/typography/index.js":
+/*!**************************************************!*\
+  !*** ./node_modules/antd/es/typography/index.js ***!
+  \**************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-    /* istanbul ignore next */
+"use strict";
+/* harmony import */ var _Typography__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Typography */ "./node_modules/antd/es/typography/Typography.js");
+/* harmony import */ var _Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Text */ "./node_modules/antd/es/typography/Text.js");
+/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Link */ "./node_modules/antd/es/typography/Link.js");
+/* harmony import */ var _Title__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Title */ "./node_modules/antd/es/typography/Title.js");
+/* harmony import */ var _Paragraph__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Paragraph */ "./node_modules/antd/es/typography/Paragraph.js");
 
 
-    return {
-      finished: false,
-      reactNode: null
-    };
-  }
 
-  childNodes.some(function (childNode, index) {
-    var _measureNode = measureNode(childNode, index),
-        finished = _measureNode.finished,
-        reactNode = _measureNode.reactNode;
 
-    if (reactNode) {
-      ellipsisChildren.push(reactNode);
-    }
 
-    return finished;
-  });
-  return {
-    content: ellipsisChildren,
-    text: ellipsisContainer.innerHTML,
-    ellipsis: true
-  };
-});
+var Typography = _Typography__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"];
+Typography.Text = _Text__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"];
+Typography.Link = _Link__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"];
+Typography.Title = _Title__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"];
+Typography.Paragraph = _Paragraph__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"];
+/* unused harmony default export */ var _unused_webpack_default_export = (Typography);
 
 /***/ }),
 
@@ -74647,7 +74612,7 @@ function previewImage(file) {
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony default export */ __webpack_exports__["a"] = ('4.18.3');
+/* harmony default export */ __webpack_exports__["a"] = ('4.18.4');
 
 /***/ }),
 
@@ -82936,6 +82901,8 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](fun
   }); // =========================== Select ===========================
 
   var onInternalSelect = Object(_hooks_useRefFunc__WEBPACK_IMPORTED_MODULE_13__[/* default */ "a"])(function (valuePath) {
+    setSearchValue('');
+
     if (!multiple) {
       triggerChange(valuePath);
     } else {
@@ -83247,6 +83214,10 @@ function Column(_ref) {
         if (hoverOpen) {
           triggerOpenPath();
         }
+      },
+      onMouseDown: function onMouseDown(e) {
+        // Prevent selector from blurring
+        e.preventDefault();
       }
     }, multiple && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_Checkbox__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"], {
       prefixCls: "".concat(prefixCls, "-checkbox"),
@@ -106899,7 +106870,8 @@ var Select = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__["forwardRef"](funct
       autoClearSearchValue = _props$autoClearSearc === void 0 ? true : _props$autoClearSearc,
       onSelect = props.onSelect,
       onDeselect = props.onDeselect,
-      dropdownMatchSelectWidth = props.dropdownMatchSelectWidth,
+      _props$dropdownMatchS = props.dropdownMatchSelectWidth,
+      dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS,
       filterOption = props.filterOption,
       filterSort = props.filterSort,
       optionFilterProp = props.optionFilterProp,
@@ -107385,12 +107357,14 @@ var SelectContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createConte
 
 
 
-var _excluded = ["prefixCls", "disabled", "visible", "children", "popupElement", "containerWidth", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "direction", "placement", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "getPopupContainer", "empty", "getTriggerDOMNode", "onPopupVisibleChange", "onPopupMouseEnter", "autoAdjustOverflow"];
+var _excluded = ["prefixCls", "disabled", "visible", "children", "popupElement", "containerWidth", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "direction", "placement", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "getPopupContainer", "empty", "getTriggerDOMNode", "onPopupVisibleChange", "onPopupMouseEnter"];
 
 
 
 
-var getBuiltInPlacements = function getBuiltInPlacements(adjustX) {
+var getBuiltInPlacements = function getBuiltInPlacements(dropdownMatchSelectWidth) {
+  // Enable horizontal overflow auto-adjustment when a custom dropdown width is provided
+  var adjustX = dropdownMatchSelectWidth === true ? 0 : 1;
   return {
     bottomLeft: {
       points: ['tl', 'bl'],
@@ -107427,14 +107401,6 @@ var getBuiltInPlacements = function getBuiltInPlacements(adjustX) {
   };
 };
 
-var getAdjustX = function getAdjustX(adjustXDependencies) {
-  var autoAdjustOverflow = adjustXDependencies.autoAdjustOverflow,
-      dropdownMatchSelectWidth = adjustXDependencies.dropdownMatchSelectWidth;
-  if (!!autoAdjustOverflow) return 1; // Enable horizontal overflow auto-adjustment when a custom dropdown width is provided
-
-  return typeof dropdownMatchSelectWidth !== 'number' ? 0 : 1;
-};
-
 var SelectTrigger = function SelectTrigger(props, ref) {
   var prefixCls = props.prefixCls,
       disabled = props.disabled,
@@ -107449,8 +107415,7 @@ var SelectTrigger = function SelectTrigger(props, ref) {
       _props$direction = props.direction,
       direction = _props$direction === void 0 ? 'ltr' : _props$direction,
       placement = props.placement,
-      _props$dropdownMatchS = props.dropdownMatchSelectWidth,
-      dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS,
+      dropdownMatchSelectWidth = props.dropdownMatchSelectWidth,
       dropdownRender = props.dropdownRender,
       dropdownAlign = props.dropdownAlign,
       getPopupContainer = props.getPopupContainer,
@@ -107458,7 +107423,6 @@ var SelectTrigger = function SelectTrigger(props, ref) {
       getTriggerDOMNode = props.getTriggerDOMNode,
       onPopupVisibleChange = props.onPopupVisibleChange,
       onPopupMouseEnter = props.onPopupMouseEnter,
-      autoAdjustOverflow = props.autoAdjustOverflow,
       restProps = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(props, _excluded);
 
   var dropdownPrefixCls = "".concat(prefixCls, "-dropdown");
@@ -107469,11 +107433,8 @@ var SelectTrigger = function SelectTrigger(props, ref) {
   }
 
   var builtInPlacements = react__WEBPACK_IMPORTED_MODULE_4__["useMemo"](function () {
-    return getBuiltInPlacements(getAdjustX({
-      autoAdjustOverflow: autoAdjustOverflow,
-      dropdownMatchSelectWidth: dropdownMatchSelectWidth
-    }));
-  }, [dropdownMatchSelectWidth, autoAdjustOverflow]); // ===================== Motion ======================
+    return getBuiltInPlacements(dropdownMatchSelectWidth);
+  }, [dropdownMatchSelectWidth]); // ===================== Motion ======================
 
   var mergedTransitionName = animation ? "".concat(dropdownPrefixCls, "-").concat(animation) : transitionName; // ======================= Ref =======================
 
@@ -118025,7 +117986,8 @@ var OptionList = function OptionList(_, ref) {
     switcherIcon: switcherIcon,
     showLine: treeLine,
     loadData: searchValue ? null : loadData,
-    motion: treeMotion // We handle keys by out instead tree self
+    motion: treeMotion,
+    activeKey: activeKey // We handle keys by out instead tree self
     ,
     checkable: checkable,
     checkStrictly: true,
@@ -119585,7 +119547,7 @@ function getMinimumRangeTransitionRange(list, virtual, height, itemHeight) {
 }
 
 function itemKey(item) {
-  var key = item.data.key,
+  var key = item.key,
       pos = item.pos;
   return Object(_utils_treeUtil__WEBPACK_IMPORTED_MODULE_7__[/* getKey */ "f"])(key, pos);
 }
@@ -119801,7 +119763,7 @@ var RefNodeList = function RefNodeList(props, ref) {
     var treeNodeProps = Object(_utils_treeUtil__WEBPACK_IMPORTED_MODULE_7__[/* getTreeNodeProps */ "g"])(mergedKey, treeNodeRequiredProps);
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_MotionTreeNode__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, restProps, treeNodeProps, {
       title: title,
-      active: !!activeItem && key === activeItem.data.key,
+      active: !!activeItem && key === activeItem.key,
       pos: pos,
       data: treeNode.data,
       isStart: isStart,
@@ -120824,6 +120786,33 @@ var Tree = /*#__PURE__*/function (_React$Component) {
   }
 
   Object(_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(Tree, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.onUpdated();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.onUpdated();
+    }
+  }, {
+    key: "onUpdated",
+    value: function onUpdated() {
+      var activeKey = this.props.activeKey;
+
+      if (activeKey !== undefined && activeKey !== this.state.activeKey) {
+        this.setState({
+          activeKey: activeKey
+        });
+
+        if (activeKey !== null) {
+          this.scrollTo({
+            key: activeKey
+          });
+        }
+      }
+    }
+  }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       window.removeEventListener('dragend', this.onWindowDragEnd);
@@ -132552,7 +132541,6 @@ 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()({}, {