@kdcloudjs/kdesign 1.3.7 → 1.4.0

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.3.6
+ *   @kdcloudjs/kdesign v1.3.9
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -2623,7 +2623,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
 
   var anchorMenuClass = classnames__WEBPACK_IMPORTED_MODULE_20___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(anchorPrefixCls, "-menu"), true));
   var anchorAdvancedClass = classnames__WEBPACK_IMPORTED_MODULE_20___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(anchorPrefixCls, "-advanced"), true));
-  var inkClass = classnames__WEBPACK_IMPORTED_MODULE_20___default()("".concat(anchorPrefixCls, "-ink-line"), {
+  var inkClass = classnames__WEBPACK_IMPORTED_MODULE_20___default()("".concat(anchorPrefixCls, "-line-slider"), {
     visible: activeLink
   });
   react__WEBPACK_IMPORTED_MODULE_19___default.a.useEffect(function () {
@@ -2770,7 +2770,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
     getScrollContainer().addEventListener('scroll', handleScroll);
     handleScroll();
     return function () {
-      return window.removeEventListener('scroll', handleScroll);
+      return getScrollContainer().removeEventListener('scroll', handleScroll);
     };
   }, [handleScroll, getScrollContainer]);
   Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
@@ -2843,7 +2843,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
         width: anchorPosition.width
       } : undefined
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
-      className: "".concat(anchorPrefixCls, "-ink")
+      className: "".concat(anchorPrefixCls, "-line")
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
       className: inkClass,
       ref: inkRef
@@ -7988,7 +7988,8 @@ var compDefaultProps = {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_index__WEBPACK_IMPORTED_MODULE_2__["Icon"], {
         type: "arrow-right-solid"
       });
-    }
+    },
+    estimatedItemSize: 32
   },
   TreeNode: {},
   ToolTip: {
@@ -21667,7 +21668,7 @@ var Menu = function Menu(props) {
       restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9___default()(_getCompProps, _excluded);
 
   var prefixCls = getPrefixCls(pkgPrefixCls, 'menu', customPrefixcls);
-  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)
+  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_23__["default"])(['inline', 'vertical', undefined].indexOf(mode) === -1, 'menu', "cannot found menu mode '".concat(mode, "'"));
 
   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),
@@ -21676,8 +21677,13 @@ var Menu = function Menu(props) {
 
   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];
+      selectedKeyPath = _React$useState4[0],
+      setSelectedKeyPath = _React$useState4[1];
+
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_18___default.a.useState([]),
+      _React$useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8___default()(_React$useState5, 2),
+      openKeys = _React$useState6[0],
+      setOpenKeys = _React$useState6[1];
 
   if (mode === 'inline') {
     restProps.triggerSubMenuAction = 'click';
@@ -21686,6 +21692,7 @@ var Menu = function Menu(props) {
   Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     setOpenKeys([]);
     setSelectedKey('');
+    setSelectedKeyPath([]);
     openSubMenuSet.clear();
   }, [mode]);
   Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
@@ -21696,14 +21703,17 @@ var Menu = function Menu(props) {
   Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     if (userOpenKeys !== undefined && Array.isArray(userOpenKeys)) {
       setOpenKeys(userOpenKeys);
-      openSubMenuSet.clear();
-      userOpenKeys.forEach(function (d) {
-        openSubMenuSet.add(d);
+    }
+  }, [userOpenKeys]);
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
+    if (userSelectedKey !== undefined && userOpenKeys !== undefined && Array.isArray(userOpenKeys)) {
+      setTimeout(function () {
+        userOpenKeys.forEach(function (d) {
+          openSubMenuSet.add(d);
+        });
       });
     }
-  }, [userOpenKeys]); // React.useEffect(() => {
-  //   setCollapsed(restProps.collapsed)
-  // }, [restProps.collapsed])
+  }, []);
 
   var handleOnClick = function handleOnClick(info) {
     if (userSelectedKey === undefined) {
@@ -21712,6 +21722,7 @@ var Menu = function Menu(props) {
 
     if (mode !== 'inline' && openKeys.length > 0) {
       setOpenKeys([]);
+      openSubMenuSet.clear();
     }
 
     onClick && onClick(info);
@@ -21761,6 +21772,8 @@ var Menu = function Menu(props) {
         mode: mode,
         openKeys: openKeys,
         selectedKey: selectedKey,
+        selectedKeyPath: selectedKeyPath,
+        setSelectedKeyPath: setSelectedKeyPath,
         theme: theme,
         triggerSubMenuAction: restProps.triggerSubMenuAction,
         forceSubMenuRender: forceSubMenuRender,
@@ -21810,20 +21823,26 @@ __webpack_require__.r(__webpack_exports__);
 /* 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_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 react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./util */ "./components/menu/util.ts");
-/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__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_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 react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./util */ "./components/menu/util.ts");
+/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
 
 
 
-var _excluded = ["prefixCls", "icon", "mode", "level", "disabled", "children", "collapsed", "keyValue", "selectedKey", "subMenuMode", "inlineIndent", "className", "handleOnClick", "paddingLeft", "style"];
+
+var _excluded = ["prefixCls", "icon", "mode", "level", "disabled", "children", "collapsed", "keyValue", "selectedKey", "setSelectedKeyPath", "subMenuMode", "inlineIndent", "className", "handleOnClick", "paddingLeft", "style", "parentPath"];
+
 
 
 
@@ -21835,13 +21854,13 @@ var MENU_ITEM_CONTAINER_NAME = 'menu-item-content-container';
 var InternalMenuItem = function InternalMenuItem(props, ref) {
   var _classNames;
 
-  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_3__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_4__["ConfigContext"]),
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_5__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_6__["ConfigContext"]),
       getPrefixCls = _React$useContext.getPrefixCls,
       pkgPrefixCls = _React$useContext.prefixCls,
       userDefaultProps = _React$useContext.compDefaultProps; // 属性需要合并一遍用户定义的默认属性
 
 
-  var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_5__["getCompProps"])('MenuItem', userDefaultProps, props),
+  var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_7__["getCompProps"])('MenuItem', userDefaultProps, props),
       customPrefixcls = _getCompProps.prefixCls,
       icon = _getCompProps.icon,
       mode = _getCompProps.mode,
@@ -21852,6 +21871,7 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
       collapsed = _getCompProps.collapsed,
       keyValue = _getCompProps.keyValue,
       selectedKey = _getCompProps.selectedKey,
+      setSelectedKeyPath = _getCompProps.setSelectedKeyPath,
       subMenuMode = _getCompProps.subMenuMode,
       inlineIndent = _getCompProps.inlineIndent,
       className = _getCompProps.className,
@@ -21859,20 +21879,22 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
       _getCompProps$padding = _getCompProps.paddingLeft,
       paddingLeft = _getCompProps$padding === void 0 ? 0 : _getCompProps$padding,
       style = _getCompProps.style,
-      restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default()(_getCompProps, _excluded);
+      parentPath = _getCompProps.parentPath,
+      restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default()(_getCompProps, _excluded);
 
-  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_8__["default"])(!keyValue && keyValue !== 0, 'menuitem', 'cannot found children in Menu.Item');
+  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_10__["default"])(!keyValue && keyValue !== 0, 'menuitem', 'cannot found children in Menu.Item');
   var prefixCls = getPrefixCls(pkgPrefixCls, 'menu-item', customPrefixcls);
-  var menuItemRef = ref || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createRef"]();
+  var menuItemRef = ref || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createRef"]();
+  var menuItemParentPath = Array.isArray(parentPath) ? [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default()(parentPath), [keyValue]) : [keyValue];
 
   var renderItemChildren = function renderItemChildren(children) {
     if (typeof children === 'string') {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("span", {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("span", {
         className: MENU_ITEM_CONTAINER_NAME
       }, children);
     }
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("div", {
       className: MENU_ITEM_CONTAINER_NAME
     }, typeof children === 'function' ? children() : children);
   };
@@ -21896,7 +21918,7 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
     e.stopPropagation();
     var info = {
       key: keyValue,
-      keyPath: [keyValue],
+      keyPath: menuItemParentPath,
       domEvent: e.nativeEvent
     };
     handleOnClick(info);
@@ -21908,7 +21930,7 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
     }
 
     if (level > 1 && mode !== 'inline') {
-      return _util__WEBPACK_IMPORTED_MODULE_7__["DEFAUTL_PADDING"];
+      return _util__WEBPACK_IMPORTED_MODULE_9__["DEFAUTL_PADDING"];
     } // if (level === 1 && icon) {
     //   return 0
     // }
@@ -21929,32 +21951,37 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
   };
   var titleStyle = {
     paddingLeft: "".concat(getPaddingLeft(), "px"),
-    paddingRight: mode !== 'inline' && level > 1 ? "".concat(_util__WEBPACK_IMPORTED_MODULE_7__["DEFAUTL_PADDING"], "px") : 0
+    paddingRight: mode !== 'inline' && level > 1 ? "".concat(_util__WEBPACK_IMPORTED_MODULE_9__["DEFAUTL_PADDING"], "px") : 0
   };
 
   var renderTitle = function renderTitle() {
     if (!icon && collapsed && level === 1 && typeof children === 'string') {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("p", null, children.charAt(0));
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("p", null, children.charAt(0));
     }
 
     return renderItemChildren(children);
   };
 
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("li", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+  react__WEBPACK_IMPORTED_MODULE_5__["useEffect"](function () {
+    if (selectedKey && selectedKey === keyValue) {
+      setSelectedKeyPath(menuItemParentPath);
+    }
+  }, [selectedKey]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("li", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
     ref: menuItemRef,
-    className: classnames__WEBPACK_IMPORTED_MODULE_6___default()(className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, prefixCls, subMenuMode !== 'horizontal'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-collapsed"), collapsed && level === 1), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-active"), selectedKey === keyValue), _classNames)),
+    className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, prefixCls, subMenuMode !== 'horizontal'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-collapsed"), collapsed && level === 1), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-active"), selectedKey === keyValue), _classNames)),
     role: "menuitem",
     style: style,
     key: keyValue
-  }, mouseEvent), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_6___default()("".concat(prefixCls, "-title")),
+  }, mouseEvent), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_8___default()("".concat(prefixCls, "-title")),
     style: titleStyle
-  }, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["cloneElement"](Object(_util__WEBPACK_IMPORTED_MODULE_7__["renderReactNodeFunction"])(icon), {
-    className: classnames__WEBPACK_IMPORTED_MODULE_6___default()("".concat(prefixCls, "-icon"))
+  }, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["cloneElement"](Object(_util__WEBPACK_IMPORTED_MODULE_9__["renderReactNodeFunction"])(icon), {
+    className: classnames__WEBPACK_IMPORTED_MODULE_8___default()("".concat(prefixCls, "-icon"))
   }), renderTitle()));
 };
 
-var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](InternalMenuItem);
+var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"](InternalMenuItem);
 MenuItem.displayName = 'MenuItem';
 /* harmony default export */ __webpack_exports__["default"] = (MenuItem);
 
@@ -22002,33 +22029,36 @@ __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_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");
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__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_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_array_includes_js__WEBPACK_IMPORTED_MODULE_5__ = __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_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_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_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 _utils_usePopper__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
+/* harmony import */ var _menuItem__WEBPACK_IMPORTED_MODULE_18__ = __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", "theme", "mode", "title", "icon", "disabled", "children", "collapsed", "keyValue", "selectedKey", "selectedKeyPath", "setSelectedKeyPath", "openKeys", "triggerSubMenuAction", "forceSubMenuRender", "inlineIndent", "className", "style", "handleOnOpenChange", "paddingLeft"];
 
 
 
@@ -22048,13 +22078,13 @@ var _excluded = ["prefixCls", "theme", "mode", "title", "icon", "disabled", "chi
 var SubMenu = function SubMenu(props) {
   var _classNames2, _classNames3;
 
-  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_7___default.a.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_8__["ConfigContext"]),
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_8___default.a.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_9__["ConfigContext"]),
       getPrefixCls = _React$useContext.getPrefixCls,
       pkgPrefixCls = _React$useContext.prefixCls,
       userDefaultProps = _React$useContext.compDefaultProps; // 属性需要合并一遍用户定义的默认属性
 
 
-  var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_9__["getCompProps"])('MenuSubMenu', userDefaultProps, props),
+  var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_10__["getCompProps"])('MenuSubMenu', userDefaultProps, props),
       customPrefixcls = _getCompProps.prefixCls,
       theme = _getCompProps.theme,
       mode = _getCompProps.mode,
@@ -22065,6 +22095,8 @@ var SubMenu = function SubMenu(props) {
       collapsed = _getCompProps.collapsed,
       keyValue = _getCompProps.keyValue,
       selectedKey = _getCompProps.selectedKey,
+      selectedKeyPath = _getCompProps.selectedKeyPath,
+      setSelectedKeyPath = _getCompProps.setSelectedKeyPath,
       openKeys = _getCompProps.openKeys,
       triggerSubMenuAction = _getCompProps.triggerSubMenuAction,
       forceSubMenuRender = _getCompProps.forceSubMenuRender,
@@ -22074,7 +22106,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_2___default()(_getCompProps, _excluded);
+      restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default()(_getCompProps, _excluded);
 
   var isVertical = mode === 'vertical'; // 初始化level
 
@@ -22082,25 +22114,31 @@ var SubMenu = function SubMenu(props) {
     restProps.level = 1;
   }
 
+  if (Array.isArray(restProps.parentPath)) {
+    restProps.parentPath = [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default()(restProps.parentPath), [keyValue]);
+  } else {
+    restProps.parentPath = [keyValue];
+  }
+
   if (mode === 'inline') {
     restProps.subMenuMode = 'vertical';
     restProps.popupOffset = [];
   }
 
-  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_16__["default"])(!children, 'submenu', 'cannot found children in Menu.SubMenu'); // className前缀
+  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_17__["default"])(!children, 'submenu', 'cannot found children in Menu.SubMenu'); // className前缀
 
   var prefixCls = getPrefixCls(pkgPrefixCls, 'menu-submenu', customPrefixcls);
-  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 subMenuRef = react__WEBPACK_IMPORTED_MODULE_8___default.a.useRef(null);
+  var subMenuWrapperRef = react__WEBPACK_IMPORTED_MODULE_8___default.a.useRef(null);
+  var subMenuVerticalRef = react__WEBPACK_IMPORTED_MODULE_8___default.a.useRef(null);
+  var subMenuWrapperVerticalRef = react__WEBPACK_IMPORTED_MODULE_8___default.a.useRef(null);
   var visible = Array.isArray(openKeys) && openKeys.includes(keyValue);
-  react__WEBPACK_IMPORTED_MODULE_7___default.a.useEffect(function () {
+  react__WEBPACK_IMPORTED_MODULE_8___default.a.useEffect(function () {
     if (!visible || isVertical) return;
     var subMenuWrapperEle = subMenuWrapperRef.current;
     var subMenuEle = subMenuRef.current;
 
-    if (subMenuWrapperEle && Object(_util__WEBPACK_IMPORTED_MODULE_12__["isElementInViewport"])(subMenuEle)) {
+    if (subMenuWrapperEle && Object(_util__WEBPACK_IMPORTED_MODULE_13__["isElementInViewport"])(subMenuEle)) {
       var position = subMenuWrapperEle.getBoundingClientRect();
       var windowHeight = document.body.offsetHeight;
 
@@ -22115,12 +22153,12 @@ var SubMenu = function SubMenu(props) {
       return 0;
     }
 
-    return _util__WEBPACK_IMPORTED_MODULE_12__["DEFAUTL_PADDING"];
+    return _util__WEBPACK_IMPORTED_MODULE_13__["DEFAUTL_PADDING"];
   };
 
   var getPaddingLeft = function getPaddingLeft() {
     if (restProps.level > 1 && mode !== 'inline') {
-      return _util__WEBPACK_IMPORTED_MODULE_12__["DEFAUTL_PADDING"];
+      return _util__WEBPACK_IMPORTED_MODULE_13__["DEFAUTL_PADDING"];
     }
 
     if (restProps.level === 1 && icon) {
@@ -22137,7 +22175,7 @@ var SubMenu = function SubMenu(props) {
 
   var curPaddingRight = getPaddingRight();
   var curPaddingLeft = getPaddingLeft();
-  var getCurrentStyle = react__WEBPACK_IMPORTED_MODULE_7___default.a.useCallback(function () {
+  var getCurrentStyle = react__WEBPACK_IMPORTED_MODULE_8___default.a.useCallback(function () {
     // 内嵌模式height主要是用来动画的，必须要设置overflow溢出隐藏
     if (mode === 'inline') {
       var _subMenuWrapperRef$cu;
@@ -22193,18 +22231,15 @@ var SubMenu = function SubMenu(props) {
   }; // 点击区域外的地方关闭
 
 
-  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_13__["useOnClickOutside"])([subMenuVerticalRef, subMenuWrapperVerticalRef], function (e) {
+  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_14__["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"])) {
+    if (!className.includes(_menuItem__WEBPACK_IMPORTED_MODULE_18__["MENU_ITEM_CONTAINER_NAME"])) {
       closeSubMenu();
     }
-  }); // // 缩略模式自动关闭子菜单
-  // if (triggerSubMenuAction === 'click' && mode === 'vertical' && collapsed) {
-  //   closeSubMenu()
-  // }
+  });
 
   var handleMouseEvent = function handleMouseEvent(status) {
     if (disabled || triggerSubMenuAction === 'click') return;
@@ -22220,9 +22255,6 @@ var SubMenu = function SubMenu(props) {
   };
 
   var handleOnClick = function handleOnClick(info) {
-    // 保存路径
-    info.keyPath = info.keyPath.concat([keyValue]);
-
     if (triggerSubMenuAction === 'click' && isVertical) {
       closeSubMenu();
     }
@@ -22237,38 +22269,38 @@ var SubMenu = function SubMenu(props) {
   };
 
   var renderItemTitle = function renderItemTitle() {
-    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 (!icon && collapsed && restProps.level === 1 && Object(_util__WEBPACK_IMPORTED_MODULE_13__["isString"])(title)) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("p", null, title.charAt(0));
     }
 
-    if (Object(_util__WEBPACK_IMPORTED_MODULE_12__["isString"])(title)) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("span", null, title);
+    if (Object(_util__WEBPACK_IMPORTED_MODULE_13__["isString"])(title)) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("span", null, title);
     }
 
-    return Object(_util__WEBPACK_IMPORTED_MODULE_12__["renderReactNodeFunction"])(title);
+    return Object(_util__WEBPACK_IMPORTED_MODULE_13__["renderReactNodeFunction"])(title);
   };
 
   var renderItemArrow = function renderItemArrow() {
     if (mode !== 'inline' || collapsed) return null;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_14__["Icon"], {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Icon"], {
       type: "arrow-down",
-      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))
+      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-arrow"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(prefixCls, "-arrow-").concat(visible ? 'up' : 'down'), true))
     });
   };
 
   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")),
+    var width = Object(_util__WEBPACK_IMPORTED_MODULE_13__["getItemWidth"])(children);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
+      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-thrid-item")),
       style: {
         width: width
       }
-    }, /*#__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, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
+      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-thrid-title"))
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("span", null, title)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.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___default.a.cloneElement(item, {
         level: restProps.level + 1,
         subMenuMode: restProps.subMenuMode,
         keyValue: item && item.key || i,
@@ -22294,20 +22326,20 @@ var SubMenu = function SubMenu(props) {
     paddingLeft: "".concat(curPaddingLeft, "px")
   }; // eslint-disable-next-line react-hooks/rules-of-hooks
 
-  var verticalView = 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, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "light", theme === 'light'), _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)),
+  var verticalView = Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_16__["default"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("li", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_12___default()(prefixCls, className, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "light", theme === 'light'), _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 && Array.isArray(openKeys) && openKeys.includes(keyValue)), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-active"), Array.isArray(selectedKeyPath) && selectedKeyPath.includes(keyValue)), _classNames2)),
     ref: subMenuVerticalRef,
     key: keyValue // style={Object.assign(style || {}, { display: mode === 'vertical' ? 'list-item' : 'none' })}
     ,
     onMouseLeave: handleOnMouseLeave,
     onMouseEnter: handleOnMouseEnter,
     onClick: handleOnClickSubMenu
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(prefixCls, "-title")),
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_12___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", {
+  }, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.cloneElement(Object(_util__WEBPACK_IMPORTED_MODULE_13__["renderReactNodeFunction"])(icon), {
+    className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-icon"))
+  }), renderItemTitle(), renderItemArrow())), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
     ref: subMenuWrapperVerticalRef,
     onMouseLeave: function onMouseLeave() {
       handleOnMouseLeave();
@@ -22315,11 +22347,11 @@ var SubMenu = function SubMenu(props) {
     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, (_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(prefixCls, "-sub-second"), restProps.level === 1), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(prefixCls, "-sub-third"), restProps.level === 2), _classNames3))
-  }, Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_10__["toArray"])(children).map(function (item, index) {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("ul", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-sub"), restProps.popupClassName, (_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(prefixCls, "-sub-second"), restProps.level === 1), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(prefixCls, "-sub-third"), restProps.level === 2), _classNames3))
+  }, 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_7___default.a.cloneElement(item, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.cloneElement(item, {
       key: key,
       level: restProps.level + 1,
       keyValue: key,
@@ -22327,19 +22359,21 @@ var SubMenu = function SubMenu(props) {
       mode: mode,
       theme: theme,
       selectedKey: selectedKey,
+      setSelectedKeyPath: setSelectedKeyPath,
       openKeys: openKeys,
       forceSubMenuRender: forceSubMenuRender,
       triggerSubMenuAction: triggerSubMenuAction,
       handleOnOpenChange: handleOnOpenChange,
       handleOnClick: handleOnClick,
       inlineIndent: inlineIndent,
-      paddingLeft: curPaddingLeft
+      paddingLeft: curPaddingLeft,
+      parentPath: restProps.parentPath
     });
   }))), {
     arrow: false,
     placement: 'rightTop',
     gap: 0,
-    visible: isVertical ? visible : false,
+    visible: isVertical && !disabled ? visible : false,
     disabled: isVertical ? undefined : true,
     prefixCls: 'kd-menu-popper',
     popperClassName: theme === 'light' ? 'light' : ''
@@ -22350,38 +22384,40 @@ var SubMenu = function SubMenu(props) {
   } else {
     var _classNames4;
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("li", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default()({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("li", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default()({
       ref: subMenuRef,
-      className: classnames__WEBPACK_IMPORTED_MODULE_11___default()(prefixCls, className, (_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(prefixCls, "-collapsed"), collapsed), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(prefixCls, "-disabled"), disabled), _classNames4)),
+      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()(prefixCls, className, (_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(prefixCls, "-collapsed"), collapsed), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(prefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(prefixCls, "-active"), Array.isArray(selectedKeyPath) && selectedKeyPath.includes(keyValue)), _classNames4)),
       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")),
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
+      className: classnames__WEBPACK_IMPORTED_MODULE_12___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", {
+    }, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.cloneElement(Object(_util__WEBPACK_IMPORTED_MODULE_13__["renderReactNodeFunction"])(icon), {
+      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-icon"))
+    }), renderItemTitle(), renderItemArrow()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___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) {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("ul", {
+      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-sub"), restProps.popupClassName)
+    }, 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_7___default.a.cloneElement(item, {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.cloneElement(item, {
         key: key,
         level: restProps.level + 1,
         keyValue: key,
         collapsed: collapsed,
         mode: mode,
         selectedKey: selectedKey,
+        setSelectedKeyPath: setSelectedKeyPath,
         openKeys: openKeys,
         forceSubMenuRender: forceSubMenuRender,
         triggerSubMenuAction: triggerSubMenuAction,
         handleOnOpenChange: handleOnOpenChange,
         handleOnClick: handleOnClick,
         inlineIndent: inlineIndent,
-        paddingLeft: curPaddingLeft
+        paddingLeft: curPaddingLeft,
+        parentPath: restProps.parentPath
       });
     }))));
   }
@@ -27615,7 +27651,9 @@ var InternalSelect = function InternalSelect(props, ref) {
       placeholder = selectProps.placeholder,
       dropdownStyle = selectProps.dropdownStyle,
       style = selectProps.style,
-      clearIcon = selectProps.clearIcon;
+      clearIcon = selectProps.clearIcon,
+      _selectProps$popperSt = selectProps.popperStyle,
+      popperStyle = _selectProps$popperSt === void 0 ? {} : _selectProps$popperSt;
   var isMultiple = mode === 'multiple'; // 是否多选
 
   var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_19__["useMergedState"])(undefined, {
@@ -27676,7 +27714,7 @@ var InternalSelect = function InternalSelect(props, ref) {
 
   var searchCls = classnames__WEBPACK_IMPORTED_MODULE_20___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-dropdown-search"), true)); // 下拉子项列表样式
 
-  var dropContentCls = classnames__WEBPACK_IMPORTED_MODULE_20___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-dropdown-scroll"), isMultiple ? (realChildren === null || realChildren === void 0 ? void 0 : realChildren.length) > 8 : (realChildren === null || realChildren === void 0 ? void 0 : realChildren.length) > 10)); // 多选底部样式
+  var dropContentCls = classnames__WEBPACK_IMPORTED_MODULE_20___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-dropdown-scroll"), (isMultiple ? (realChildren === null || realChildren === void 0 ? void 0 : realChildren.length) > 8 : (realChildren === null || realChildren === void 0 ? void 0 : realChildren.length) > 10) || selectProps.dropdownRender)); // 多选底部样式
 
   var multipleFooterCls = classnames__WEBPACK_IMPORTED_MODULE_20___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-multiple-footer"), true)); // 多选，单选公共样式
 
@@ -28222,10 +28260,10 @@ var InternalSelect = function InternalSelect(props, ref) {
       var _selectRef$current$ge = (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.getBoundingClientRect(),
           width = _selectRef$current$ge.width;
 
-      return {
+      return _objectSpread({
         width: (dropdownStyle === null || dropdownStyle === void 0 ? void 0 : dropdownStyle.width) || (width > 75 ? width : 75),
         zIndex: 1050
-      };
+      }, popperStyle);
     }
   };
 
@@ -31288,6 +31326,8 @@ function Table(props) {
   });
 
   if (footerDataSource) {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
     pipeline.footerDataSource(footerDataSource);
   }
   /* -------------------------------------------------------------------------- */
@@ -34131,8 +34171,7 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.for
       setTreeNodeClassName = _TreeProps$setTreeNod2 === void 0 ? function () {
     return '';
   } : _TreeProps$setTreeNod2,
-      _TreeProps$estimatedI = TreeProps.estimatedItemSize,
-      innerEstimatedItemSize = _TreeProps$estimatedI === void 0 ? 28 : _TreeProps$estimatedI,
+      innerEstimatedItemSize = TreeProps.estimatedItemSize,
       style = TreeProps.style;
   var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls); // 树样式前缀
 
@@ -34913,7 +34952,7 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
     className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(treeNodePrefixCls, "-item"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(treeNodePrefixCls, "-item-hover"), !disabled && selectable), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(treeNodePrefixCls, "-selected"), selected && selectable && !disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(treeNodePrefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(treeNodePrefixCls, "-opened"), expandState), "".concat(treeNodePrefixCls, "-item-").concat(nodeKey), className),
     style: _objectSpread({
-      height: "".concat(estimatedItemSize)
+      height: "".concat(estimatedItemSize, "px")
     }, style),
     onClick: handleClick
   }, renderNode());