@kdcloudjs/kdesign 1.8.53-stable.2 → 1.8.53-stable.4

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.8.53-stable.1
+ *   @kdcloudjs/kdesign v1.8.53-stable.3
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -8305,7 +8305,8 @@ var InternalSelect = function InternalSelect(props, ref) {
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps,
     locale = _useContext.locale,
-    direction = _useContext.direction;
+    direction = _useContext.direction,
+    isMobile = _useContext.isMobile;
   var selectProps = Object(_utils__WEBPACK_IMPORTED_MODULE_27__["getCompProps"])('CityPicker', userDefaultProps, props);
   var cityPickerLangMsg = locale.getCompLangMsg({
     componentName: 'CityPicker'
@@ -8504,13 +8505,18 @@ var InternalSelect = function InternalSelect(props, ref) {
     }));
   };
   var handleOption = function handleOption(city) {
-    var _searchRef$current;
     handleVisibleChange(false);
     if (!city.type) {
       city.type = tabsValue === 'domestic' ? 'domestic' : 'foreign';
     }
     (city === null || city === void 0 ? void 0 : city.id) !== initValue && (onChange === null || onChange === void 0 ? void 0 : onChange(city === null || city === void 0 ? void 0 : city.id, city));
-    (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.focus();
+    if (isMobile) {
+      var _searchRef$current;
+      (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.blur();
+    } else {
+      var _searchRef$current2;
+      (_searchRef$current2 = searchRef.current) === null || _searchRef$current2 === void 0 ? void 0 : _searchRef$current2.focus();
+    }
     setAfterChangeFocus(true);
     if (typeof value === 'undefined') {
       setSeletedCity(city);
@@ -8748,8 +8754,8 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: selectionCls,
       tabIndex: disabled ? -1 : 0,
       onFocus: function onFocus() {
-        var _searchRef$current2;
-        return (_searchRef$current2 = searchRef.current) === null || _searchRef$current2 === void 0 ? void 0 : _searchRef$current2.focus();
+        var _searchRef$current3;
+        return (_searchRef$current3 = searchRef.current) === null || _searchRef$current3 === void 0 ? void 0 : _searchRef$current3.focus();
       },
       onKeyDown: onInternalKeyDown
     }, renderSingle()));
@@ -28968,7 +28974,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*************************************!*\
   !*** ./components/popper/index.tsx ***!
   \*************************************/
-/*! exports provided: Placements, Triggers, popperPlacementMap, Popper, default */
+/*! exports provided: Placements, Triggers, popperPlacementMap, closestPolyfill, Popper, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -28976,6 +28982,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Placements", function() { return Placements; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Triggers", function() { return Triggers; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "popperPlacementMap", function() { return popperPlacementMap; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "closestPolyfill", function() { return closestPolyfill; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Popper", function() { return Popper; });
 /* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
 /* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
@@ -28997,35 +29004,37 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_8__);
 /* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
 /* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.object.values.js */ "./node_modules/core-js/modules/es.object.values.js");
-/* harmony import */ var core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.string.starts-with.js */ "./node_modules/core-js/modules/es.string.starts-with.js");
-/* harmony import */ var core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");
-/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_15__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__);
-/* harmony import */ var _popperjs_core__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @popperjs/core */ "./node_modules/@popperjs/core/lib/index.js");
-/* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js");
-/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_21__);
-/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! lodash/debounce */ "./node_modules/lodash/debounce.js");
-/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_22__);
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! react-dom */ "react-dom");
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_23__);
-/* harmony import */ var _utils_reactNode__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../_utils/reactNode */ "./components/_utils/reactNode.ts");
-/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
-/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
-/* harmony import */ var _utils_useId__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../_utils/useId */ "./components/_utils/useId.ts");
+/* harmony import */ var core_js_modules_es_string_trim_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.string.trim.js */ "./node_modules/core-js/modules/es.string.trim.js");
+/* harmony import */ var core_js_modules_es_string_trim_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_trim_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.object.values.js */ "./node_modules/core-js/modules/es.object.values.js");
+/* harmony import */ var core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.string.starts-with.js */ "./node_modules/core-js/modules/es.string.starts-with.js");
+/* harmony import */ var core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var _popperjs_core__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @popperjs/core */ "./node_modules/@popperjs/core/lib/index.js");
+/* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js");
+/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_22__);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! lodash/debounce */ "./node_modules/lodash/debounce.js");
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_23__);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_24___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_24__);
+/* harmony import */ var _utils_reactNode__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../_utils/reactNode */ "./components/_utils/reactNode.ts");
+/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
+/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
+/* harmony import */ var _utils_useId__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../_utils/useId */ "./components/_utils/useId.ts");
 
 
 
@@ -29056,10 +29065,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
-var Placements = Object(_utils_type__WEBPACK_IMPORTED_MODULE_20__["tuple"])('top', 'left', 'right', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom');
-var Triggers = Object(_utils_type__WEBPACK_IMPORTED_MODULE_20__["tuple"])('hover', 'focus', 'click', 'contextMenu');
-var useEnhancedEffect = typeof window !== 'undefined' ? react__WEBPACK_IMPORTED_MODULE_17___default.a.useLayoutEffect : react__WEBPACK_IMPORTED_MODULE_17___default.a.useEffect;
-var TriggerContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createContext(null);
+
+var Placements = Object(_utils_type__WEBPACK_IMPORTED_MODULE_21__["tuple"])('top', 'left', 'right', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom');
+var Triggers = Object(_utils_type__WEBPACK_IMPORTED_MODULE_21__["tuple"])('hover', 'focus', 'click', 'contextMenu');
+var useEnhancedEffect = typeof window !== 'undefined' ? react__WEBPACK_IMPORTED_MODULE_18___default.a.useLayoutEffect : react__WEBPACK_IMPORTED_MODULE_18___default.a.useEffect;
+var TriggerContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createContext(null);
 var generateGetBoundingClientRect = function generateGetBoundingClientRect() {
   var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -29127,9 +29137,69 @@ var getRealDom = function getRealDom(locatorRef) {
 var getElement = function getElement(element) {
   return typeof element === 'function' ? element() : element;
 };
-var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_17__["forwardRef"])(function (props, ref) {
+
+/**
+ * 兼容IE8及以上的closest替代方法
+ * @param {element} element DOM元素
+ * @param {selector} string 选择器字符串
+ * @returns DOM元素
+ */
+function closestPolyfill(element, selector) {
+  // 处理IE8及以下不支持element.matches的情况
+  var matchesSelector = function matchesSelector(el, sel) {
+    if (el.matches) {
+      return el.matches(sel);
+    }
+    if (el.msMatchesSelector) {
+      return el.msMatchesSelector(sel);
+    }
+    if (el.webkitMatchesSelector) {
+      return el.webkitMatchesSelector(sel);
+    }
+
+    // 针对IE8的降级处理
+    var doc = el.document || el.ownerDocument;
+    if (!doc) return null;
+    var temp = doc.createElement('div');
+    var selectors = sel.split(',');
+    var matched = false;
+
+    // 尝试为每个选择器创建临时元素进行匹配
+    for (var i = 0; i < selectors.length; i++) {
+      var _selector = selectors[i].trim();
+      try {
+        // 使用选择器匹配元素
+        if (doc.querySelector) {
+          var test = doc.querySelector(_selector);
+          if (test) {
+            // 检查元素是否与选择器匹配
+            temp.innerHTML = '';
+            temp.appendChild(el.cloneNode(false));
+            matched = temp.querySelector(_selector) !== null;
+            if (matched) break;
+          }
+        }
+      } catch (e) {
+        // 处理选择器不支持的情况
+        continue;
+      }
+    }
+    return matched;
+  };
+  var el = element;
+  // IE8及以下使用parentNode而非parentElement
+  while (el && el.nodeType === 1) {
+    if (matchesSelector(el, selector)) {
+      return el;
+    }
+    // 兼容IE8的parentElement
+    el = el.parentElement || el.parentNode;
+  }
+  return null;
+}
+var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_18__["forwardRef"])(function (props, ref) {
   var _referenceElement$pro;
-  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_17___default.a.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_25__["ConfigContext"]),
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_18___default.a.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_26__["ConfigContext"]),
     getPrefixCls = _React$useContext.getPrefixCls,
     pkgPrefixCls = _React$useContext.prefixCls,
     direction = _React$useContext.direction;
@@ -29191,9 +29261,9 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_17__["forwardRef
   var rtlCls = direction === 'rtl' ? "".concat(popperPrefixCls, "-rtl") : null;
   var referencePrefixCls = "".concat(popperPrefixCls, "-reference");
   var child = getElement(children);
-  var childrenInner = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_17__["isValidElement"])(child) && !Object(_utils_reactNode__WEBPACK_IMPORTED_MODULE_24__["isFragment"])(child) ? child : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("span", null, child);
+  var childrenInner = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_18__["isValidElement"])(child) && !Object(_utils_reactNode__WEBPACK_IMPORTED_MODULE_25__["isFragment"])(child) ? child : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("span", null, child);
   var popperElement = getElement(tip);
-  var referenceElement = react__WEBPACK_IMPORTED_MODULE_17__["Children"].only(childrenInner);
+  var referenceElement = react__WEBPACK_IMPORTED_MODULE_18__["Children"].only(childrenInner);
   var arrowOffsetInner = arrowSize + arrowOffset;
   var getArrowOffset = function getArrowOffset(popperSize, referenceSize, arr) {
     var boundary = arrowOffsetInner * 2;
@@ -29214,10 +29284,10 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_17__["forwardRef
     }
     return offset;
   };
-  var id = Object(_utils_useId__WEBPACK_IMPORTED_MODULE_27__["default"])();
-  var parentContext = Object(react__WEBPACK_IMPORTED_MODULE_17__["useContext"])(TriggerContext);
-  var subPopupRefs = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])({});
-  var context = react__WEBPACK_IMPORTED_MODULE_17___default.a.useMemo(function () {
+  var id = Object(_utils_useId__WEBPACK_IMPORTED_MODULE_28__["default"])();
+  var parentContext = Object(react__WEBPACK_IMPORTED_MODULE_18__["useContext"])(TriggerContext);
+  var subPopupRefs = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])({});
+  var context = react__WEBPACK_IMPORTED_MODULE_18___default.a.useMemo(function () {
     return {
       registerSubPopup: function registerSubPopup(id, subPopupEle) {
         subPopupRefs.current[id] = subPopupEle;
@@ -29225,30 +29295,30 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_17__["forwardRef
       }
     };
   }, [parentContext]);
-  var popperRefDom = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(null);
-  var popperRefInner = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(null);
+  var popperRefDom = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])(null);
+  var popperRefInner = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])(null);
   var popperRef = ref || popperRefInner;
-  var popperInstance = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(null);
-  var referenceRefInner = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(null);
-  var onVisibleChangeRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(onVisibleChange);
+  var popperInstance = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])(null);
+  var referenceRefInner = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])(null);
+  var onVisibleChangeRef = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])(onVisibleChange);
   var referenceRef = (referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.ref) || referenceRefInner;
   var container = getPopupContainer(getRealDom(referenceRef, referenceElement) || document.body) || document.body;
-  var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_26__["useMergedState"])(false, {
+  var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_27__["useMergedState"])(false, {
       value: visible,
       defaultValue: defaultVisible
     }),
     _useMergedState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useMergedState, 2),
     visibleInner = _useMergedState2[0],
     setVisibleInner = _useMergedState2[1];
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])(visibleInner),
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(visibleInner),
     _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState, 2),
     exist = _useState2[0],
     setExist = _useState2[1];
-  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])(getRealPlacement(placement)),
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(getRealPlacement(placement)),
     _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState3, 2),
     placementInner = _useState4[0],
     setPlacementInner = _useState4[1];
-  var delayRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(null);
+  var delayRef = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])(null);
   var clearDelay = function clearDelay() {
     if (delayRef.current) {
       clearTimeout(delayRef.current);
@@ -29312,7 +29382,7 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_17__["forwardRef
     var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
     triggerOpen(nextOpen, triggerType, delay);
   };
-  var onClick = lodash_debounce__WEBPACK_IMPORTED_MODULE_22___default()(function () {
+  var onClick = lodash_debounce__WEBPACK_IMPORTED_MODULE_23___default()(function () {
     if (!visibleInner) {
       onTriggerInner(true, 'click');
     } else if (clickToClose) {
@@ -29382,14 +29452,14 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_17__["forwardRef
       }
     }, 10);
   };
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     onVisibleChangeRef.current = onVisibleChange;
   }, [onVisibleChange]);
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     setPlacementInner(getRealPlacement(placement));
   }, [placement]);
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
-    var scrollHandle = lodash_debounce__WEBPACK_IMPORTED_MODULE_22___default()(function (e) {
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
+    var scrollHandle = lodash_debounce__WEBPACK_IMPORTED_MODULE_23___default()(function (e) {
       if (visibleInner) {
         var _popperRefDom$current, _popperRefDom$current2;
         var isPopper = e.target === popperRefDom.current || ((_popperRefDom$current = popperRefDom.current) === null || _popperRefDom$current === void 0 ? void 0 : (_popperRefDom$current2 = _popperRefDom$current.contains) === null || _popperRefDom$current2 === void 0 ? void 0 : _popperRefDom$current2.call(_popperRefDom$current, e.target));
@@ -29405,8 +29475,8 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_17__["forwardRef
       document.removeEventListener('scroll', scrollHandle, true);
     };
   }, [visibleInner, scrollHidden, popperRefDom]);
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
-    var clickHandle = lodash_debounce__WEBPACK_IMPORTED_MODULE_22___default()(function (e) {
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
+    var clickHandle = lodash_debounce__WEBPACK_IMPORTED_MODULE_23___default()(function (e) {
       if (visibleInner) {
         var _popperRefDom$current3, _popperRefDom$current4, _domReference$contain;
         var isPopper = popperRefDom.current ? popperRefDom.current === e.target || ((_popperRefDom$current3 = (_popperRefDom$current4 = popperRefDom.current).contains) === null || _popperRefDom$current3 === void 0 ? void 0 : _popperRefDom$current3.call(_popperRefDom$current4, e.target)) : false;
@@ -29435,7 +29505,7 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_17__["forwardRef
       document.removeEventListener('click', clickHandle, true);
     };
   }, [visibleInner, clickToClose, referenceRef, popperRefDom]);
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     var realDom = getRealDom(referenceRef, referenceElement);
     var triggerNode = getTriggerElement(realDom);
     triggerEventHandle(triggerNode);
@@ -29443,7 +29513,7 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_17__["forwardRef
       triggerEventHandle(triggerNode, 'removeEventListener');
     };
   }, [getTriggerElement, visibleInner, referenceElement, referenceRef, trigger]);
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useImperativeHandle"])(popperRef, function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useImperativeHandle"])(popperRef, function () {
     return {
       dom: popperRefDom.current,
       triggerOpen: triggerOpen,
@@ -29546,14 +29616,14 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_17__["forwardRef
       }
     }
   }, [visibleInner, placementInner, arrow]);
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     if (!popperRefDom.current) return;
     var lastSize = {
       width: popperRefDom.current.offsetWidth,
       height: popperRefDom.current.offsetHeight
     };
     var dimensionToObserve = placementInner.startsWith('top') || placementInner.startsWith('bottom') ? 'height' : 'width';
-    var resizeObserver = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_19__["default"](function (entries) {
+    var resizeObserver = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_20__["default"](function (entries) {
       entries.forEach(function (entry) {
         var _entry$contentRect = entry.contentRect,
           width = _entry$contentRect.width,
@@ -29580,7 +29650,8 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_17__["forwardRef
     }
     var current = getRealDom(referenceRef, referenceElement);
     if (current) {
-      popperInstance.current = Object(_popperjs_core__WEBPACK_IMPORTED_MODULE_18__["createPopper"])(trigger === 'contextMenu' ? virtualElement : (current === null || current === void 0 ? void 0 : current.closest(".".concat(referencePrefixCls))) || current, popperRefDom.current, popperOptionsInner);
+      var referenceEl = trigger === 'contextMenu' ? virtualElement : closestPolyfill(current, ".".concat(referencePrefixCls)) || current;
+      popperInstance.current = Object(_popperjs_core__WEBPACK_IMPORTED_MODULE_19__["createPopper"])(referenceEl, popperRefDom.current, popperOptionsInner);
       registerSubPopup();
     }
     return function () {
@@ -29595,12 +29666,12 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_17__["forwardRef
   var popperContainerProps = {
     ref: popperRefDom,
     style: _objectSpread(_objectSpread({}, arrow ? arrowStyle : {}), popperOuterStyle),
-    className: classnames__WEBPACK_IMPORTED_MODULE_21___default()(popperPrefixCls, rtlCls, {
+    className: classnames__WEBPACK_IMPORTED_MODULE_22___default()(popperPrefixCls, rtlCls, {
       hidden: !visibleInner
     }, popperOuterClassName)
   };
   var popperProps = {
-    className: classnames__WEBPACK_IMPORTED_MODULE_21___default()(["".concat(popperPrefixCls, "-").concat(placementInner)], _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4___default()({}, "".concat(popperPrefixCls, "-").concat(placementInner, "-out"), !visibleInner), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4___default()({}, "".concat(popperPrefixCls, "-").concat(placementInner, "-in"), visibleInner), prefixCls, popperClassName, className),
+    className: classnames__WEBPACK_IMPORTED_MODULE_22___default()(["".concat(popperPrefixCls, "-").concat(placementInner)], _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4___default()({}, "".concat(popperPrefixCls, "-").concat(placementInner, "-out"), !visibleInner), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4___default()({}, "".concat(popperPrefixCls, "-").concat(placementInner, "-in"), visibleInner), prefixCls, popperClassName, className),
     style: _objectSpread(_objectSpread({}, popperStyle), style),
     onMouseOver: trigger === 'hover' ? function () {
       return onTriggerInner(true, 'hover', mouseEnterDelay);
@@ -29613,14 +29684,14 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_17__["forwardRef
   };
   var referenceProps = {
     ref: referenceRef,
-    className: classnames__WEBPACK_IMPORTED_MODULE_21___default()(referencePrefixCls, referenceElement === null || referenceElement === void 0 ? void 0 : (_referenceElement$pro = referenceElement.props) === null || _referenceElement$pro === void 0 ? void 0 : _referenceElement$pro.className)
+    className: classnames__WEBPACK_IMPORTED_MODULE_22___default()(referencePrefixCls, referenceElement === null || referenceElement === void 0 ? void 0 : (_referenceElement$pro = referenceElement.props) === null || _referenceElement$pro === void 0 ? void 0 : _referenceElement$pro.className)
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.cloneElement(referenceElement, referenceProps), exist && container && /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_23___default.a.createPortal( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(TriggerContext.Provider, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_18___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.cloneElement(referenceElement, referenceProps), exist && container && /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_24___default.a.createPortal( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(TriggerContext.Provider, {
     value: context
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("div", popperContainerProps, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_3___default()({}, popperProps, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", popperContainerProps, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_3___default()({}, popperProps, {
     dir: direction === 'rtl' ? 'auto' : undefined
-  }), popperElement, arrow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_21___default()('arrow', {
+  }), popperElement, arrow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_22___default()('arrow', {
       transparent: backgroundTransparent
     }),
     "data-popper-arrow": ""
@@ -38399,19 +38470,22 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
 /* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./context */ "./components/tabs/context.tsx");
-/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./context */ "./components/tabs/context.tsx");
+/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
+
 
 
 
@@ -38423,18 +38497,18 @@ __webpack_require__.r(__webpack_exports__);
 
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 
 
 
 
-var TabPaneTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_14__["tuple"])('line', 'card', 'grid', 'dynamic');
+var TabPaneTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_15__["tuple"])('line', 'card', 'grid', 'dynamic');
 var TabPane = function TabPane(props) {
   var _classNames, _classNames2;
-  var context = Object(react__WEBPACK_IMPORTED_MODULE_10__["useContext"])(_context__WEBPACK_IMPORTED_MODULE_13__["default"]);
-  var tabPaneRef = Object(react__WEBPACK_IMPORTED_MODULE_10__["useRef"])(null);
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_10__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_12__["default"]),
+  var context = Object(react__WEBPACK_IMPORTED_MODULE_11__["useContext"])(_context__WEBPACK_IMPORTED_MODULE_14__["default"]);
+  var tabPaneRef = Object(react__WEBPACK_IMPORTED_MODULE_11__["useRef"])(null);
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_11__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_13__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     isMobile = _useContext.isMobile;
@@ -38443,6 +38517,7 @@ var TabPane = function TabPane(props) {
     className = props.className,
     disabled = props.disabled,
     operations = props.operations,
+    customTitleProps = props.customTitleProps,
     onChange = props.onChange;
   var tabPaneProps = _objectSpread({}, props);
   if (context) {
@@ -38453,14 +38528,14 @@ var TabPane = function TabPane(props) {
     tabPaneProps.disabled = context.disabled || disabled;
   }
   var tabPanePrefixCls = getPrefixCls(prefixCls, 'tab-pane');
-  var tabPaneBoxClasses = classnames__WEBPACK_IMPORTED_MODULE_11___default()(tabPanePrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames, "".concat(tabPanePrefixCls, "-box-active"), String(tabPaneProps.activeKey) === String(id) && !tabPaneProps.disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames, "".concat(tabPanePrefixCls, "-type-dynamic-notMobile"), !isMobile), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames, "".concat(tabPanePrefixCls, "-type-").concat(tabPaneProps.type), tabPaneProps.type), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames, "".concat(tabPanePrefixCls, "-").concat(tabPaneProps.position), tabPaneProps.position), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames, "".concat(tabPanePrefixCls, "-").concat(tabPaneProps.size), tabPaneProps.size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames, "".concat(tabPanePrefixCls, "-disabled"), tabPaneProps.disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames, "".concat(tabPanePrefixCls, "-notMobile"), !isMobile), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames, "".concat(tabPanePrefixCls, "-isMobile"), isMobile), _classNames));
-  var tabPaneTextClasses = classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(tabPanePrefixCls, "-text"), (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames2, "".concat(tabPanePrefixCls, "-text-active"), String(tabPaneProps.activeKey) === String(id) && !tabPaneProps.disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames2, "".concat(tabPanePrefixCls, "-text-disabled"), tabPaneProps.disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames2, "".concat(tabPanePrefixCls, "-text-notMobile"), !isMobile), _classNames2));
-  var operationsClasses = classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(tabPanePrefixCls, "-operations"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(tabPanePrefixCls, "-operations-active"), String(tabPaneProps.activeKey) === String(id) && !tabPaneProps.disabled));
+  var tabPaneBoxClasses = classnames__WEBPACK_IMPORTED_MODULE_12___default()(tabPanePrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(tabPanePrefixCls, "-box-active"), String(tabPaneProps.activeKey) === String(id) && !tabPaneProps.disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(tabPanePrefixCls, "-type-dynamic-notMobile"), !isMobile), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(tabPanePrefixCls, "-type-").concat(tabPaneProps.type), tabPaneProps.type), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(tabPanePrefixCls, "-").concat(tabPaneProps.position), tabPaneProps.position), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(tabPanePrefixCls, "-").concat(tabPaneProps.size), tabPaneProps.size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(tabPanePrefixCls, "-disabled"), tabPaneProps.disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(tabPanePrefixCls, "-notMobile"), !isMobile), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(tabPanePrefixCls, "-isMobile"), isMobile), _classNames));
+  var tabPaneTextClasses = classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(tabPanePrefixCls, "-text"), (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames2, "".concat(tabPanePrefixCls, "-text-active"), String(tabPaneProps.activeKey) === String(id) && !tabPaneProps.disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames2, "".concat(tabPanePrefixCls, "-text-disabled"), tabPaneProps.disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames2, "".concat(tabPanePrefixCls, "-text-notMobile"), !isMobile), _classNames2));
+  var operationsClasses = classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(tabPanePrefixCls, "-operations"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(tabPanePrefixCls, "-operations-active"), String(tabPaneProps.activeKey) === String(id) && !tabPaneProps.disabled));
   var handleClick = function handleClick(e) {
     if (tabPaneProps.disabled) return;
     onChange && onChange(id, e);
   };
-  Object(react__WEBPACK_IMPORTED_MODULE_10__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_11__["useEffect"])(function () {
     if (String(tabPaneProps.activeKey) === String(id)) {
       var _tabPaneRef$current, _tabPaneRef$current2;
       context === null || context === void 0 ? void 0 : context.getActiveLinePosition(((_tabPaneRef$current = tabPaneRef.current) === null || _tabPaneRef$current === void 0 ? void 0 : _tabPaneRef$current.offsetLeft) || 0, ((_tabPaneRef$current2 = tabPaneRef.current) === null || _tabPaneRef$current2 === void 0 ? void 0 : _tabPaneRef$current2.offsetWidth) || 0);
@@ -38472,7 +38547,7 @@ var TabPane = function TabPane(props) {
       var event = function event() {
         op.props.onClick && op.props.onClick(id);
       };
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("span", {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
         key: index,
         onClick: event
       }, op);
@@ -38484,22 +38559,22 @@ var TabPane = function TabPane(props) {
     context === null || context === void 0 ? void 0 : context.getTriggerKey(id);
   };
   if (tabPaneProps.type !== 'dynamic') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("span", {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
       ref: tabPaneRef,
       className: tabPaneBoxClasses,
       onClick: handleClick
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("span", {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_7___default()({
       className: tabPaneTextClasses
-    }, tab));
+    }, customTitleProps), tab));
   }
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("span", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
     className: tabPaneBoxClasses,
     onContextMenu: handleContextMenu
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("span", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_7___default()({
     ref: tabPaneRef,
     className: tabPaneTextClasses,
     onClick: handleClick
-  }, tab), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("span", {
+  }, customTitleProps), tab), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
     className: operationsClasses
   }, renderOperations()));
 };