@kdcloudjs/kdesign 1.1.2 → 1.2.1

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.1.1
+ *   @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,
@@ -1473,7 +1491,7 @@ function usePopper(locatorElement, popperElement, props) {
       _props$placement = props.placement,
       placement = _props$placement === void 0 ? 'top' : _props$placement,
       _props$gap = props.gap,
-      defalutGap = _props$gap === void 0 ? 4 : _props$gap,
+      defaultGap = _props$gap === void 0 ? 4 : _props$gap,
       _props$scrollHidden = props.scrollHidden,
       scrollHidden = _props$scrollHidden === void 0 ? false : _props$scrollHidden,
       _props$mouseEnterDela = props.mouseEnterDelay,
@@ -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,
@@ -1520,34 +1538,34 @@ function usePopper(locatorElement, popperElement, props) {
     top: 0,
     left: 0
   };
-  var gap = defalutGap + (arrow ? 10 : 0);
+  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, alignPopper);
-  Object(_hooks__WEBPACK_IMPORTED_MODULE_24__["useResizeObserver"])(locatorNode, 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,12 +1826,11 @@ function usePopper(locatorElement, popperElement, props) {
       }
     }
   }, [disabled, exist, onTrigger, visible]);
-  var hidePopper = Object(react__WEBPACK_IMPORTED_MODULE_18__["useCallback"])(function () {
-    setEvType('');
+  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;
 
@@ -1835,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 = {
@@ -1850,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) {
@@ -1874,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) {
@@ -1927,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 = {
@@ -1946,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);
@@ -2766,12 +2787,6 @@ var InternalAnchor = function InternalAnchor(props, ref) {
   var handleVisibleChange = function handleVisibleChange(visible) {
     !isLocked && onVisibleChange && onVisibleChange(visible);
     if (props.visible !== undefined) return;
-
-    if (visible) {
-      setOptionShow(visible);
-      return;
-    }
-
     !isLocked && setOptionShow(visible);
   };
 
@@ -4400,7 +4415,7 @@ var _excluded = ["type", "iconPlace", "children", "className", "prefixCls", "siz
 
 var ButtonTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_9__["tuple"])('second', 'primary', 'ghost', 'text');
 var ButtonSizes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_9__["tuple"])('large', 'middle', 'small');
-var ButtonShapes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_9__["tuple"])('circle', 'round');
+var ButtonShapes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_9__["tuple"])('circle', 'round', 'none');
 var ButtonIconPlaces = Object(_utils_type__WEBPACK_IMPORTED_MODULE_9__["tuple"])('left', 'right');
 var ButtonHTMLTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_9__["tuple"])('submit', 'button', 'reset');
 
@@ -4482,7 +4497,7 @@ var InternalButton = function InternalButton(props, ref) {
 
   var isTextBtn = type === 'text'; // 判断按钮是否文本类型。这些类型下有部分样式不适用
 
-  var btnClasses = classnames__WEBPACK_IMPORTED_MODULE_6___default()(btnPrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-").concat(type), type), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-shape-").concat(shape), shape && !isTextBtn), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-no-border"), !bordered), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-background-ghost"), ghost && !disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-loading"), loading && !isTextBtn), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-block"), block && !shape), _classNames));
+  var btnClasses = classnames__WEBPACK_IMPORTED_MODULE_6___default()(btnPrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-").concat(type), type), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-shape-").concat(shape), shape && !isTextBtn), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-no-border"), !bordered), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-background-ghost"), ghost && !disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-loading"), loading && !isTextBtn), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-block"), block && !shape), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-icon-only"), !children && children !== 0 && icon), _classNames));
   var iconWrapperClassName = "".concat(btnPrefixCls, "-iconWrapper-").concat(iconPlace === 'left' ? 'left' : 'right');
   var iconNode = icon && !loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", {
     className: iconWrapperClassName
@@ -4527,6 +4542,188 @@ Button.displayName = 'Button';
 
 /***/ }),
 
+/***/ "./components/button/group.tsx":
+/*!*************************************!*\
+  !*** ./components/button/group.tsx ***!
+  \*************************************/
+/*! exports provided: ButtonGroupTypes, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ButtonGroupTypes", function() { return ButtonGroupTypes; });
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_2__ = __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_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3__ = __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_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_4__ = __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_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_5__ = __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_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_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_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_8__ = __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_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9__ = __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_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10__ = __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_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_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 _utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
+/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+/* harmony import */ var _utils_react_children__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_utils/react-children */ "./components/_utils/react-children.ts");
+/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
+
+
+
+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_0___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 ButtonGroupTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_18__["tuple"])('basic', 'similar');
+
+var InternalButtonGroup = function InternalButtonGroup(props, ref) {
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_11__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_13__["default"]),
+      getPrefixCls = _useContext.getPrefixCls,
+      prefixCls = _useContext.prefixCls,
+      userDefaultProps = _useContext.compDefaultProps;
+
+  var buttonGoupProps = Object(_utils__WEBPACK_IMPORTED_MODULE_14__["getCompProps"])('ButtonGroup', userDefaultProps, props);
+  var style = buttonGoupProps.style,
+      className = buttonGoupProps.className,
+      children = buttonGoupProps.children,
+      customPrefixcls = buttonGoupProps.prefixCls,
+      onClick = buttonGoupProps.onClick,
+      onItemClick = buttonGoupProps.onItemClick,
+      overlay = buttonGoupProps.overlay,
+      icon = buttonGoupProps.icon,
+      type = buttonGoupProps.type,
+      buttonType = buttonGoupProps.buttonType,
+      disabled = buttonGoupProps.disabled,
+      onVisibleChange = buttonGoupProps.onVisibleChange;
+
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(false),
+      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
+      optionShow = _useState2[0],
+      setOptionShow = _useState2[1]; // 下拉列表是否展示
+
+
+  var refBtnGroup = react__WEBPACK_IMPORTED_MODULE_11___default.a.useRef(null) || ref;
+  var triggerRef = react__WEBPACK_IMPORTED_MODULE_11___default.a.useRef(null);
+  var isBsicType = type === 'basic';
+  var btnGroupPrefixCls = getPrefixCls(prefixCls, 'btn-group', customPrefixcls);
+  var btnGroupClasses = classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(btnGroupPrefixCls), className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(btnGroupPrefixCls, "-").concat(type), type));
+  var renderTriggerButton = Object(react__WEBPACK_IMPORTED_MODULE_11__["useCallback"])(function () {
+    var _toArray = Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_17__["toArray"])(icon),
+        _toArray2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_toArray, 2),
+        _toArray2$ = _toArray2[0],
+        iconUp = _toArray2$ === void 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Icon"], {
+      type: "arrow-up"
+    }) : _toArray2$,
+        _toArray2$2 = _toArray2[1],
+        iconDown = _toArray2$2 === void 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Icon"], {
+      type: "arrow-down"
+    }) : _toArray2$2;
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
+      style: style,
+      className: btnGroupClasses,
+      ref: refBtnGroup
+    }, isBsicType && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Button"], {
+      type: buttonType,
+      disabled: disabled
+    }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
+      className: "".concat(btnGroupPrefixCls, "-basic-icon")
+    }, optionShow ? iconUp : iconDown)), !isBsicType && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Button"], {
+      type: buttonType,
+      disabled: disabled,
+      onClick: onClick
+    }, children), !isBsicType && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
+      className: "".concat(btnGroupPrefixCls, "-trigger"),
+      ref: triggerRef
+    }, optionShow ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Button"], {
+      icon: iconUp,
+      type: buttonType,
+      disabled: disabled
+    }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Button"], {
+      icon: iconDown,
+      type: buttonType,
+      disabled: disabled
+    })));
+  }, [icon, btnGroupPrefixCls, style, btnGroupClasses, refBtnGroup, isBsicType, buttonType, disabled, children, optionShow, onClick]);
+  var handleItemClick = Object(react__WEBPACK_IMPORTED_MODULE_11__["useCallback"])(function (data) {
+    onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(data);
+    setOptionShow(false);
+  }, [onItemClick]);
+  var renderContent = Object(react__WEBPACK_IMPORTED_MODULE_11__["useCallback"])(function () {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
+      className: "".concat(btnGroupPrefixCls, "-dropdown")
+    }, (overlay || []).map(function (item) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
+        key: item.value,
+        className: "".concat(btnGroupPrefixCls, "-dropdown-item"),
+        onClick: function onClick() {
+          return handleItemClick === null || handleItemClick === void 0 ? void 0 : handleItemClick(item);
+        }
+      }, item.label);
+    }));
+  }, [btnGroupPrefixCls, overlay, handleItemClick]);
+
+  var handleVisibleChange = function handleVisibleChange(visible) {
+    setOptionShow(visible);
+    onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(visible);
+  };
+
+  var popperProps = _objectSpread(_objectSpread({
+    placement: 'bottomLeft',
+    trigger: 'click'
+  }, buttonGoupProps), {}, {
+    prefixCls: btnGroupPrefixCls,
+    defaultVisible: optionShow,
+    visible: optionShow,
+    onVisibleChange: handleVisibleChange,
+    getTriggerElement: function getTriggerElement(locatorNode) {
+      return isBsicType ? locatorNode : triggerRef.current;
+    }
+  });
+
+  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_16__["default"])(renderTriggerButton(), renderContent(), popperProps);
+};
+
+var ButtonGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwardRef(InternalButtonGroup);
+ButtonGroup.displayName = 'ButtonGroup';
+/* harmony default export */ __webpack_exports__["default"] = (ButtonGroup);
+
+/***/ }),
+
 /***/ "./components/button/index.tsx":
 /*!*************************************!*\
   !*** ./components/button/index.tsx ***!
@@ -4537,13 +4734,17 @@ Button.displayName = 'Button';
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./button */ "./components/button/button.tsx");
+/* harmony import */ var _group__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./group */ "./components/button/group.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonType", function() { return _button__WEBPACK_IMPORTED_MODULE_0__["ButtonType"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IButtonProps", function() { return _button__WEBPACK_IMPORTED_MODULE_0__["IButtonProps"]; });
 
 
 
-/* harmony default export */ __webpack_exports__["default"] = (_button__WEBPACK_IMPORTED_MODULE_0__["default"]);
+var Button = _button__WEBPACK_IMPORTED_MODULE_0__["default"];
+Button.Dropdown = _group__WEBPACK_IMPORTED_MODULE_1__["default"];
+
+/* harmony default export */ __webpack_exports__["default"] = (Button);
 
 /***/ }),
 
@@ -4899,6 +5100,10 @@ var InternalCarousel = function InternalCarousel(props, ref) {
     if (autoplay) {
       play();
     }
+
+    return function () {
+      autoplayRef.current && clearTimeout(autoplayRef.current);
+    };
   }, [currentIndex, autoplay, intervalTime, play]);
 
   var showDot = function showDot() {
@@ -5742,8 +5947,8 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
     return selected ? false : indeterminate;
   };
 
-  var getDefaultClassName = classnames__WEBPACK_IMPORTED_MODULE_4___default()(className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(size),  true && !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(checkboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-disabled"), disabled), _classNames));
-  var getSquareClassName = classnames__WEBPACK_IMPORTED_MODULE_4___default()(className, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(checkboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-checked"), selected && !disabled), _classNames2));
+  var getDefaultClassName = classnames__WEBPACK_IMPORTED_MODULE_4___default()(className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(size),  true && !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(checkboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "checked", selected), _classNames));
+  var getSquareClassName = classnames__WEBPACK_IMPORTED_MODULE_4___default()(className, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(checkboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-checked"), selected && !disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "checked", selected), _classNames2));
   var getRootClassName = isDefaultType() ? getDefaultClassName : getSquareClassName;
   var inputClassName = classnames__WEBPACK_IMPORTED_MODULE_4___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(checkboxPrefixCls, "-input"), true));
   var checkedWrapperClassName = classnames__WEBPACK_IMPORTED_MODULE_4___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-no-child"), !children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-wrapper"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-wrapper-size"), !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-margin"), !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-checked"), selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-indeterminate"), getIndeterminate()), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-disabled"), disabled && !selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-checked-disabled"), disabled && selected), _classNames4));
@@ -5787,8 +5992,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         ref: ref,
         value: value,
         checked: selected,
-        disabled: disabled,
-        name: name
+        disabled: disabled
       })), children && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
         className: "".concat(checkboxPrefixCls, "-children")
       }, children), !isDefaultType() && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
@@ -7180,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,
@@ -7190,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,
@@ -7260,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();
@@ -7268,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) {
@@ -7319,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", {
@@ -7421,6 +7637,10 @@ var compDefaultProps = {
     size: 'middle',
     bordered: true
   },
+  ButtonGroup: {
+    buttonType: 'primary',
+    type: 'basic'
+  },
   Card: {
     hoverable: false,
     selectable: false
@@ -13379,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");
 
 
 
@@ -13440,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'];
@@ -13464,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,
@@ -13507,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,
@@ -13516,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;
 
@@ -13537,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; // 应该只有可见才能影响
     // 但是这样会有闪烁的问题
@@ -13559,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;
 
@@ -13575,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);
     }
@@ -13604,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) {
@@ -13647,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);
 
@@ -14065,6 +14318,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/uniqueId */ "./node_modules/lodash/uniqueId.js");
+/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2__);
+
 
 
 
@@ -14074,6 +14330,7 @@ function DefaultEmptyImg() {
       prefixCls = _useContext.prefixCls;
 
   var emptyPrefixCls = getPrefixCls(prefixCls, 'empty');
+  var linearGradientId = lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2___default()(emptyPrefixCls + '-default-linearGradient');
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("svg", {
     className: "".concat(emptyPrefixCls, "-image"),
     width: "168px",
@@ -14086,7 +14343,7 @@ function DefaultEmptyImg() {
     y1: "0%",
     x2: "50%",
     y2: "100%",
-    id: "linearGradient-1"
+    id: linearGradientId
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("stop", {
     stopColor: "#D6DCE7",
     offset: "0%"
@@ -14136,7 +14393,7 @@ function DefaultEmptyImg() {
     height: "6"
   })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("g", {
     transform: "translate(108.000000, 40.000000)",
-    fill: "url(#linearGradient-1)",
+    fill: "url(#".concat(linearGradientId, ")"),
     id: "\u80CC\u666F/\u4E91",
     opacity: "0.300000012"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("g", {
@@ -14145,7 +14402,7 @@ function DefaultEmptyImg() {
     d: "M3,39 L3,24 C3,15.7157288 9.71572875,9 18,9 C25.4616776,9 31.6508469,14.4482558 32.8063948,21.5836543 C33.797875,21.2064779 34.8748247,21 36,21 C40.9705627,21 45,25.0294373 45,30 L45,39 L3,39 Z"
   }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("g", {
     transform: "translate(12.000000, 32.000000)",
-    fill: "url(#linearGradient-1)",
+    fill: "url(#".concat(linearGradientId, ")"),
     id: "\u80CC\u666F/\u4E91",
     opacity: "0.300000012"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("g", {
@@ -14268,6 +14525,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/uniqueId */ "./node_modules/lodash/uniqueId.js");
+/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2__);
+
 
 
 
@@ -14277,6 +14537,7 @@ function IllustrationEmptyImg() {
       prefixCls = _useContext.prefixCls;
 
   var emptyPrefixCls = getPrefixCls(prefixCls, 'empty');
+  var linearGradientId = lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2___default()(emptyPrefixCls + '-illus-linearGradient-');
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("svg", {
     className: "".concat(emptyPrefixCls, "-image"),
     width: "200px",
@@ -14295,7 +14556,7 @@ function IllustrationEmptyImg() {
     y1: "0%",
     x2: "50%",
     y2: "100%",
-    id: "linearGradient-3"
+    id: linearGradientId
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("stop", {
     stopColor: "#F2F5FA",
     offset: "0%"
@@ -14308,7 +14569,7 @@ function IllustrationEmptyImg() {
     y1: "0%",
     x2: "50%",
     y2: "100%",
-    id: "linearGradient-4"
+    id: "".concat(linearGradientId, "-1")
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("stop", {
     stopColor: "#F2F5FA",
     offset: "0%"
@@ -14362,7 +14623,7 @@ function IllustrationEmptyImg() {
     transform: "translate(11.428571, 37.050000)"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("g", {
     transform: "translate(34.285714, 34.200000) scale(-1, 1) translate(-34.285714, -34.200000) ",
-    fill: "url(#linearGradient-3)",
+    fill: "url(#".concat(linearGradientId, ")"),
     id: "\u5F62\u72B6\u7ED3\u5408"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
     d: "M4.28571429,55.575 L4.28571429,34.2535714 C4.28571429,22.4188982 13.8796125,12.825 25.7142857,12.825 C36.3598894,12.825 45.1923741,20.587885 46.8597669,30.7616821 C48.2786739,30.2207368 49.8190861,29.925 51.4285714,29.925 C58.5293754,29.925 64.2857143,35.6813389 64.2857143,42.7821429 L64.2857143,55.575 L4.28571429,55.575 Z"
@@ -14371,7 +14632,7 @@ function IllustrationEmptyImg() {
     id: "\u80CC\u666F/\u4E91"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("g", {
     transform: "translate(142.857143, 51.300000)",
-    fill: "url(#linearGradient-4)",
+    fill: "url(#".concat(linearGradientId, "-1)"),
     id: "\u5F62\u72B6\u7ED3\u5408"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
     d: "M17.1428571,8.55 C24.2401777,8.55 30.1286667,13.7256234 31.2399627,20.508509 C32.186033,20.1471098 33.2128549,19.95 34.2857143,19.95 C39.0195836,19.95 42.8571429,23.7875593 42.8571429,28.5214286 L42.8571429,37.05 L31.4281429,37.049 L31.4285714,37.05 L2.85714286,37.05 L2.85714286,22.8357143 C2.85714286,14.9459321 9.253075,8.55 17.1428571,8.55 Z"
@@ -18474,7 +18735,7 @@ var Preview = function Preview(props) {
   }, operations, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["createElement"]("span", {
     onClick: onClose
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["createElement"](_icon__WEBPACK_IMPORTED_MODULE_16__["default"], {
-    type: "close"
+    type: "close-solid"
   }), "\u5173\u95ED"))));
   return /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_12___default.a.createPortal(peviewContainer, document.body);
 };
@@ -21354,7 +21615,7 @@ var Menu = function Menu(props) {
     onMouseEnter: handleMouseEnterMenu
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14__["createElement"]("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
-    className: classnames__WEBPACK_IMPORTED_MODULE_18___default()(prefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-inline"), mode === 'inline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-vertical"), mode !== 'inline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-collapsed"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-").concat(theme === 'light' ? 'light' : 'dark'), true), _classNames)),
+    className: classnames__WEBPACK_IMPORTED_MODULE_18___default()(prefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-inline"), mode === 'inline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-vertical"), mode !== 'inline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-collapsed"), collapsed), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-").concat(theme === 'light' ? 'light' : 'dark'), true), _classNames)),
     role: "menu",
     style: style
   }, mouseEvent), children && renderMenu(), additionalTools);
@@ -23625,8 +23886,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-/* eslint-disable react/jsx-no-comment-textnodes */
-
 
 
 
@@ -23860,9 +24119,11 @@ var Pagination = function Pagination(props) {
     selectedKey: size,
     menu: sizeOptions,
     trigger: "click",
+    placement: "bottomRight",
     disabled: disabled,
+    prefix: "".concat(prefixCls, "-dropdown"),
     popperStyle: {
-      minWidth: 67
+      minWidth: 64
     },
     onItemClick: handleChangeSize,
     getPopupContainer: function getPopupContainer(triggerNode) {
@@ -24012,7 +24273,7 @@ var Pagination = function Pagination(props) {
       menu: sizeOptions,
       disabled: disabled,
       popperStyle: {
-        minWidth: 67
+        minWidth: 64
       },
       onItemClick: handleChangeSize,
       getPopupContainer: function getPopupContainer(triggerNode) {
@@ -25230,14 +25491,29 @@ var InternalRadio = function InternalRadio(props, ref) {
 
   var classString = classnames__WEBPACK_IMPORTED_MODULE_13___default()((_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(radioPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(radioPrefixCls, "-disabled"), radioProps.disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(radioPrefixCls, "-checked"), context ? radioProps.checked : isChecked), _classNames), className); // 单选包裹元素class名称
 
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("label", {
-    className: classString,
-    style: style,
-    ref: mergedRef
-  }, /*#__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);
+  var handleRepeatClick = function handleRepeatClick(e) {
+    var element = e.target;
+
+    if (element.tagName !== 'INPUT') {
+      e.stopPropagation();
+    }
+  };
+
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line
+    react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("label", {
+      className: classString,
+      style: style,
+      ref: mergedRef,
+      onClick: handleRepeatClick
+    }, /*#__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", {
+      className: "".concat(radioPrefixCls, "-text")
+    }, children) : null)
+  );
 };
 
 var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["forwardRef"](InternalRadio);
@@ -26993,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", {
@@ -67384,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":
@@ -101608,6 +101834,45 @@ function toString(value) {
 module.exports = toString;
 
 
+/***/ }),
+
+/***/ "./node_modules/lodash/uniqueId.js":
+/*!*****************************************!*\
+  !*** ./node_modules/lodash/uniqueId.js ***!
+  \*****************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var toString = __webpack_require__(/*! ./toString */ "./node_modules/lodash/toString.js");
+
+/** Used to generate unique IDs. */
+var idCounter = 0;
+
+/**
+ * Generates a unique ID. If `prefix` is given, the ID is appended to it.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Util
+ * @param {string} [prefix=''] The value to prefix the ID with.
+ * @returns {string} Returns the unique ID.
+ * @example
+ *
+ * _.uniqueId('contact_');
+ * // => 'contact_104'
+ *
+ * _.uniqueId();
+ * // => '105'
+ */
+function uniqueId(prefix) {
+  var id = ++idCounter;
+  return toString(prefix) + id;
+}
+
+module.exports = uniqueId;
+
+
 /***/ }),
 
 /***/ "./node_modules/object-assign/index.js":