@kdcloudjs/kdesign 1.3.0 → 1.3.3

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.2.3
+ *   @kdcloudjs/kdesign v1.3.2
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -4704,7 +4704,8 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
 
   var popperProps = _objectSpread(_objectSpread({
     placement: 'bottomLeft',
-    trigger: 'click'
+    trigger: 'click',
+    gap: 0
   }, buttonGoupProps), {}, {
     prefixCls: btnGroupPrefixCls,
     defaultVisible: optionShow,
@@ -5497,12 +5498,12 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************************!*\
   !*** ./components/cascader/cascader.tsx ***!
   \******************************************/
-/*! exports provided: PopupPlacement, default */
+/*! exports provided: CascaderPlacement, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PopupPlacement", function() { return PopupPlacement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CascaderPlacement", function() { return CascaderPlacement; });
 /* 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_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
@@ -5576,7 +5577,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
-var PopupPlacement = Object(_utils_type__WEBPACK_IMPORTED_MODULE_18__["tuple"])('topLeft', 'topRight', 'bottomLeft', 'bottomRight');
+var CascaderPlacement = Object(_utils_type__WEBPACK_IMPORTED_MODULE_18__["tuple"])('topLeft', 'topRight', 'bottomLeft', 'bottomRight');
 var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__["forwardRef"](function (props, ref) {
   var _React$useContext = react__WEBPACK_IMPORTED_MODULE_16__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_20__["ConfigContext"]),
       getPrefixCls = _React$useContext.getPrefixCls,
@@ -5601,6 +5602,7 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__["forwardRef"](fu
       getPopupContainer = allProps.getPopupContainer,
       defaultPopupVisible = allProps.defaultPopupVisible,
       onPopupVisibleChange = allProps.onPopupVisibleChange,
+      onPopperVisibleChange = allProps.onPopperVisibleChange,
       customPrefixcls = allProps.prefixCls; // className前缀
 
   var prefixCls = getPrefixCls(pkgPrefixCls, 'cascader', customPrefixcls);
@@ -5608,14 +5610,14 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__["forwardRef"](fu
   var triggerRef = react__WEBPACK_IMPORTED_MODULE_16__["useRef"]();
   var mergeRef = ref || pickerRef;
 
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_16__["useState"](!!props.popupVisible || defaultPopupVisible),
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_16__["useState"](!!props.popperVisible || !!props.popupVisible || defaultPopupVisible),
       _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_React$useState, 2),
       visible = _React$useState2[0],
       setVisible = _React$useState2[1];
 
   react__WEBPACK_IMPORTED_MODULE_16__["useEffect"](function () {
-    setVisible(!!props.popupVisible);
-  }, [props.popupVisible]);
+    setVisible(!!props.popperVisible || !!props.popupVisible);
+  }, [props.popperVisible, props.popupVisible]);
 
   var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_16__["useState"]([options]),
       _React$useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_React$useState3, 2),
@@ -5758,6 +5760,7 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__["forwardRef"](fu
   var onVisibleChange = function onVisibleChange(visible) {
     setVisible(visible);
     onPopupVisibleChange && onPopupVisibleChange(visible);
+    onPopperVisibleChange && onPopperVisibleChange(visible);
     visible && setSelectedOptions(currentOptions.slice(0));
   };
 
@@ -5810,8 +5813,8 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__["forwardRef"](fu
     trigger: 'click',
     getPopupContainer: getPopupContainer,
     prefixCls: "".concat(prefixCls, "-menus"),
-    placement: allProps.popupPlacement,
-    popperClassName: allProps.popupClassName,
+    placement: allProps.popperPlacement || allProps.popupPlacement,
+    popperClassName: allProps.popperClassName || allProps.popupClassName,
     getTriggerElement: function getTriggerElement() {
       return triggerRef.current;
     }
@@ -5828,13 +5831,13 @@ Cascader.displayName = 'Cascader';
 /*!***************************************!*\
   !*** ./components/cascader/index.tsx ***!
   \***************************************/
-/*! exports provided: PopupPlacement, default */
+/*! exports provided: CascaderPlacement, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _cascader__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cascader */ "./components/cascader/cascader.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupPlacement", function() { return _cascader__WEBPACK_IMPORTED_MODULE_0__["PopupPlacement"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CascaderPlacement", function() { return _cascader__WEBPACK_IMPORTED_MODULE_0__["CascaderPlacement"]; });
 
 
 
@@ -5943,11 +5946,12 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
     return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_9___default()(checked) ? checked : defaultChecked;
   };
 
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_4___default.a.useState(getChecked()),
-      _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState, 2),
-      selected = _React$useState2[0],
-      setSelected = _React$useState2[1];
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(getChecked()),
+      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
+      selected = _useState2[0],
+      setSelected = _useState2[1];
 
+  var labelRef = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])(null);
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_11__["default"])(CheckboxTypes.indexOf(checkboxType) === -1, 'checkbox', "cannot found checkbox type '".concat(checkboxType, "'"));
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_11__["default"])(CheckboxSizes.indexOf(size) === -1, 'checkbox', "cannot found size type '".concat(size, "'"));
   var checkboxPrefixCls = getPrefixCls(prefixCls, 'checkbox', customPrefixcls);
@@ -5974,14 +5978,21 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   Object(react__WEBPACK_IMPORTED_MODULE_4__["useEffect"])(function () {
     lodash_isBoolean__WEBPACK_IMPORTED_MODULE_9___default()(checked) && checked !== selected && setSelected(checked);
   }, [checked, selected]);
+  Object(react__WEBPACK_IMPORTED_MODULE_4__["useEffect"])(function () {
+    var handleRepeatClick = function handleRepeatClick(e) {
+      var element = e.target;
 
-  var handleRepeatClick = function handleRepeatClick(e) {
-    var element = e.target;
+      if (element.tagName !== 'INPUT') {
+        e.stopPropagation();
+      }
+    };
 
-    if (element.tagName !== 'INPUT') {
-      e.stopPropagation();
-    }
-  };
+    labelRef.current.addEventListener('click', handleRepeatClick);
+    return function () {
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      labelRef.current.removeEventListener('click', handleRepeatClick);
+    };
+  }, []);
 
   var getDefaultCheckbox = function getDefaultCheckbox() {
     return (
@@ -5990,7 +6001,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
       react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("label", {
         className: getRootClassName,
         style: style,
-        onClick: handleRepeatClick
+        ref: labelRef
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", {
         className: checkedWrapperClassName
       }, selected && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", {
@@ -7766,8 +7777,7 @@ var compDefaultProps = {
     borderType: 'underline',
     mode: 'single',
     defaultOpen: false,
-    showArrow: true,
-    showSearch: false
+    showArrow: true
   },
   Image: {
     preview: true
@@ -15857,18 +15867,18 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
 /* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7__ = __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_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_8__ = __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_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_9__ = __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_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_10__ = __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_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_11__ = __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_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_12__ = __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_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_12__);
+/* 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_array_concat_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_12__ = __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_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_12__);
 /* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_13__ = __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_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_13__);
 /* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
@@ -15940,8 +15950,28 @@ var generateEventHandler = function generateEventHandler(handler, validateTrigge
   return eventHandler;
 };
 
+var INNER_VALUE_PROPS_LIST = [{
+  name: 'Radio',
+  propName: 'checked'
+}, {
+  name: 'Checkbox',
+  propName: 'checked'
+}, {
+  name: 'Switch',
+  propName: 'checked'
+}, {
+  name: 'Upload',
+  propName: 'fileList'
+}, {
+  name: 'Transfer',
+  propName: 'targetKey'
+}, {
+  name: 'RangePicker',
+  propName: 'ranges'
+}];
+
 var Field = function Field(props) {
-  var _classnames;
+  var _childrenNode, _childrenNode$type, _classnames;
 
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_22__["default"])(! /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_15___default.a.isValidElement(props.children), 'Form.Item', 'Children of Form.Item is not a valid element');
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_22__["default"])(!props.name, 'Form.Item', 'Form.Item must have a name');
@@ -15985,8 +16015,29 @@ var Field = function Field(props) {
       wrapperWidth = props.wrapperWidth,
       validateTrigger = props.validateTrigger,
       defaultValue = props.defaultValue,
-      _props$valuePropName = props.valuePropName,
-      valuePropName = _props$valuePropName === void 0 ? 'value' : _props$valuePropName;
+      valuePropName = props.valuePropName;
+  var childrenNode = null;
+  var innerValuePropName = 'value';
+  var childrenArray = Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_23__["toArray"])(children);
+
+  if (childrenArray.length) {
+    Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_22__["default"])(childrenArray.length > 1, 'Form.Item', 'Form.Item must have only child');
+    childrenNode = childrenArray[0];
+  }
+
+  var innerDisplayName = (_childrenNode = childrenNode) === null || _childrenNode === void 0 ? void 0 : (_childrenNode$type = _childrenNode.type) === null || _childrenNode$type === void 0 ? void 0 : _childrenNode$type.displayName;
+
+  if (valuePropName !== undefined) {
+    innerValuePropName = valuePropName;
+  } else if (innerDisplayName) {
+    var filter = INNER_VALUE_PROPS_LIST.filter(function (item) {
+      return innerDisplayName === item.name;
+    });
+
+    if (filter.length) {
+      innerValuePropName = filter[0].propName;
+    }
+  }
 
   var onStoreChange = function onStoreChange(stores, _namePathList, source) {
     var prev = stores.prev,
@@ -16061,10 +16112,10 @@ var Field = function Field(props) {
   var getInputValueFormProp = function getInputValueFormProp(evt) {
     var inputValue;
 
-    if (Object.prototype.hasOwnProperty.call(evt, 'target') && FormEventValuePropNames.includes(valuePropName)) {
+    if (Object.prototype.hasOwnProperty.call(evt, 'target') && FormEventValuePropNames.includes(innerValuePropName)) {
       var _evt$target;
 
-      inputValue = (_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target[valuePropName];
+      inputValue = (_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target[innerValuePropName];
     } else {
       inputValue = evt;
     }
@@ -16102,7 +16153,7 @@ var Field = function Field(props) {
 
     var _ch$props = ch.props,
         chChange = _ch$props.onChange,
-        chValue = _ch$props[valuePropName],
+        chValue = _ch$props[innerValuePropName],
         chDisabled = _ch$props.disabled,
         chDefaultValue = _ch$props.defaultValue;
 
@@ -16134,7 +16185,7 @@ var Field = function Field(props) {
     return _objectSpread(_objectSpread({}, rest), {}, (_objectSpread3 = {
       onChange: onChange,
       defaultValue: defaultValue
-    }, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_objectSpread3, valuePropName, fieldValue), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_objectSpread3, "disabled", chDisabled || faDisabled), _objectSpread3));
+    }, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_objectSpread3, innerValuePropName, fieldValue), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_objectSpread3, "disabled", chDisabled || faDisabled), _objectSpread3));
   };
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_15___default.a.createElement("div", {
@@ -16147,10 +16198,10 @@ var Field = function Field(props) {
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_15___default.a.createElement(_FieldWrapper__WEBPACK_IMPORTED_MODULE_20__["default"], {
     width: wrapperWidth,
     validateMessage: validateMessage
-  }, Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_23__["toArray"])(children).map(function (child, index) {
+  }, childrenArray.map(function (child, index) {
     var keys = mergeProps(_objectSpread(_objectSpread(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({
       disabled: disabled
-    }, valuePropName, value), trigger), {}, {
+    }, innerValuePropName, value), trigger), {}, {
       key: index
     }), child);
     return child ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_15___default.a.cloneElement(child, keys) : child;
@@ -21475,57 +21526,69 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
-/* 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 _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
-/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.splice.js */ "./node_modules/core-js/modules/es.array.splice.js");
-/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_splice_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_array_map_js__WEBPACK_IMPORTED_MODULE_6__ = __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_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_7__ = __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_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_8__ = __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_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_9__ = __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_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__ = __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_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_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 _utils_react_children__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_utils/react-children */ "./components/_utils/react-children.ts");
-/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.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 _utils_devwarning__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
-/* harmony import */ var _menuItem__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./menuItem */ "./components/menu/menuItem.tsx");
-/* harmony import */ var _subMenu__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./subMenu */ "./components/menu/subMenu.tsx");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __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_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __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_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __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_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3__ = __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_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_4__ = __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_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_11__ = __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_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.set.js */ "./node_modules/core-js/modules/es.set.js");
+/* harmony import */ var core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_15__ = __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_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_16__ = __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_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var _utils_react_children__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../_utils/react-children */ "./components/_utils/react-children.ts");
+/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_22__);
+/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
+/* harmony import */ var _menuItem__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./menuItem */ "./components/menu/menuItem.tsx");
+/* harmony import */ var _subMenu__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./subMenu */ "./components/menu/subMenu.tsx");
 
 
 
 
-var _excluded = ["prefixCls", "mode", "inlineIndent", "forceSubMenuRender", "additionalTools", "onClick", "onOpenChange", "children", "className", "theme", "collapsed"];
 
-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_1___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 _excluded = ["prefixCls", "mode", "inlineIndent", "forceSubMenuRender", "additionalTools", "onClick", "onOpenChange", "children", "className", "theme", "collapsed"];
+
+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_6___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; }
+
+
 
 
 
@@ -21546,15 +21609,20 @@ var isFunction = function isFunction(fn) {
   return fn && typeof fn === 'function';
 };
 
+var openSubMenuSet = new Set();
+
 var Menu = function Menu(props) {
   var _restProps$style, _classNames;
 
-  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_14__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_16__["ConfigContext"]),
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_18___default.a.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_20__["ConfigContext"]),
       getPrefixCls = _React$useContext.getPrefixCls,
       pkgPrefixCls = _React$useContext.prefixCls,
       userDefaultProps = _React$useContext.compDefaultProps;
 
-  var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_17__["getCompProps"])('Menu', userDefaultProps, props),
+  var userSelectedKey = props.selectedKey,
+      userOpenKeys = props.openKeys;
+
+  var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getCompProps"])('Menu', userDefaultProps, props),
       customPrefixcls = _getCompProps.prefixCls,
       mode = _getCompProps.mode,
       inlineIndent = _getCompProps.inlineIndent,
@@ -21566,23 +21634,38 @@ var Menu = function Menu(props) {
       className = _getCompProps.className,
       theme = _getCompProps.theme,
       collapsed = _getCompProps.collapsed,
-      restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default()(_getCompProps, _excluded);
+      restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9___default()(_getCompProps, _excluded);
 
   var prefixCls = getPrefixCls(pkgPrefixCls, 'menu', customPrefixcls);
-  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_19__["default"])(['inline', 'vertical', undefined].indexOf(mode) === -1, 'menu', "cannot found menu mode '".concat(mode, "'"));
-  var defaultSelectedKey = ('selectedKey' in restProps ? restProps.selectedKey : restProps.defaultSelectedKey) || '';
-  var defaultOpenKeys = ('openKeys' in restProps ? restProps.openKeys : restProps.defaultOpenKeys) || []; // const [collapsed, setCollapsed] = React.useState<boolean | undefined>(restProps.collapsed)
+  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_23__["default"])(['inline', 'vertical', undefined].indexOf(mode) === -1, 'menu', "cannot found menu mode '".concat(mode, "'")); // const [collapsed, setCollapsed] = React.useState<boolean | undefined>(restProps.collapsed)
 
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_14__["useState"](defaultSelectedKey),
-      _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState, 2),
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_18___default.a.useState(''),
+      _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8___default()(_React$useState, 2),
       selectedKey = _React$useState2[0],
       setSelectedKey = _React$useState2[1];
 
-  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_14__["useState"](defaultOpenKeys),
-      _React$useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState3, 2),
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_18___default.a.useState([]),
+      _React$useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8___default()(_React$useState3, 2),
       openKeys = _React$useState4[0],
-      setOpenKeys = _React$useState4[1]; // triggerSubMenuAction内嵌模式固定为click，即该值设置只对垂直模式有效
+      setOpenKeys = _React$useState4[1];
 
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
+    if (userSelectedKey !== undefined) {
+      setSelectedKey(userSelectedKey);
+    }
+  }, [userSelectedKey]);
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
+    if (userOpenKeys !== undefined) {
+      setOpenKeys(userOpenKeys);
+    }
+  }, [userOpenKeys]);
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
+    if (Array.isArray(userOpenKeys)) {
+      userOpenKeys.forEach(function (d) {
+        openSubMenuSet.add(d);
+      });
+    }
+  }, []); // triggerSubMenuAction内嵌模式固定为click，即该值设置只对垂直模式有效
 
   if (mode === 'inline') {
     restProps.triggerSubMenuAction = 'click';
@@ -21592,7 +21675,9 @@ var Menu = function Menu(props) {
 
 
   var handleOnClick = function handleOnClick(info) {
-    setSelectedKey(info.key);
+    if (userSelectedKey === undefined) {
+      setSelectedKey(info.key);
+    }
 
     if (mode !== 'inline' && openKeys.length > 0) {
       setOpenKeys([]);
@@ -21614,35 +21699,45 @@ var Menu = function Menu(props) {
   }; // 子菜单展开关闭的回调
 
 
-  var handleOnOpenChange = function handleOnOpenChange(openKey) {
-    var index = openKeys.indexOf(openKey);
+  var handleOnOpenChange = function handleOnOpenChange(openKey, isAdd) {
+    var clean = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
 
-    if (index > -1) {
-      openKeys.splice(index, 1);
-      setOpenKeys(openKeys);
+    if (clean) {
+      openSubMenuSet.clear();
     } else {
-      setOpenKeys(openKeys.concat(openKey));
+      if (isAdd) {
+        openSubMenuSet.add(openKey);
+      } else {
+        openSubMenuSet.delete(openKey);
+      }
+    }
+
+    if (userOpenKeys === undefined) {
+      setOpenKeys(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(openSubMenuSet));
     }
 
-    onOpenChange && onOpenChange(openKey);
+    onOpenChange && onOpenChange(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(openSubMenuSet));
   };
 
   var renderMenu = function renderMenu() {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14__["createElement"]("ul", null, Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_15__["toArray"])(children).map(function (item, i) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("ul", null, Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_19__["toArray"])(children).map(function (item, i) {
       if (!item) return;
       var key = (item === null || item === void 0 ? void 0 : item.key) || i;
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14__["cloneElement"](item, {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.cloneElement(item, {
         key: key,
         keyValue: key,
         collapsed: collapsed,
         mode: mode,
         openKeys: openKeys,
         selectedKey: selectedKey,
+        theme: theme,
         triggerSubMenuAction: restProps.triggerSubMenuAction,
         forceSubMenuRender: forceSubMenuRender,
         handleOnOpenChange: handleOnOpenChange,
         handleOnClick: handleOnClick,
-        inlineIndent: inlineIndent
+        inlineIndent: inlineIndent,
+        userOpenKeys: userOpenKeys,
+        userSelectedKey: userSelectedKey
       });
     }));
   };
@@ -21656,16 +21751,16 @@ var Menu = function Menu(props) {
     onMouseLeave: handleMouseLeaveMenu,
     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"), collapsed), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-").concat(theme === 'light' ? 'light' : 'dark'), true), _classNames)),
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default()({
+    className: classnames__WEBPACK_IMPORTED_MODULE_22___default()(prefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_classNames, "".concat(prefixCls, "-inline"), mode === 'inline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_classNames, "".concat(prefixCls, "-vertical"), mode !== 'inline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_classNames, "".concat(prefixCls, "-collapsed"), collapsed), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_classNames, "".concat(prefixCls, "-").concat(theme === 'light' ? 'light' : 'dark'), true), _classNames)),
     role: "menu",
     style: style
   }, mouseEvent), children && renderMenu(), additionalTools);
 };
 
 Menu.displayName = 'Menu';
-Menu.Item = _menuItem__WEBPACK_IMPORTED_MODULE_20__["default"];
-Menu.SubMenu = _subMenu__WEBPACK_IMPORTED_MODULE_21__["default"];
+Menu.Item = _menuItem__WEBPACK_IMPORTED_MODULE_24__["default"];
+Menu.SubMenu = _subMenu__WEBPACK_IMPORTED_MODULE_25__["default"];
 /* harmony default export */ __webpack_exports__["default"] = (Menu);
 
 /***/ }),
@@ -21674,11 +21769,12 @@ Menu.SubMenu = _subMenu__WEBPACK_IMPORTED_MODULE_21__["default"];
 /*!**************************************!*\
   !*** ./components/menu/menuItem.tsx ***!
   \**************************************/
-/*! exports provided: default */
+/*! exports provided: MENU_ITEM_CONTAINER_NAME, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MENU_ITEM_CONTAINER_NAME", function() { return MENU_ITEM_CONTAINER_NAME; });
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
@@ -21703,14 +21799,7 @@ var _excluded = ["prefixCls", "icon", "mode", "level", "disabled", "children", "
 
 
 
-
-var renderItemChildren = function renderItemChildren(children) {
-  if (typeof children === 'string') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("span", null, children);
-  }
-
-  return Object(_util__WEBPACK_IMPORTED_MODULE_7__["renderReactNodeFunction"])(children);
-};
+var MENU_ITEM_CONTAINER_NAME = 'menu-item-content-container';
 
 var InternalMenuItem = function InternalMenuItem(props, ref) {
   var _classNames;
@@ -21745,9 +21834,20 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
   var prefixCls = getPrefixCls(pkgPrefixCls, 'menu-item', customPrefixcls);
   var menuItemRef = ref || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createRef"]();
 
+  var renderItemChildren = function renderItemChildren(children) {
+    if (typeof children === 'string') {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("span", {
+        className: MENU_ITEM_CONTAINER_NAME
+      }, children);
+    }
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", {
+      className: MENU_ITEM_CONTAINER_NAME
+    }, typeof children === 'function' ? children() : children);
+  };
+
   var preventClick = function preventClick() {
-    if (disabled || mode === 'inline') return true;
-    return false;
+    return !!(disabled || mode === 'inline');
   };
 
   var handleOnMouseEnter = function handleOnMouseEnter(e) {
@@ -21871,34 +21971,35 @@ __webpack_require__.r(__webpack_exports__);
 /* 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_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__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 _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
-/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__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_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_concat_js__WEBPACK_IMPORTED_MODULE_6__ = __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_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_7__ = __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_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var _utils_react_children__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_utils/react-children */ "./components/_utils/react-children.ts");
-/* 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 _util__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./util */ "./components/menu/util.ts");
-/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
-/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__);
+/* 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_string_includes_js__WEBPACK_IMPORTED_MODULE_4__ = __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_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_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_array_map_js__WEBPACK_IMPORTED_MODULE_6__ = __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_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _utils_react_children__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_utils/react-children */ "./components/_utils/react-children.ts");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./util */ "./components/menu/util.ts");
+/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
+/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
 /* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
+/* harmony import */ var _menuItem__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./menuItem */ "./components/menu/menuItem.tsx");
+
 
 
+var _excluded = ["prefixCls", "theme", "mode", "title", "icon", "disabled", "children", "collapsed", "keyValue", "selectedKey", "openKeys", "triggerSubMenuAction", "forceSubMenuRender", "inlineIndent", "className", "style", "handleOnOpenChange", "paddingLeft"];
 
 
-var _excluded = ["prefixCls", "mode", "title", "icon", "disabled", "children", "collapsed", "keyValue", "selectedKey", "openKeys", "triggerSubMenuAction", "forceSubMenuRender", "inlineIndent", "className", "style", "handleOnOpenChange", "paddingLeft"];
 
 
 
@@ -21914,16 +22015,17 @@ var _excluded = ["prefixCls", "mode", "title", "icon", "disabled", "children", "
 
 
 var SubMenu = function SubMenu(props) {
-  var _classNames2;
+  var _classNames3, _classNames4;
 
-  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_8__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_9__["ConfigContext"]),
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_7___default.a.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_8__["ConfigContext"]),
       getPrefixCls = _React$useContext.getPrefixCls,
       pkgPrefixCls = _React$useContext.prefixCls,
       userDefaultProps = _React$useContext.compDefaultProps; // 属性需要合并一遍用户定义的默认属性
 
 
-  var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_10__["getCompProps"])('MenuSubMenu', userDefaultProps, props),
+  var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_9__["getCompProps"])('MenuSubMenu', userDefaultProps, props),
       customPrefixcls = _getCompProps.prefixCls,
+      theme = _getCompProps.theme,
       mode = _getCompProps.mode,
       title = _getCompProps.title,
       icon = _getCompProps.icon,
@@ -21941,7 +22043,7 @@ var SubMenu = function SubMenu(props) {
       handleOnOpenChange = _getCompProps.handleOnOpenChange,
       _getCompProps$padding = _getCompProps.paddingLeft,
       paddingLeft = _getCompProps$padding === void 0 ? 0 : _getCompProps$padding,
-      restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default()(_getCompProps, _excluded); // 初始化level
+      restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default()(_getCompProps, _excluded); // 初始化level
 
 
   if (!restProps.level) {
@@ -21956,25 +22058,17 @@ var SubMenu = function SubMenu(props) {
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_16__["default"])(!children, 'submenu', 'cannot found children in Menu.SubMenu'); // className前缀
 
   var prefixCls = getPrefixCls(pkgPrefixCls, 'menu-submenu', customPrefixcls);
-  var subMenuRef = react__WEBPACK_IMPORTED_MODULE_8__["useRef"](null);
-  var subMenuWrapperRef = react__WEBPACK_IMPORTED_MODULE_8__["useRef"](null);
-
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_8__["useState"](false),
-      _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState, 2),
-      isVisible = _React$useState2[0],
-      setIsVisible = _React$useState2[1];
-
-  react__WEBPACK_IMPORTED_MODULE_8__["useEffect"](function () {
-    if (openKeys.length > 0) {
-      setIsVisible(openKeys.includes(keyValue));
-    }
-  }, [keyValue]);
-  react__WEBPACK_IMPORTED_MODULE_8__["useEffect"](function () {
-    if (!isVisible) return;
+  var subMenuRef = react__WEBPACK_IMPORTED_MODULE_7___default.a.useRef(null);
+  var subMenuWrapperRef = react__WEBPACK_IMPORTED_MODULE_7___default.a.useRef(null);
+  var subMenuVerticalRef = react__WEBPACK_IMPORTED_MODULE_7___default.a.useRef(null);
+  var subMenuWrapperVerticalRef = react__WEBPACK_IMPORTED_MODULE_7___default.a.useRef(null);
+  var visible = Array.isArray(openKeys) && openKeys.includes(keyValue);
+  react__WEBPACK_IMPORTED_MODULE_7___default.a.useEffect(function () {
+    if (!visible) return;
     var subMenuWrapperEle = subMenuWrapperRef.current;
     var subMenuEle = subMenuRef.current;
 
-    if (subMenuWrapperEle && Object(_util__WEBPACK_IMPORTED_MODULE_13__["isElementInViewport"])(subMenuEle)) {
+    if (subMenuWrapperEle && Object(_util__WEBPACK_IMPORTED_MODULE_12__["isElementInViewport"])(subMenuEle)) {
       var position = subMenuWrapperEle.getBoundingClientRect();
       var windowHeight = document.body.offsetHeight;
 
@@ -21989,12 +22083,12 @@ var SubMenu = function SubMenu(props) {
       return 0;
     }
 
-    return _util__WEBPACK_IMPORTED_MODULE_13__["DEFAUTL_PADDING"];
+    return _util__WEBPACK_IMPORTED_MODULE_12__["DEFAUTL_PADDING"];
   };
 
   var getPaddingLeft = function getPaddingLeft() {
     if (restProps.level > 1 && mode !== 'inline') {
-      return _util__WEBPACK_IMPORTED_MODULE_13__["DEFAUTL_PADDING"];
+      return _util__WEBPACK_IMPORTED_MODULE_12__["DEFAUTL_PADDING"];
     }
 
     if (restProps.level === 1 && icon) {
@@ -22011,22 +22105,22 @@ var SubMenu = function SubMenu(props) {
 
   var curPaddingRight = getPaddingRight();
   var curPaddingLeft = getPaddingLeft();
-  var getCurrentStyle = react__WEBPACK_IMPORTED_MODULE_8__["useCallback"](function () {
+  var getCurrentStyle = react__WEBPACK_IMPORTED_MODULE_7___default.a.useCallback(function () {
     // 内嵌模式height主要是用来动画的，必须要设置overflow溢出隐藏
     if (mode === 'inline') {
       var _subMenuWrapperRef$cu;
 
       var height = ((_subMenuWrapperRef$cu = subMenuWrapperRef.current) === null || _subMenuWrapperRef$cu === void 0 ? void 0 : _subMenuWrapperRef$cu.scrollHeight) || 0;
       return {
-        height: isVisible && !collapsed ? "".concat(height, "px") : '0px',
+        height: visible && !collapsed ? "".concat(height, "px") : '0px',
         overflow: 'hidden',
-        opacity: isVisible && !collapsed ? 1 : 0,
+        opacity: visible && !collapsed ? 1 : 0,
         transition: 'all 0.2s cubic-bezier(0,.4,.4,1)'
       };
     }
 
     var style = {
-      visibility: forceSubMenuRender && !isVisible ? 'visible' : 'hidden'
+      visibility: forceSubMenuRender && !visible ? 'visible' : 'hidden'
     };
 
     if (restProps.subMenuMode === 'horizontal') {
@@ -22055,16 +22149,24 @@ var SubMenu = function SubMenu(props) {
       paddingLeft: "".concat(popupOffsetPosition[0], "px"),
       paddingTop: "".concat(popupOffsetPosition[1], "px")
     });
-  }, [subMenuRef, restProps.popupOffset, forceSubMenuRender, isVisible, mode, restProps.subMenuMode]);
+  }, [subMenuRef, restProps.popupOffset, forceSubMenuRender, visible, mode, restProps.subMenuMode]);
+
+  var handleVisibleChange = function handleVisibleChange(status) {
+    var clean = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    handleOnOpenChange(keyValue, status, clean);
+  };
 
   var closeSubMenu = function closeSubMenu() {
-    setIsVisible(false);
-    handleOnOpenChange(keyValue);
+    handleVisibleChange(false, true);
   }; // 点击区域外的地方关闭
 
 
-  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_14__["useOnClickOutside"])([subMenuRef], function () {
-    if (triggerSubMenuAction === 'click' && mode === 'vertical') {
+  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_13__["useOnClickOutside"])([subMenuVerticalRef, subMenuWrapperVerticalRef], function (e) {
+    var _e$target;
+
+    var className = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.className) || '';
+
+    if (!className.includes(_menuItem__WEBPACK_IMPORTED_MODULE_17__["MENU_ITEM_CONTAINER_NAME"])) {
       closeSubMenu();
     }
   }); // 缩略模式自动关闭子菜单
@@ -22075,8 +22177,7 @@ var SubMenu = function SubMenu(props) {
 
   var handleMouseEvent = function handleMouseEvent(status) {
     if (disabled || triggerSubMenuAction === 'click') return;
-    handleOnOpenChange(keyValue);
-    setIsVisible(status);
+    handleVisibleChange(status);
   };
 
   var handleOnMouseEnter = function handleOnMouseEnter() {
@@ -22099,91 +22200,47 @@ var SubMenu = function SubMenu(props) {
   }; // 子菜单展开收缩
 
 
-  var handleOnClickSubMenu = function handleOnClickSubMenu(e) {
+  var handleOnClickSubMenu = function handleOnClickSubMenu() {
     if (disabled || triggerSubMenuAction === 'hover') return;
-    e.stopPropagation();
-    handleOnOpenChange(keyValue);
-    setIsVisible(!isVisible);
+    handleVisibleChange(!visible);
   };
 
   var renderItemTitle = function renderItemTitle() {
-    if (!icon && collapsed && restProps.level === 1 && Object(_util__WEBPACK_IMPORTED_MODULE_13__["isString"])(title)) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("p", null, title.charAt(0));
+    if (!icon && collapsed && restProps.level === 1 && Object(_util__WEBPACK_IMPORTED_MODULE_12__["isString"])(title)) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("p", null, title.charAt(0));
     }
 
-    if (Object(_util__WEBPACK_IMPORTED_MODULE_13__["isString"])(title)) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("span", null, title);
+    if (Object(_util__WEBPACK_IMPORTED_MODULE_12__["isString"])(title)) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("span", null, title);
     }
 
-    return Object(_util__WEBPACK_IMPORTED_MODULE_13__["renderReactNodeFunction"])(title);
+    return Object(_util__WEBPACK_IMPORTED_MODULE_12__["renderReactNodeFunction"])(title);
   };
 
   var renderItemArrow = function renderItemArrow() {
     if (mode !== 'inline' || collapsed) return null;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"](_index__WEBPACK_IMPORTED_MODULE_15__["Icon"], {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_14__["Icon"], {
       type: "arrow-down",
-      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-arrow"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(prefixCls, "-arrow-").concat(isVisible ? 'up' : 'down'), true))
+      className: classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(prefixCls, "-arrow"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(prefixCls, "-arrow-").concat(visible ? 'up' : 'down'), true))
     });
   };
 
-  var renderSubMenu = function renderSubMenu() {
-    var style = getCurrentStyle(); // 展开收缩动画。针对二级三级菜单目前使用单一的样式去区分了
-
-    var motionClassName = {};
-
-    if (mode !== 'inline') {
-      var prefixClsMotion = "".concat(prefixCls, "-sub");
-
-      if (isVisible) {
-        motionClassName["".concat(prefixClsMotion, "-second")] = restProps.level === 1;
-        motionClassName["".concat(prefixClsMotion, "-third")] = restProps.level === 2;
-      } else {
-        motionClassName["".concat(prefixClsMotion, "-hide")] = true;
-      }
-    }
-
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("div", {
-      style: style,
-      ref: subMenuWrapperRef
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("ul", {
-      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-sub"), restProps.popupClassName, motionClassName)
-    }, Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_11__["toArray"])(children).map(function (item, index) {
-      var key = item.key || index;
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["cloneElement"](item, {
-        key: key,
-        level: restProps.level + 1,
-        keyValue: key,
-        collapsed: collapsed,
-        mode: mode,
-        selectedKey: selectedKey,
-        openKeys: openKeys,
-        forceSubMenuRender: forceSubMenuRender,
-        triggerSubMenuAction: triggerSubMenuAction,
-        handleOnOpenChange: handleOnOpenChange,
-        handleOnClick: handleOnClick,
-        inlineIndent: inlineIndent,
-        paddingLeft: curPaddingLeft
-      });
-    })));
-  };
-
-  var renderThridMenu = function renderThridMenu() {
-    var style = getCurrentStyle();
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("div", {
-      style: style
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("div", {
-      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-thrid")),
-      onClick: function onClick(e) {
-        e.stopPropagation();
-      },
+  if (restProps.subMenuMode === 'horizontal' && restProps.level > 1 && children) {
+    var width = Object(_util__WEBPACK_IMPORTED_MODULE_12__["getItemWidth"])(children);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
+      className: classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(prefixCls, "-thrid-item")),
       style: {
-        width: Object(_util__WEBPACK_IMPORTED_MODULE_13__["getWrapWidth"])(children)
+        width: width
       }
-    }, Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_11__["toArray"])(children).map(function (item, i) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["cloneElement"](item, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
+      className: classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(prefixCls, "-thrid-title"))
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("span", null, title)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("ul", {
+      className: classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(prefixCls, "-thrid-list"), restProps.popupClassName)
+    }, Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_10__["toArray"])(children).map(function (item, i) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.cloneElement(item, {
         level: restProps.level + 1,
         subMenuMode: restProps.subMenuMode,
-        keyValue: item.key || i,
+        keyValue: item && item.key || i,
         collapsed: collapsed,
         mode: mode,
         selectedKey: selectedKey,
@@ -22194,24 +22251,43 @@ var SubMenu = function SubMenu(props) {
         handleOnClick: handleOnClick
       });
     })));
+  }
+
+  var mouseEvent = {
+    onMouseLeave: handleOnMouseLeave,
+    onMouseEnter: handleOnMouseEnter,
+    onClick: handleOnClickSubMenu
+  };
+  var titleStyle = {
+    paddingRight: "".concat(curPaddingRight, "px"),
+    paddingLeft: "".concat(curPaddingLeft, "px")
   };
 
-  if (restProps.subMenuMode === 'horizontal' && restProps.level > 1 && children) {
-    var width = Object(_util__WEBPACK_IMPORTED_MODULE_13__["getItemWidth"])(children);
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("div", {
-      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-thrid-item")),
-      style: {
-        width: width
-      }
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("div", {
-      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-thrid-title"))
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("span", null, title)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("ul", {
-      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-thrid-list"), restProps.popupClassName)
-    }, Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_11__["toArray"])(children).map(function (item, i) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["cloneElement"](item, {
+  if (mode !== 'vertical') {
+    var _classNames2;
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("li", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default()({
+      ref: subMenuRef,
+      className: classnames__WEBPACK_IMPORTED_MODULE_11___default()(prefixCls, className, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-collapsed"), collapsed), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-hover"), !disabled && visible), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-active"), Array.isArray(openKeys) && openKeys.includes(keyValue)), _classNames2)),
+      key: keyValue
+    }, mouseEvent, {
+      style: style
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
+      className: classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(prefixCls, "-title")),
+      style: titleStyle
+    }, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.cloneElement(Object(_util__WEBPACK_IMPORTED_MODULE_12__["renderReactNodeFunction"])(icon), {
+      className: classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(prefixCls, "-icon"))
+    }), renderItemTitle(), renderItemArrow()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
+      style: getCurrentStyle(),
+      ref: subMenuWrapperRef
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("ul", {
+      className: classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(prefixCls, "-sub"), restProps.popupClassName)
+    }, Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_10__["toArray"])(children).map(function (item, index) {
+      var key = item.key || index;
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.cloneElement(item, {
+        key: key,
         level: restProps.level + 1,
-        subMenuMode: restProps.subMenuMode,
-        keyValue: item && item.key || i,
+        keyValue: key,
         collapsed: collapsed,
         mode: mode,
         selectedKey: selectedKey,
@@ -22219,32 +22295,63 @@ var SubMenu = function SubMenu(props) {
         forceSubMenuRender: forceSubMenuRender,
         triggerSubMenuAction: triggerSubMenuAction,
         handleOnOpenChange: handleOnOpenChange,
-        handleOnClick: handleOnClick
+        handleOnClick: handleOnClick,
+        inlineIndent: inlineIndent,
+        paddingLeft: curPaddingLeft
       });
-    })));
-  }
+    }))));
+  } // eslint-disable-next-line react-hooks/rules-of-hooks
 
-  var mouseEvent = {
+
+  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_15__["default"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("li", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_11___default()(prefixCls, className, (_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "light", theme === 'light'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(prefixCls, "-collapsed"), collapsed), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(prefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(prefixCls, "-hover"), !disabled && visible), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(prefixCls, "-active"), Array.isArray(openKeys) && openKeys.includes(keyValue)), _classNames3)),
+    ref: subMenuVerticalRef,
+    key: keyValue,
+    style: style,
     onMouseLeave: handleOnMouseLeave,
     onMouseEnter: handleOnMouseEnter,
     onClick: handleOnClickSubMenu
-  };
-  var titleStyle = {
-    paddingRight: "".concat(curPaddingRight, "px"),
-    paddingLeft: "".concat(curPaddingLeft, "px")
-  };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("li", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default()({
-    ref: subMenuRef,
-    className: classnames__WEBPACK_IMPORTED_MODULE_12___default()(prefixCls, className, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-collapsed"), collapsed), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-hover"), !disabled && isVisible), _classNames2)),
-    key: keyValue
-  }, mouseEvent, {
-    style: style
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-title")),
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(prefixCls, "-title")),
     style: titleStyle
-  }, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["cloneElement"](Object(_util__WEBPACK_IMPORTED_MODULE_13__["renderReactNodeFunction"])(icon), {
-    className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-icon"))
-  }), renderItemTitle(), renderItemArrow()), restProps.subMenuMode === 'horizontal' ? renderThridMenu() : renderSubMenu());
+  }, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.cloneElement(Object(_util__WEBPACK_IMPORTED_MODULE_12__["renderReactNodeFunction"])(icon), {
+    className: classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(prefixCls, "-icon"))
+  }), renderItemTitle(), renderItemArrow())), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
+    ref: subMenuWrapperVerticalRef,
+    onMouseLeave: function onMouseLeave() {
+      handleOnMouseLeave();
+    },
+    onMouseEnter: function onMouseEnter() {
+      handleOnMouseEnter();
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("ul", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(prefixCls, "-sub"), restProps.popupClassName, (_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(prefixCls, "-sub-second"), restProps.level === 1), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(prefixCls, "-sub-third"), restProps.level === 2), _classNames4))
+  }, Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_10__["toArray"])(children).map(function (item, index) {
+    var key = item.key || index;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.cloneElement(item, {
+      key: key,
+      level: restProps.level + 1,
+      keyValue: key,
+      collapsed: collapsed,
+      mode: mode,
+      theme: theme,
+      selectedKey: selectedKey,
+      openKeys: openKeys,
+      forceSubMenuRender: forceSubMenuRender,
+      triggerSubMenuAction: triggerSubMenuAction,
+      handleOnOpenChange: handleOnOpenChange,
+      handleOnClick: handleOnClick,
+      inlineIndent: inlineIndent,
+      paddingLeft: curPaddingLeft
+    });
+  }))), {
+    arrow: false,
+    placement: 'rightTop',
+    gap: 0,
+    visible: visible,
+    prefixCls: 'kd-menu-popper',
+    popperClassName: theme === 'light' ? 'light' : ''
+  });
 };
 
 SubMenu.displayName = 'SubMenu';
@@ -25477,14 +25584,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var InternalRadio = function InternalRadio(props, ref) {
   var _classNames;
 
-  var context = react__WEBPACK_IMPORTED_MODULE_12__["useContext"](_context__WEBPACK_IMPORTED_MODULE_16__["default"]);
+  var context = react__WEBPACK_IMPORTED_MODULE_12___default.a.useContext(_context__WEBPACK_IMPORTED_MODULE_16__["default"]);
 
-  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_12__["useContext"](_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_14__["default"]),
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_12___default.a.useContext(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_14__["default"]),
       getPrefixCls = _React$useContext.getPrefixCls,
       prefixCls = _React$useContext.prefixCls,
       userDefaultProps = _React$useContext.compDefaultProps;
 
-  var innerRef = react__WEBPACK_IMPORTED_MODULE_12__["useRef"]();
+  var innerRef = react__WEBPACK_IMPORTED_MODULE_12___default.a.useRef();
   var mergedRef = ref || innerRef;
 
   var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_15__["getCompProps"])('Radio', userDefaultProps, props),
@@ -25504,12 +25611,12 @@ var InternalRadio = function InternalRadio(props, ref) {
 
   var radioPrefixCls = getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls(prefixCls, getPrefix(radioType), customPrefixcls); // 样式前缀
 
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_12__["useState"](checked || defaultChecked),
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_12___default.a.useState(checked || defaultChecked),
       _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_React$useState, 2),
       isChecked = _React$useState2[0],
       setIsChecked = _React$useState2[1];
 
-  react__WEBPACK_IMPORTED_MODULE_12__["useEffect"](function () {
+  react__WEBPACK_IMPORTED_MODULE_12___default.a.useEffect(function () {
     checked !== undefined && setIsChecked(checked);
   }, [checked]);
 
@@ -25537,32 +25644,39 @@ 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名称
 
-  var handleRepeatClick = function handleRepeatClick(e) {
-    var element = e.target;
+  Object(react__WEBPACK_IMPORTED_MODULE_12__["useEffect"])(function () {
+    var handleRepeatClick = function handleRepeatClick(e) {
+      var element = e.target;
 
-    if (element.tagName !== 'INPUT') {
-      e.stopPropagation();
-    }
-  };
+      if (element.tagName !== 'INPUT') {
+        e.stopPropagation();
+      }
+    };
 
+    var radioRef = mergedRef;
+    radioRef.current.addEventListener('click', handleRepeatClick);
+    return function () {
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      radioRef.current.removeEventListener('click', handleRepeatClick);
+    };
+  }, []);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line
-    react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("label", {
+    react__WEBPACK_IMPORTED_MODULE_12___default.a.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()({
+      ref: mergedRef
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.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", {
+    }, radioProps)), children !== undefined ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("span", {
       className: "".concat(radioPrefixCls, "-text")
     }, children) : null)
   );
 };
 
-var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["forwardRef"](InternalRadio);
+var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.forwardRef(InternalRadio);
 Radio.displayName = 'Radio';
 /* harmony default export */ __webpack_exports__["default"] = (Radio);
 
@@ -27626,8 +27740,19 @@ var InternalSelect = function InternalSelect(props, ref) {
       onDropdownVisibleChange && onDropdownVisibleChange(!optionShow);
     } // handleClear()
 
-  }; // 点击下拉列表中某项回调
+  };
+
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
+    selectionRef.current.addEventListener('mouseup', function (e) {
+      var _e$target;
 
+      var isCloseBtn = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.className.indexOf('kd-tag-close-icon')) > -1;
+
+      if (isCloseBtn) {
+        e.stopPropagation();
+      }
+    });
+  }, []); // 点击下拉列表中某项回调
 
   var handleOption = function handleOption(key, label, isSelected) {
     var onSelect = selectProps.onSelect,
@@ -27884,8 +28009,15 @@ var InternalSelect = function InternalSelect(props, ref) {
     return (realChildren === null || realChildren === void 0 ? void 0 : realChildren.length) === 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
       className: emptyListCls
     }, emptyContent);
-  }; // 渲染下拉列表框
+  };
+
+  var isShowSearch = Object(react__WEBPACK_IMPORTED_MODULE_18__["useCallback"])(function () {
+    if (isMultiple) {
+      return showSearch !== null && showSearch !== void 0 ? showSearch : true;
+    }
 
+    return showSearch !== null && showSearch !== void 0 ? showSearch : false;
+  }, [showSearch, isMultiple]); // 渲染下拉列表框
 
   var renderContent = function renderContent() {
     var _searchRef$current4;
@@ -27922,7 +28054,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: dropDownCls,
       style: dropDownStyle,
       ref: dropDownRef
-    }, (showSearch || isMultiple) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
+    }, isShowSearch() && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
       className: searchCls
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Input"], {
       ref: searchRef,