@kdcloudjs/kdesign 1.2.0 → 1.2.1

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.1.3
+ *   @kdcloudjs/kdesign v1.2.0
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -1307,31 +1307,33 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_split_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 core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_11__ = __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_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_13__ = __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_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_14__ = __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_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.promise.js */ "./node_modules/core-js/modules/es.promise.js");
-/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_15__);
-/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.string.replace.js */ "./node_modules/core-js/modules/es.string.replace.js");
-/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_17__ = __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_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_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 react_dom__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! react-dom */ "react-dom");
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_19__);
-/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
-/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! lodash/debounce */ "./node_modules/lodash/debounce.js");
-/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_21__);
-/* 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 _utils_devwarning__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./hooks */ "./components/_utils/hooks.tsx");
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_12__ = __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_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_14__ = __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_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_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_promise_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.promise.js */ "./node_modules/core-js/modules/es.promise.js");
+/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.string.replace.js */ "./node_modules/core-js/modules/es.string.replace.js");
+/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_18__ = __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_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_19__);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_20__);
+/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
+/* 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 classnames__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_23__);
+/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./hooks */ "./components/_utils/hooks.tsx");
 
 
 
@@ -1362,8 +1364,9 @@ 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 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');
 
 function getTranslate(node, param) {
   var _document$defaultView;
@@ -1433,6 +1436,21 @@ var getOffsetPos = function getOffsetPos(el) {
   return elPos;
 };
 
+var getBorderWidth = function getBorderWidth(el) {
+  var border = {
+    top: 0,
+    left: 0
+  };
+
+  if (el.offsetParent) {
+    var parentBorder = getBorderWidth(el.offsetParent);
+    border.top += parentBorder.top + parseInt(getComputedStyle(el.offsetParent, null).borderTopWidth.slice(0, -2));
+    border.left += parentBorder.left + parseInt(getComputedStyle(el.offsetParent, null).borderTopWidth.slice(0, -2));
+  }
+
+  return border;
+};
+
 var getScrollDist = function getScrollDist(el, container) {
   var elScroll = {
     top: el.scrollTop,
@@ -1492,21 +1510,21 @@ function usePopper(locatorElement, popperElement, props) {
   } : _props$getPopupContai;
   var arrowWidth = Math.sqrt(2 * Math.pow(arrowSize, 2));
   var componentName = (prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.split('-')[1]) || '';
-  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_23__["default"])(Placements.indexOf(placement) === -1, componentName, "cannot found ".concat(componentName, " placement '").concat(placement, "'"));
+  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_24__["default"])(Placements.indexOf(placement) === -1, componentName, "cannot found ".concat(componentName, " placement '").concat(placement, "'"));
   var isWrongTrigger = Array.isArray(trigger) ? trigger.some(function (v) {
     return !Triggers.includes(v);
   }) : Triggers.indexOf(trigger) === -1;
-  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_23__["default"])(isWrongTrigger, componentName, "cannot found ".concat(componentName, " trigger '").concat(trigger, "'"));
-  var locatorEl = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])();
-  var popperEl = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])();
+  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_24__["default"])(isWrongTrigger, componentName, "cannot found ".concat(componentName, " trigger '").concat(trigger, "'"));
+  var locatorEl = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])();
+  var popperEl = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])();
   var locatorRef = locatorElement.ref || locatorEl;
   var popperRef = popperElement.ref || popperEl;
   var container = getPopupContainer(locatorRef.current || document.body);
   Promise.resolve().then(function () {
     var triggerNode = getTriggerElement(locatorRef.current);
     var container = getPopupContainer(locatorRef.current);
-    Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_23__["default"])(!triggerNode, componentName, "getTriggerElement() must return a HTMLElement, but now it does not return anything");
-    Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_23__["default"])(!container, componentName, "getPopupContainer() must return a HTMLElement, but now it does not return anything");
+    Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_24__["default"])(!triggerNode, componentName, "getTriggerElement() must return a HTMLElement, but now it does not return anything");
+    Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_24__["default"])(!container, componentName, "getPopupContainer() must return a HTMLElement, but now it does not return anything");
   });
   var initPos = {
     top: 0,
@@ -1522,32 +1540,32 @@ function usePopper(locatorElement, popperElement, props) {
   };
   var gap = defaultGap + (arrow ? 10 : 0);
 
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(initPos),
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(initPos),
       _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState, 2),
       mousePos = _useState2[0],
       setMousePos = _useState2[1];
 
-  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(initAlign),
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(initAlign),
       _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState3, 2),
       arrowPos = _useState4[0],
       setArrowPos = _useState4[1];
 
-  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(!!props.visible || defaultVisible),
+  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(!!props.visible || defaultVisible),
       _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState5, 2),
       exist = _useState6[0],
       setExist = _useState6[1];
 
-  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(!!props.visible || defaultVisible),
+  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(!!props.visible || defaultVisible),
       _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState7, 2),
       canAlign = _useState8[0],
       setCanAlign = _useState8[1];
 
-  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(false),
+  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(false),
       _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState9, 2),
       visible = _useState10[0],
       setVisible = _useState10[1];
 
-  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     if (props.visible) {
       !exist && setExist(true);
       setCanAlign(true);
@@ -1557,22 +1575,22 @@ function usePopper(locatorElement, popperElement, props) {
     }
   }, [exist, props.visible]);
 
-  var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(''),
+  var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(''),
       _useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState11, 2),
       evType = _useState12[0],
       setEvType = _useState12[1];
 
-  var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(),
+  var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(),
       _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState13, 2),
       align = _useState14[0],
       setAlign = _useState14[1];
 
-  var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(placement),
+  var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(placement),
       _useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState15, 2),
       currentPlacement = _useState16[0],
       setCurrentPlacement = _useState16[1];
 
-  var alignPopper = Object(react__WEBPACK_IMPORTED_MODULE_18__["useCallback"])(function () {
+  var alignPopper = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function () {
     if (locatorRef !== null && locatorRef !== void 0 && locatorRef.current && popperRef !== null && popperRef !== void 0 && popperRef.current) {
       var _popperRef$current$ge = popperRef.current.getBoundingClientRect(),
           popperWidth = _popperRef$current$ge.width,
@@ -1594,21 +1612,25 @@ function usePopper(locatorElement, popperElement, props) {
           locatorTop = _getOffsetPos2.top,
           locatorLeft = _getOffsetPos2.left;
 
-      var _getScrollDist = getScrollDist(locatorRef.current.parentElement, container),
-          scrollTop = _getScrollDist.top,
-          scrollLeft = _getScrollDist.left;
-
       var _getTranslatePos = getTranslatePos(locatorRef.current),
           translateTop = _getTranslatePos.top,
           translateLeft = _getTranslatePos.left;
 
+      var _getBorderWidth = getBorderWidth(locatorRef.current),
+          borderTop = _getBorderWidth.top,
+          borderLeft = _getBorderWidth.left;
+
+      var _getScrollDist = getScrollDist(locatorRef.current.parentElement, container),
+          scrollTop = _getScrollDist.top,
+          scrollLeft = _getScrollDist.left;
+
       var locatorPos = {
         width: width,
         height: height,
-        top: locatorTop + translateTop - containerTop - scrollTop,
-        left: locatorLeft + translateLeft - containerLeft - scrollLeft,
-        right: locatorLeft + translateLeft + width - containerLeft - scrollLeft,
-        bottom: locatorTop + translateTop + height - containerTop - scrollTop
+        top: locatorTop + borderTop + translateTop - containerTop - scrollTop,
+        left: locatorLeft + borderLeft + translateLeft - containerLeft - scrollLeft,
+        right: locatorLeft + borderLeft + translateLeft + width - containerLeft - scrollLeft,
+        bottom: locatorTop + borderTop + translateTop + height - containerTop - scrollTop
       };
       var currentPos = trigger === 'contextMenu' ? mousePos : locatorPos;
       var _currentPlacement = placement;
@@ -1756,7 +1778,7 @@ function usePopper(locatorElement, popperElement, props) {
       setCurrentPlacement(_currentPlacement);
     }
   }, [locatorRef, popperRef, container, trigger, mousePos, placement, gap, arrowOffset, arrowSize, arrowWidth]);
-  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     if (canAlign) {
       alignPopper();
       setCanAlign(false);
@@ -1775,16 +1797,16 @@ function usePopper(locatorElement, popperElement, props) {
   var popperProps = {
     ref: popperRef,
     style: popperContainerStyle,
-    className: classnames__WEBPACK_IMPORTED_MODULE_22___default()(prefixCls, popperClassName, currentPlacement, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default()({
+    className: classnames__WEBPACK_IMPORTED_MODULE_23___default()(prefixCls, popperClassName, currentPlacement, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default()({
       arrow: arrow,
       hidden: !visible
     }, "".concat(currentPlacement, "-active"), visible))
   };
   var popperNode = popperRef.current;
   var locatorNode = locatorRef.current;
-  Object(_hooks__WEBPACK_IMPORTED_MODULE_24__["useResizeObserver"])(popperNode || document.body, alignPopper);
-  Object(_hooks__WEBPACK_IMPORTED_MODULE_24__["useResizeObserver"])(locatorNode || document.body, alignPopper);
-  var showPopper = Object(react__WEBPACK_IMPORTED_MODULE_18__["useCallback"])(function (evType) {
+  Object(_hooks__WEBPACK_IMPORTED_MODULE_25__["useResizeObserver"])(popperNode || document.body, alignPopper);
+  Object(_hooks__WEBPACK_IMPORTED_MODULE_25__["useResizeObserver"])(locatorNode || document.body, alignPopper);
+  var showPopper = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function (evType) {
     if (!disabled) {
       !exist && setExist(true);
       setEvType(evType);
@@ -1804,11 +1826,11 @@ function usePopper(locatorElement, popperElement, props) {
       }
     }
   }, [disabled, exist, onTrigger, visible]);
-  var hidePopper = Object(react__WEBPACK_IMPORTED_MODULE_18__["useCallback"])(function () {
+  var hidePopper = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function () {
     props.visible === undefined && setVisible(false);
     onVisibleChange && onVisibleChange(false);
   }, [onVisibleChange, props.visible]);
-  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     if (exist && visible) {
       var mouseleaveTimer;
 
@@ -1834,7 +1856,7 @@ function usePopper(locatorElement, popperElement, props) {
         }
       };
 
-      var debounceHidePopper = lodash_debounce__WEBPACK_IMPORTED_MODULE_21___default()(handleHidePopper, 10, {
+      var debounceHidePopper = lodash_debounce__WEBPACK_IMPORTED_MODULE_22___default()(handleHidePopper, 10, {
         leading: true
       });
       var mapEvent = {
@@ -1849,9 +1871,9 @@ function usePopper(locatorElement, popperElement, props) {
       };
     }
   }, [currentPlacement, evType, exist, getTriggerElement, hidePopper, locatorRef, mouseLeaveDelay, popperRef, visible]);
-  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     if (visible) {
-      var scrollAlign = lodash_debounce__WEBPACK_IMPORTED_MODULE_21___default()(function (e) {
+      var scrollAlign = lodash_debounce__WEBPACK_IMPORTED_MODULE_22___default()(function (e) {
         var isPopperScroll = e.target === popperRef.current || popperRef.current.contains(e.target);
 
         if (scrollHidden && !isPopperScroll) {
@@ -1873,7 +1895,7 @@ function usePopper(locatorElement, popperElement, props) {
       };
     }
   }, [alignPopper, exist, onVisibleChange, popperNode, props.visible, scrollHidden, locatorNode, visible, popperRef]);
-  react__WEBPACK_IMPORTED_MODULE_18___default.a.useEffect(function () {
+  react__WEBPACK_IMPORTED_MODULE_19___default.a.useEffect(function () {
     var triggerNode = getTriggerElement(locatorRef.current);
 
     if (triggerNode) {
@@ -1926,7 +1948,7 @@ function usePopper(locatorElement, popperElement, props) {
         }
       };
 
-      var debounceShowPopper = lodash_debounce__WEBPACK_IMPORTED_MODULE_21___default()(handleShowPopper, 10, {
+      var debounceShowPopper = lodash_debounce__WEBPACK_IMPORTED_MODULE_22___default()(handleShowPopper, 10, {
         leading: true
       });
       var mapEvent = {
@@ -1945,11 +1967,11 @@ function usePopper(locatorElement, popperElement, props) {
       };
     }
   }, [getTriggerElement, hidePopper, locatorRef, mouseEnterDelay, mousePos, showPopper, trigger, visible]);
-  var Locator = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_18__["cloneElement"])(locatorElement, {
+  var Locator = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_19__["cloneElement"])(locatorElement, {
     ref: locatorRef
   });
-  var Popper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", popperProps, popperElement);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_18___default.a.Fragment, null, Locator, exist && container && /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_19___default.a.createPortal(Popper, container));
+  var Popper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", popperProps, popperElement);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, Locator, exist && container && /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_20___default.a.createPortal(Popper, container));
 }
 
 /* harmony default export */ __webpack_exports__["default"] = (usePopper);
@@ -7362,7 +7384,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var Panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.forwardRef(function (props, ref) {
-  var _classNames5, _classNames6, _classNames7;
+  var _classNames6, _classNames7, _classNames8;
 
   var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2___default.a.useContext(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_4__["default"]),
       getPrefixCls = _React$useContext.getPrefixCls,
@@ -7372,6 +7394,7 @@ var Panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.forwardRef
   var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_5__["getCompProps"])('CollapsePanel', userDefaultProps, props),
       disabled = _getCompProps.disabled,
       extra = _getCompProps.extra,
+      assist = _getCompProps.assist,
       header = _getCompProps.header,
       onChange = _getCompProps.onChange,
       panelKey = _getCompProps.panelKey,
@@ -7442,6 +7465,17 @@ var Panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.forwardRef
     }, renderReactNode(extra)), expandIconPosition === 'right' ? renderIcon() : null);
   };
 
+  var renderMiddle = function renderMiddle() {
+    var _classNames5;
+
+    var className = classnames__WEBPACK_IMPORTED_MODULE_3___default()((_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames5, "".concat(panelPrefixCls, "-middle"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames5, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames5));
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
+      className: className
+    }, assist && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
+      className: "".concat(panelPrefixCls, "-assist")
+    }, renderReactNode(assist)), expandIconPosition === 'right' ? renderIcon() : null);
+  };
+
   var renderReactNode = function renderReactNode(reactNode) {
     if (typeof reactNode === 'function') {
       return reactNode();
@@ -7450,9 +7484,9 @@ var Panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.forwardRef
     return reactNode;
   };
 
-  var rootClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()(className, (_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames5, "".concat(panelPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames5, "".concat(panelPrefixCls, "-border"), bordered), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames5, "".concat(panelPrefixCls, "-opened"), expand), _classNames5));
-  var topClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()((_classNames6 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames6, "".concat(panelPrefixCls, "-top"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames6, "".concat(panelPrefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames6, "".concat(panelPrefixCls, "-top-border"), bordered && expand), _classNames6));
-  var childrenClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()((_classNames7 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames7, "".concat(panelPrefixCls, "-children"), expand), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames7, "".concat(panelPrefixCls, "-children-hide"), !expand), _classNames7));
+  var rootClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()(className, (_classNames6 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames6, "".concat(panelPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames6, "".concat(panelPrefixCls, "-border"), bordered), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames6, "".concat(panelPrefixCls, "-opened"), expand), _classNames6));
+  var topClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()((_classNames7 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames7, "".concat(panelPrefixCls, "-top"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames7, "".concat(panelPrefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames7, "".concat(panelPrefixCls, "-top-border"), bordered && expand), _classNames7));
+  var childrenClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()((_classNames8 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames8, "".concat(panelPrefixCls, "-children"), expand), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames8, "".concat(panelPrefixCls, "-children-hide"), !expand), _classNames8));
   var childrenBorderedClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(panelPrefixCls, "-children-bordered"), bordered));
 
   var runExpandAnimation = function runExpandAnimation(element) {
@@ -7501,7 +7535,7 @@ var Panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.forwardRef
     ref: panelPrefixClsRef
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
     className: topClassName
-  }, renderLeft(), renderRight()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
+  }, renderLeft(), renderMiddle(), renderRight()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
     className: childrenClassName,
     ref: childrenRef
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
@@ -13565,41 +13599,39 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_string_ends_with_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.string.ends-with.js */ "./node_modules/core-js/modules/es.string.ends-with.js");
-/* harmony import */ var core_js_modules_es_string_ends_with_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_ends_with_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_4__ = __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_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_5__ = __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_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_6__ = __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_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/* 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_object_keys_js__WEBPACK_IMPORTED_MODULE_9__ = __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_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_10__ = __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_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_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_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_13__ = __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_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-dom */ "react-dom");
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_18__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
-/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
-/* harmony import */ var _utils_react_children__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../_utils/react-children */ "./components/_utils/react-children.ts");
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_3__ = __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_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__ = __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_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_5__ = __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_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_8__ = __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_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_9__ = __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_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__ = __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_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_12__ = __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_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
+/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
+/* harmony import */ var _utils_react_children__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../_utils/react-children */ "./components/_utils/react-children.ts");
 
 
 
@@ -13626,11 +13658,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
-
  // import { usePrevious } from '../_utils/hooks'
 
 
-var PlacementTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_17__["tuple"])('top', 'right', 'bottom', 'left');
+var PlacementTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_16__["tuple"])('top', 'right', 'bottom', 'left');
 var relativePostionTypes = ['relative', 'absolute', 'fixed'];
 var horizontalPlacements = ['left', 'right'];
 var verticalPlacements = ['top', 'bottom'];
@@ -13650,29 +13681,30 @@ var verticalPlacements = ['top', 'bottom'];
 // type DrawerMapTypeByPlacementAndContainer = WeakMap<HTMLElement, PlacementMap<placementSizeMap>>
 // const drawersMap: DrawerMapTypeByPlacementAndContainer = new WeakMap()
 
-var documentBody = document.body;
-
-function transformSize(size, placement) {
-  if (typeof size === 'string') {
-    // 只考虑px 或者 %
-    Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_21__["default"])(!(size.endsWith('px') && size.endsWith('%')), 'drawer', "cannot calculate drawer size: width | height for '".concat(size, "' besides px or %"));
-    if (placement === 'right' || placement === 'bottom') return size || 0;
-    return size ? '-' + size : 0;
-  }
-
-  if (placement === 'right' || placement === 'bottom') return (size || 0) + 'px';
-  return ('-' + size || false) + 'px';
-}
+var documentBody = document.body; // function transformSize(size: string | number, placement: string) {
+//   if (typeof size === 'string') {
+//     // 只考虑px 或者 %
+//     devWarning(
+//       !(size.endsWith('px') && size.endsWith('%')),
+//       'drawer',
+//       `cannot calculate drawer size: width | height for '${size}' besides px or %`,
+//     )
+//     if (placement === 'right' || placement === 'bottom') return size || 0
+//     return size ? '-' + size : 0
+//   }
+//   if (placement === 'right' || placement === 'bottom') return (size || 0) + 'px'
+//   return ('-' + size || 0) + 'px'
+// }
 
 var InternalDrawer = function InternalDrawer(props, ref) {
   var _classNames, _classNames2;
 
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_14__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_19__["default"]),
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_13__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_18__["default"]),
       getPrefixCls = _useContext.getPrefixCls,
       prefixCls = _useContext.prefixCls,
       userDefaultProps = _useContext.compDefaultProps;
 
-  var drawerProps = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getCompProps"])('Drawer', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
+  var drawerProps = Object(_utils__WEBPACK_IMPORTED_MODULE_19__["getCompProps"])('Drawer', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
 
   var className = drawerProps.className,
       closable = drawerProps.closable,
@@ -13693,6 +13725,7 @@ var InternalDrawer = function InternalDrawer(props, ref) {
       footerClassName = drawerProps.footerClassName,
       visible = drawerProps.visible,
       width = drawerProps.width,
+      height = drawerProps.height,
       headerStyle = drawerProps.headerStyle,
       headerClassName = drawerProps.headerClassName,
       zindex = drawerProps.zIndex,
@@ -13702,20 +13735,21 @@ var InternalDrawer = function InternalDrawer(props, ref) {
       customPrefixcls = drawerProps.prefixCls;
   var drawerPrefixCls = getPrefixCls(prefixCls, 'drawer', customPrefixcls);
 
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_14__["useState"])(false),
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_13__["useState"])(false),
       _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2),
       showChildren = _useState2[0],
       setShowChildren = _useState2[1];
 
-  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_14__["useState"])(width),
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_13__["useState"])(width),
       _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState3, 2),
       currentWidth = _useState4[0],
       setCurrentWidth = _useState4[1]; // const previousWidthRef = usePrevious(currentWidth)
   // const previousHeightRef = usePrevious(currentHeight)
 
 
-  var containerRef = ref || /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_14__["createRef"])();
-  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_21__["default"])(PlacementTypes.indexOf(placement) === -1, 'drawer', "cannot found drawer type '".concat(placement, "'"));
+  var containerRef = ref || /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_13__["createRef"])();
+  var contentRef = Object(react__WEBPACK_IMPORTED_MODULE_13__["useRef"])(null);
+  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_20__["default"])(PlacementTypes.indexOf(placement) === -1, 'drawer', "cannot found drawer type '".concat(placement, "'"));
   var drawerContainer = typeof getContainer === 'function' ? getContainer() : getContainer;
   var isAtOriginalPlace = drawerContainer === false;
 
@@ -13723,17 +13757,17 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     try {
       drawerContainer = document.querySelector(drawerContainer);
     } catch (error) {
-      Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_21__["default"])(true, 'drawer', 'getContainer"s returnValue/value is not a correct CSSSelector');
+      Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_20__["default"])(true, 'drawer', 'getContainer"s returnValue/value is not a correct CSSSelector');
     }
 
     drawerContainer = documentBody;
   }
 
   var isBody = !drawerContainer && !isAtOriginalPlace || drawerContainer === document.body;
-  Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_13__["useEffect"])(function () {
     setShowChildren(!!forceRender);
   }, [forceRender]);
-  Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_13__["useEffect"])(function () {
     var node = null;
     var portalNode = containerRef.current; // 应该只有可见才能影响
     // 但是这样会有闪烁的问题
@@ -13745,10 +13779,10 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     }
 
     if (node && !relativePostionTypes.includes(window.getComputedStyle(node).position)) {
-      Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_21__["default"])(true, 'drawer', 'getContainer"s returnValue/value is not a relative/absolute/fixed positioned DOM');
+      Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_20__["default"])(true, 'drawer', 'getContainer"s returnValue/value is not a relative/absolute/fixed positioned DOM');
     }
   }, [drawerContainer, isBody, isAtOriginalPlace, containerRef]);
-  var handleContainerResize = Object(react__WEBPACK_IMPORTED_MODULE_14__["useCallback"])(function (_ref) {
+  var handleContainerResize = Object(react__WEBPACK_IMPORTED_MODULE_13__["useCallback"])(function (_ref) {
     var containerWidth = _ref.width;
     if (!visible && width === currentWidth) return;
 
@@ -13761,27 +13795,27 @@ var InternalDrawer = function InternalDrawer(props, ref) {
       setCurrentWidth(width);
     }
   }, [width, visible, currentWidth]);
-  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_22__["useResizeObserver"])(function () {
+  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_21__["useResizeObserver"])(function () {
     var _containerRef$current;
 
     return drawerContainer || ((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.parentNode);
   }, handleContainerResize);
-  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_22__["useHideDocumentScrollBar"])(!!visible, isBody, !!mask); // 为了单测
+  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_21__["useHideDocumentScrollBar"])(!!visible, isBody, !!mask); // 为了单测
 
-  Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_13__["useEffect"])(function () {
     setCurrentWidth(width);
   }, [width]);
-  var closeDrawer = Object(react__WEBPACK_IMPORTED_MODULE_14__["useCallback"])(function () {
+  var closeDrawer = Object(react__WEBPACK_IMPORTED_MODULE_13__["useCallback"])(function () {
     onClose && onClose();
     destroyOnClose && setShowChildren(false);
   }, [onClose, destroyOnClose]);
-  var escapeToCloseModal = Object(react__WEBPACK_IMPORTED_MODULE_14__["useCallback"])(function (evt) {
+  var escapeToCloseModal = Object(react__WEBPACK_IMPORTED_MODULE_13__["useCallback"])(function (evt) {
     // In Internet Explorer 9 and Firefox 36 and earlier, the Esc key returns "Esc" instead of "Escape"
     if (['Escape', 'Esc'].includes(evt.key)) {
       closeDrawer();
     }
   }, [closeDrawer]);
-  Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_13__["useEffect"])(function () {
     if (keyboard) {
       document.body.addEventListener('keydown', escapeToCloseModal);
     }
@@ -13790,39 +13824,72 @@ var InternalDrawer = function InternalDrawer(props, ref) {
       document.body.removeEventListener('keydown', escapeToCloseModal);
     };
   }, [keyboard, closeDrawer, escapeToCloseModal]);
-  var handleMaskClick = Object(react__WEBPACK_IMPORTED_MODULE_14__["useCallback"])(function () {
+  var handleMaskClick = Object(react__WEBPACK_IMPORTED_MODULE_13__["useCallback"])(function () {
     if (maskClosable) {
       closeDrawer();
     }
   }, [maskClosable, closeDrawer]);
-  var drawerClasses = classnames__WEBPACK_IMPORTED_MODULE_18___default()(drawerPrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(drawerPrefixCls, "-hide"), !visible), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(drawerPrefixCls, "-active"), visible), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(drawerPrefixCls, "-not-at-body"), !isBody), _classNames));
+  var getHorizontalBoolAndPlacementName = Object(react__WEBPACK_IMPORTED_MODULE_13__["useCallback"])(function () {
+    var isHorizontal = placement === 'left' || placement === 'right';
+    var placementName = "translate".concat(isHorizontal ? 'X' : 'Y');
+    return {
+      isHorizontal: isHorizontal,
+      placementName: placementName
+    };
+  }, [placement]);
+  var setDraerTransform = Object(react__WEBPACK_IMPORTED_MODULE_13__["useCallback"])(function (_isOpen, _placementName, _value) {
+    if (!contentRef.current) return;
+    contentRef.current.style.transform = '';
+  }, [contentRef]);
+  Object(react__WEBPACK_IMPORTED_MODULE_13__["useEffect"])(function () {
+    var _getHorizontalBoolAnd = getHorizontalBoolAndPlacementName(),
+        isHorizontal = _getHorizontalBoolAnd.isHorizontal,
+        placementName = _getHorizontalBoolAnd.placementName;
+
+    var contentValue = contentRef.current ? contentRef.current.getBoundingClientRect()[isHorizontal ? 'width' : 'height'] : 0;
+    var value = (isHorizontal ? width : height) || contentValue;
+
+    if (visible) {
+      setDraerTransform(visible, placementName, value);
+    }
+  }, [contentRef, getHorizontalBoolAndPlacementName, height, setDraerTransform, visible, width]);
+  var drawerClasses = classnames__WEBPACK_IMPORTED_MODULE_17___default()(drawerPrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(drawerPrefixCls, "-hide"), !visible), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(drawerPrefixCls, "-active"), visible), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(drawerPrefixCls, "-not-at-body"), !isBody), _classNames));
   var headerClass = "".concat(drawerPrefixCls, "-header");
 
+  var _getHorizontalBoolAnd2 = getHorizontalBoolAndPlacementName(),
+      placementName = _getHorizontalBoolAnd2.placementName;
+
+  var placementPos = placement === 'left' || placement === 'top' ? '-100%' : '100%';
+  var transform = visible ? '' : "".concat(placementName, "(").concat(placementPos, ")");
+
   var containerStyle = _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, placement, 0), horizontalPlacements.includes(placement) ? {
-    width: currentWidth,
-    transform: "translateX(".concat(visible ? 0 : transformSize(currentWidth, placement), ")")
-  } : {});
-
-  var container = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_18___default()((_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(drawerPrefixCls, "-container-box"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(drawerPrefixCls, "-has-container-box"), drawerContainer), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(drawerPrefixCls, "-container-").concat(placement), true), _classNames2)),
-    style: containerStyle
-  }, (title || closable) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_18___default()(headerClass, headerClassName),
+    width: width,
+    transform: transform
+  } : {
+    transform: transform
+  });
+
+  var container = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_17___default()((_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(drawerPrefixCls, "-container-box"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(drawerPrefixCls, "-has-container-box"), drawerContainer), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(drawerPrefixCls, "-container-").concat(placement), true), _classNames2)),
+    style: containerStyle,
+    ref: contentRef
+  }, (title || closable) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_17___default()(headerClass, headerClassName),
     style: headerStyle
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_18___default()("".concat(drawerPrefixCls, "-title"), titleClassName),
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_17___default()("".concat(drawerPrefixCls, "-title"), titleClassName),
     style: titleStyle
-  }, title), closable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", {
+  }, title), closable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
     className: "".concat(drawerPrefixCls, "-close-icon"),
     onClick: function onClick() {
       return closeDrawer();
     }
-  }, closeIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Icon"], {
+  }, closeIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_14__["Icon"], {
     type: "close"
-  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", {
+  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
     className: "".concat(drawerPrefixCls, "-body")
-  }, (showChildren || visible) && Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_23__["toArray"])(children)), footer && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_18___default()("".concat(drawerPrefixCls, "-footer"), footerClassName),
+  }, (showChildren || visible) && Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_22__["toArray"])(children)), footer && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_17___default()("".concat(drawerPrefixCls, "-footer"), footerClassName),
     style: footerStyle
   }, footer));
   var opposition = !mask && PlacementTypes.includes(placement) ? horizontalPlacements.includes(placement) ? horizontalPlacements.filter(function (p) {
@@ -13833,24 +13900,24 @@ var InternalDrawer = function InternalDrawer(props, ref) {
   var noneMaskStyle = !mask ? {
     width: containerStyle.width
   } : {};
-  var comp = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", {
+  var comp = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
     className: drawerClasses,
     style: _objectSpread(_objectSpread({
       zIndex: zindex || 'auto'
     }, noneMaskStyle), opposition ? _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, opposition, 'unset') : {}),
     ref: containerRef
-  }, mask && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", {
+  }, mask && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
     onClick: handleMaskClick,
-    className: classnames__WEBPACK_IMPORTED_MODULE_18___default()("".concat(drawerPrefixCls, "-mask"), maskClassName),
+    className: classnames__WEBPACK_IMPORTED_MODULE_17___default()("".concat(drawerPrefixCls, "-mask"), maskClassName),
     style: maskStyle
   }), container);
-  if (drawerContainer instanceof HTMLElement) return /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_16___default.a.createPortal(comp, drawerContainer);else if (drawerContainer !== false) {
-    return /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_16___default.a.createPortal(comp, documentBody);
+  if (drawerContainer instanceof HTMLElement) return /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_15___default.a.createPortal(comp, drawerContainer);else if (drawerContainer !== false) {
+    return /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_15___default.a.createPortal(comp, documentBody);
   }
   return comp;
 };
 
-var Drawer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.forwardRef(InternalDrawer);
+var Drawer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.forwardRef(InternalDrawer);
 Drawer.displayName = 'Drawer';
 /* harmony default export */ __webpack_exports__["default"] = (Drawer);
 
@@ -25443,7 +25510,9 @@ var InternalRadio = function InternalRadio(props, ref) {
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("input", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_7___default()({
       type: "radio",
       className: "".concat(radioPrefixCls, "-input")
-    }, radioProps)), children !== undefined ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("span", null, children) : null)
+    }, radioProps)), children !== undefined ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("span", {
+      className: "".concat(radioPrefixCls, "-text")
+    }, children) : null)
   );
 };
 
@@ -27200,7 +27269,7 @@ var InternalOption = function InternalOption(props, ref) {
 
   var titleText = _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default()(children) !== 'object' ? children : null;
   var checkStyle = {
-    height: '30px',
+    height: '22px',
     background: 'none'
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_12___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
@@ -67591,56 +67660,6 @@ collection('Set', function (init) {
 }, collectionStrong);
 
 
-/***/ }),
-
-/***/ "./node_modules/core-js/modules/es.string.ends-with.js":
-/*!*************************************************************!*\
-  !*** ./node_modules/core-js/modules/es.string.ends-with.js ***!
-  \*************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(/*! ../internals/export */ "./node_modules/core-js/internals/export.js");
-var uncurryThis = __webpack_require__(/*! ../internals/function-uncurry-this */ "./node_modules/core-js/internals/function-uncurry-this.js");
-var getOwnPropertyDescriptor = __webpack_require__(/*! ../internals/object-get-own-property-descriptor */ "./node_modules/core-js/internals/object-get-own-property-descriptor.js").f;
-var toLength = __webpack_require__(/*! ../internals/to-length */ "./node_modules/core-js/internals/to-length.js");
-var toString = __webpack_require__(/*! ../internals/to-string */ "./node_modules/core-js/internals/to-string.js");
-var notARegExp = __webpack_require__(/*! ../internals/not-a-regexp */ "./node_modules/core-js/internals/not-a-regexp.js");
-var requireObjectCoercible = __webpack_require__(/*! ../internals/require-object-coercible */ "./node_modules/core-js/internals/require-object-coercible.js");
-var correctIsRegExpLogic = __webpack_require__(/*! ../internals/correct-is-regexp-logic */ "./node_modules/core-js/internals/correct-is-regexp-logic.js");
-var IS_PURE = __webpack_require__(/*! ../internals/is-pure */ "./node_modules/core-js/internals/is-pure.js");
-
-// eslint-disable-next-line es/no-string-prototype-endswith -- safe
-var un$EndsWith = uncurryThis(''.endsWith);
-var slice = uncurryThis(''.slice);
-var min = Math.min;
-
-var CORRECT_IS_REGEXP_LOGIC = correctIsRegExpLogic('endsWith');
-// https://github.com/zloirock/core-js/pull/702
-var MDN_POLYFILL_BUG = !IS_PURE && !CORRECT_IS_REGEXP_LOGIC && !!function () {
-  var descriptor = getOwnPropertyDescriptor(String.prototype, 'endsWith');
-  return descriptor && !descriptor.writable;
-}();
-
-// `String.prototype.endsWith` method
-// https://tc39.es/ecma262/#sec-string.prototype.endswith
-$({ target: 'String', proto: true, forced: !MDN_POLYFILL_BUG && !CORRECT_IS_REGEXP_LOGIC }, {
-  endsWith: function endsWith(searchString /* , endPosition = @length */) {
-    var that = toString(requireObjectCoercible(this));
-    notARegExp(searchString);
-    var endPosition = arguments.length > 1 ? arguments[1] : undefined;
-    var len = that.length;
-    var end = endPosition === undefined ? len : min(toLength(endPosition), len);
-    var search = toString(searchString);
-    return un$EndsWith
-      ? un$EndsWith(that, search, end)
-      : slice(that, end - search.length, end) === search;
-  }
-});
-
-
 /***/ }),
 
 /***/ "./node_modules/core-js/modules/es.string.fixed.js":