@kdcloudjs/kdesign 1.6.33 → 1.6.35

package/lib/menu/menuItem.js

@@ -1,122 +1,89 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MENU_ITEM_CONTAINER_NAME = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
-
 var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _configProvider = require("../config-provider");
-
 var _utils = require("../_utils");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _util = require("./util");
-
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 var MENU_ITEM_CONTAINER_NAME = 'menu-item-content-container';
 exports.MENU_ITEM_CONTAINER_NAME = MENU_ITEM_CONTAINER_NAME;
-
 var InternalMenuItem = function InternalMenuItem(props, ref) {
   var _context, _classNames;
-
   var _React$useContext = React.useContext(_configProvider.ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      pkgPrefixCls = _React$useContext.prefixCls,
-      userDefaultProps = _React$useContext.compDefaultProps; // 属性需要合并一遍用户定义的默认属性
-
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    pkgPrefixCls = _React$useContext.prefixCls,
+    userDefaultProps = _React$useContext.compDefaultProps;
+  // 属性需要合并一遍用户定义的默认属性
   var _a = (0, _utils.getCompProps)('MenuItem', userDefaultProps, props),
-      customPrefixcls = _a.prefixCls,
-      icon = _a.icon,
-      mode = _a.mode,
-      _a$level = _a.level,
-      level = _a$level === void 0 ? 1 : _a$level,
-      disabled = _a.disabled,
-      children = _a.children,
-      collapsed = _a.collapsed,
-      keyValue = _a.keyValue,
-      selectedKey = _a.selectedKey,
-      setSelectedKeyPath = _a.setSelectedKeyPath,
-      subMenuMode = _a.subMenuMode,
-      inlineIndent = _a.inlineIndent,
-      className = _a.className,
-      handleOnClick = _a.handleOnClick,
-      _a$paddingLeft = _a.paddingLeft,
-      paddingLeft = _a$paddingLeft === void 0 ? 0 : _a$paddingLeft,
-      style = _a.style,
-      parentPath = _a.parentPath,
-      restProps = __rest(_a, ["prefixCls", "icon", "mode", "level", "disabled", "children", "collapsed", "keyValue", "selectedKey", "setSelectedKeyPath", "subMenuMode", "inlineIndent", "className", "handleOnClick", "paddingLeft", "style", "parentPath"]);
-
+    customPrefixcls = _a.prefixCls,
+    icon = _a.icon,
+    mode = _a.mode,
+    _a$level = _a.level,
+    level = _a$level === void 0 ? 1 : _a$level,
+    disabled = _a.disabled,
+    children = _a.children,
+    collapsed = _a.collapsed,
+    keyValue = _a.keyValue,
+    selectedKey = _a.selectedKey,
+    setSelectedKeyPath = _a.setSelectedKeyPath,
+    subMenuMode = _a.subMenuMode,
+    inlineIndent = _a.inlineIndent,
+    className = _a.className,
+    handleOnClick = _a.handleOnClick,
+    _a$paddingLeft = _a.paddingLeft,
+    paddingLeft = _a$paddingLeft === void 0 ? 0 : _a$paddingLeft,
+    style = _a.style,
+    parentPath = _a.parentPath,
+    restProps = __rest(_a, ["prefixCls", "icon", "mode", "level", "disabled", "children", "collapsed", "keyValue", "selectedKey", "setSelectedKeyPath", "subMenuMode", "inlineIndent", "className", "handleOnClick", "paddingLeft", "style", "parentPath"]);
   (0, _devwarning.default)(!keyValue && keyValue !== 0, 'menuitem', 'cannot found children in Menu.Item');
   var prefixCls = getPrefixCls(pkgPrefixCls, 'menu-item', customPrefixcls);
   var menuItemRef = ref || /*#__PURE__*/React.createRef();
   var menuItemParentPath = Array.isArray(parentPath) ? (0, _concat.default)(_context = []).call(_context, (0, _toConsumableArray2.default)(parentPath), [keyValue]) : [keyValue];
-
   var renderItemChildren = function renderItemChildren(children) {
     if (typeof children === 'string') {
       return /*#__PURE__*/React.createElement("span", {
         className: MENU_ITEM_CONTAINER_NAME
       }, children);
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: MENU_ITEM_CONTAINER_NAME
     }, typeof children === 'function' ? children() : children);
   };
-
   var preventClick = function preventClick() {
     return !!(disabled || mode === 'inline');
   };
-
   var handleOnMouseEnter = function handleOnMouseEnter(e) {
     if (preventClick()) return;
     restProps.onMouseEnter && restProps.onMouseEnter(e);
   };
-
   var handleOnMouseLeave = function handleOnMouseLeave(e) {
     if (preventClick()) return;
     restProps.onMouseLeave && restProps.onMouseLeave(e);
   };
-
   var handleOnClickItem = function handleOnClickItem(e) {
     if (disabled) return;
     e.stopPropagation();
@@ -127,27 +94,22 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
     };
     handleOnClick(info);
   };
-
   var getPaddingLeft = function getPaddingLeft() {
     if (icon || subMenuMode === 'horizontal') {
       return 0;
     }
-
     if (level > 1 && mode !== 'inline') {
       return _util.DEFAUTL_PADDING;
-    } // if (level === 1 && icon) {
+    }
+    // if (level === 1 && icon) {
     //   return 0
     // }
     // 无图标显示首个字符不需要paddingleft
-
-
     if (!icon && collapsed && level === 1 && typeof children === 'string') {
       return 0;
     }
-
     return inlineIndent + paddingLeft;
   };
-
   var mouseEvent = {
     onClick: handleOnClickItem,
     onMouseLeave: handleOnMouseLeave,
@@ -157,15 +119,12 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
     paddingLeft: "".concat(getPaddingLeft(), "px"),
     paddingRight: mode !== 'inline' && level > 1 ? "".concat(_util.DEFAUTL_PADDING, "px") : 0
   };
-
   var renderTitle = function renderTitle() {
     if (!icon && collapsed && level === 1 && typeof children === 'string') {
       return /*#__PURE__*/React.createElement("p", null, children.charAt(0));
     }
-
     return renderItemChildren(children);
   };
-
   React.useEffect(function () {
     if (selectedKey && selectedKey === keyValue) {
       setSelectedKeyPath(menuItemParentPath);
@@ -184,7 +143,6 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
     className: (0, _classnames.default)("".concat(prefixCls, "-icon"))
   }), renderTitle()));
 };
-
 var MenuItem = /*#__PURE__*/React.forwardRef(InternalMenuItem);
 MenuItem.displayName = 'MenuItem';
 var _default = MenuItem;

package/lib/menu/style/css.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../style/index.css");
-
 require("./index.css");

package/lib/menu/style/index.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../style/index.less");
-
 require("./index.less");

package/lib/menu/subMenu.js

@@ -1,174 +1,125 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
-
 var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _configProvider = require("../config-provider");
-
 var _utils = require("../_utils");
-
 var _reactChildren = require("../_utils/react-children");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _util = require("./util");
-
 var _hooks = require("../_utils/hooks");
-
 var _index = require("../index");
-
 var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
-
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
-
 var _menuItem = require("./menuItem");
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 var SubMenu = function SubMenu(props) {
   var _classNames2, _classNames3, _context4;
-
   var _React$useContext = _react.default.useContext(_configProvider.ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      pkgPrefixCls = _React$useContext.prefixCls,
-      userDefaultProps = _React$useContext.compDefaultProps; // 属性需要合并一遍用户定义的默认属性
-
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    pkgPrefixCls = _React$useContext.prefixCls,
+    userDefaultProps = _React$useContext.compDefaultProps;
+  // 属性需要合并一遍用户定义的默认属性
   var _a = (0, _utils.getCompProps)('MenuSubMenu', userDefaultProps, props),
-      customPrefixcls = _a.prefixCls,
-      theme = _a.theme,
-      mode = _a.mode,
-      title = _a.title,
-      icon = _a.icon,
-      disabled = _a.disabled,
-      children = _a.children,
-      collapsed = _a.collapsed,
-      keyValue = _a.keyValue,
-      selectedKey = _a.selectedKey,
-      selectedKeyPath = _a.selectedKeyPath,
-      setSelectedKeyPath = _a.setSelectedKeyPath,
-      openKeys = _a.openKeys,
-      triggerSubMenuAction = _a.triggerSubMenuAction,
-      forceSubMenuRender = _a.forceSubMenuRender,
-      inlineIndent = _a.inlineIndent,
-      className = _a.className,
-      style = _a.style,
-      handleOnOpenChange = _a.handleOnOpenChange,
-      _a$paddingLeft = _a.paddingLeft,
-      paddingLeft = _a$paddingLeft === void 0 ? 0 : _a$paddingLeft,
-      restProps = __rest(_a, ["prefixCls", "theme", "mode", "title", "icon", "disabled", "children", "collapsed", "keyValue", "selectedKey", "selectedKeyPath", "setSelectedKeyPath", "openKeys", "triggerSubMenuAction", "forceSubMenuRender", "inlineIndent", "className", "style", "handleOnOpenChange", "paddingLeft"]);
-
-  var isVertical = mode === 'vertical'; // 初始化level
-
+    customPrefixcls = _a.prefixCls,
+    theme = _a.theme,
+    mode = _a.mode,
+    title = _a.title,
+    icon = _a.icon,
+    disabled = _a.disabled,
+    children = _a.children,
+    collapsed = _a.collapsed,
+    keyValue = _a.keyValue,
+    selectedKey = _a.selectedKey,
+    selectedKeyPath = _a.selectedKeyPath,
+    setSelectedKeyPath = _a.setSelectedKeyPath,
+    openKeys = _a.openKeys,
+    triggerSubMenuAction = _a.triggerSubMenuAction,
+    forceSubMenuRender = _a.forceSubMenuRender,
+    inlineIndent = _a.inlineIndent,
+    className = _a.className,
+    style = _a.style,
+    handleOnOpenChange = _a.handleOnOpenChange,
+    _a$paddingLeft = _a.paddingLeft,
+    paddingLeft = _a$paddingLeft === void 0 ? 0 : _a$paddingLeft,
+    restProps = __rest(_a, ["prefixCls", "theme", "mode", "title", "icon", "disabled", "children", "collapsed", "keyValue", "selectedKey", "selectedKeyPath", "setSelectedKeyPath", "openKeys", "triggerSubMenuAction", "forceSubMenuRender", "inlineIndent", "className", "style", "handleOnOpenChange", "paddingLeft"]);
+  var isVertical = mode === 'vertical';
+  // 初始化level
   if (!restProps.level) {
     restProps.level = 1;
   }
-
   if (Array.isArray(restProps.parentPath)) {
     var _context;
-
     restProps.parentPath = (0, _concat.default)(_context = []).call(_context, (0, _toConsumableArray2.default)(restProps.parentPath), [keyValue]);
   } else {
     restProps.parentPath = [keyValue];
   }
-
   if (mode === 'inline') {
     restProps.subMenuMode = 'vertical';
     restProps.popupOffset = [];
   }
-
-  (0, _devwarning.default)(!children, 'submenu', 'cannot found children in Menu.SubMenu'); // className前缀
-
+  (0, _devwarning.default)(!children, 'submenu', 'cannot found children in Menu.SubMenu');
+  // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'menu-submenu', customPrefixcls);
-
   var subMenuRef = _react.default.useRef(null);
-
   var subMenuWrapperRef = _react.default.useRef(null);
-
   var subMenuVerticalRef = _react.default.useRef(null);
-
   var subMenuWrapperVerticalRef = _react.default.useRef(null);
-
   var visible = Array.isArray(openKeys) && (0, _includes.default)(openKeys).call(openKeys, keyValue);
-
   _react.default.useEffect(function () {
     if (!visible || isVertical) return;
     var subMenuWrapperEle = subMenuWrapperRef.current;
     var subMenuEle = subMenuRef.current;
-
     if (subMenuWrapperEle && (0, _util.isElementInViewport)(subMenuEle)) {
       var position = subMenuWrapperEle.getBoundingClientRect();
       var windowHeight = document.body.offsetHeight;
-
       if (position.bottom > windowHeight) {
         subMenuWrapperEle.style.transform = "translate(0px,-".concat(position.bottom - windowHeight, "px)");
       }
     }
   });
-
   var getPaddingRight = function getPaddingRight() {
     if (collapsed && restProps.level === 1) {
       return 0;
     }
-
     return _util.DEFAUTL_PADDING;
   };
-
   var getPaddingLeft = function getPaddingLeft() {
     if (restProps.level > 1 && mode !== 'inline') {
       return _util.DEFAUTL_PADDING;
     }
-
     if (restProps.level === 1 && icon) {
       return 0;
-    } // 无图标显示首个字符不需要paddingleft
-
-
+    }
+    // 无图标显示首个字符不需要paddingleft
     if (!icon && collapsed && restProps.level === 1 && typeof title === 'string') {
       return 0;
     }
-
     return inlineIndent + paddingLeft;
   };
-
   var curPaddingRight = getPaddingRight();
   var curPaddingLeft = getPaddingLeft();
-
   var getCurrentStyle = _react.default.useCallback(function () {
-    var _a; // 内嵌模式height主要是用来动画的，必须要设置overflow溢出隐藏
-
-
+    var _a;
+    // 内嵌模式height主要是用来动画的，必须要设置overflow溢出隐藏
     if (mode === 'inline') {
       var height = ((_a = subMenuWrapperRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) || 0;
       return {
@@ -178,30 +129,23 @@ var SubMenu = function SubMenu(props) {
         transition: 'all 0.2s cubic-bezier(0,.4,.4,1)'
       };
     }
-
     var style = {
       visibility: forceSubMenuRender && !visible ? 'visible' : 'hidden'
     };
-
     if (restProps.subMenuMode === 'horizontal') {
       style.display = 'flex';
     }
-
     var _ref = subMenuRef.current || {
-      offsetTop: 0
-    },
-        offsetTop = _ref.offsetTop;
-
+        offsetTop: 0
+      },
+      offsetTop = _ref.offsetTop;
     var popupOffsetPosition = restProps.popupOffset;
-
     if (!Array.isArray(popupOffsetPosition) || popupOffsetPosition.length === 0) {
       popupOffsetPosition = [0, 0];
     }
-
     if (popupOffsetPosition.length === 1) {
       popupOffsetPosition = (0, _concat.default)(popupOffsetPosition).call(popupOffsetPosition, 0);
     }
-
     return (0, _extends2.default)(style, {
       position: 'absolute',
       top: "".concat(offsetTop, "px"),
@@ -210,79 +154,61 @@ var SubMenu = function SubMenu(props) {
       paddingTop: "".concat(popupOffsetPosition[1], "px")
     });
   }, [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() {
     handleVisibleChange(false, true);
-  }; // 点击区域外的地方关闭
-
-
+  };
+  // 点击区域外的地方关闭
   (0, _hooks.useOnClickOutside)([subMenuVerticalRef, subMenuWrapperVerticalRef], function (e) {
     var _a;
-
     var className = ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.className) || '';
-
     if (!(0, _includes.default)(className).call(className, _menuItem.MENU_ITEM_CONTAINER_NAME)) {
       closeSubMenu();
     }
   });
-
   var handleMouseEvent = function handleMouseEvent(status) {
     if (disabled || triggerSubMenuAction === 'click') return;
     handleVisibleChange(status);
   };
-
   var handleOnMouseEnter = function handleOnMouseEnter() {
     handleMouseEvent(true);
   };
-
   var handleOnMouseLeave = function handleOnMouseLeave() {
     handleMouseEvent(false);
   };
-
   var handleOnClick = function handleOnClick(info) {
     if (triggerSubMenuAction === 'click' && isVertical) {
       closeSubMenu();
     }
-
     restProps.handleOnClick && restProps.handleOnClick(info);
-  }; // 子菜单展开收缩
-
-
+  };
+  // 子菜单展开收缩
   var handleOnClickSubMenu = function handleOnClickSubMenu() {
     if (disabled || triggerSubMenuAction === 'hover') return;
     handleVisibleChange(!visible);
   };
-
   var renderItemTitle = function renderItemTitle() {
     if (!icon && collapsed && restProps.level === 1 && (0, _util.isString)(title)) {
       return /*#__PURE__*/_react.default.createElement("p", null, title.charAt(0));
     }
-
     if ((0, _util.isString)(title)) {
       return /*#__PURE__*/_react.default.createElement("span", null, title);
     }
-
     return (0, _util.renderReactNodeFunction)(title);
   };
-
   var renderItemArrow = function renderItemArrow() {
     var _context2;
-
     if (mode !== 'inline' || collapsed) return null;
     return /*#__PURE__*/_react.default.createElement(_index.Icon, {
       type: "arrow-down",
       className: (0, _classnames.default)("".concat(prefixCls, "-arrow"), (0, _defineProperty2.default)({}, (0, _concat.default)(_context2 = "".concat(prefixCls, "-arrow-")).call(_context2, visible ? 'up' : 'down'), true))
     });
   };
-
   if (restProps.subMenuMode === 'horizontal' && restProps.level > 1 && children) {
     var _context3;
-
     var width = (0, _util.getItemWidth)(children);
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("".concat(prefixCls, "-thrid-item")),
@@ -309,7 +235,6 @@ var SubMenu = function SubMenu(props) {
       });
     })));
   }
-
   var mouseEvent = {
     onMouseLeave: handleOnMouseLeave,
     onMouseEnter: handleOnMouseEnter,
@@ -318,8 +243,8 @@ var SubMenu = function SubMenu(props) {
   var titleStyle = {
     paddingRight: "".concat(curPaddingRight, "px"),
     paddingLeft: "".concat(curPaddingLeft, "px")
-  }; // eslint-disable-next-line react-hooks/rules-of-hooks
-
+  };
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   var verticalView = (0, _usePopper.default)( /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({
     className: (0, _classnames.default)(prefixCls, className, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "light", theme === 'light'), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-collapsed"), collapsed), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-hover"), !disabled && Array.isArray(openKeys) && (0, _includes.default)(openKeys).call(openKeys, keyValue)), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-active"), Array.isArray(selectedKeyPath) && (0, _includes.default)(selectedKeyPath).call(selectedKeyPath, keyValue)), _classNames2)),
     ref: subMenuVerticalRef,
@@ -372,12 +297,10 @@ var SubMenu = function SubMenu(props) {
     prefixCls: 'kd-menu-popper',
     popperClassName: theme === 'light' ? 'light' : ''
   });
-
   if (isVertical) {
     return verticalView;
   } else {
     var _classNames4, _context5;
-
     return /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({
       ref: subMenuRef,
       className: (0, _classnames.default)(prefixCls, className, (_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, "".concat(prefixCls, "-collapsed"), collapsed), (0, _defineProperty2.default)(_classNames4, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames4, "".concat(prefixCls, "-active"), Array.isArray(selectedKeyPath) && (0, _includes.default)(selectedKeyPath).call(selectedKeyPath, keyValue)), _classNames4)),
@@ -416,7 +339,6 @@ var SubMenu = function SubMenu(props) {
     }))));
   }
 };
-
 SubMenu.displayName = 'SubMenu';
 var _default = SubMenu;
 exports.default = _default;