@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.1-alpha.0

package/lib/cjs/navigation/Footer.js

@@ -4,43 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/navigation/constants");
-
 var _CollapseButton = _interopRequireDefault(require("./CollapseButton"));
-
 require("@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css");
-
 var _navContext = _interopRequireDefault(require("./nav-context"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class NavFooter extends _react.PureComponent {
   constructor() {
     super(...arguments);
-
     this.renderCollapseButton = () => {
       const {
         collapseButton,
         collapseText
       } = this.props;
-
       if ( /*#__PURE__*/_react.default.isValidElement(collapseButton)) {
         return collapseButton;
       }
-
       const {
         onCollapseChange,
         prefixCls,
@@ -56,7 +41,6 @@ class NavFooter extends _react.PureComponent {
       });
     };
   }
-
   render() {
     const {
       style,
@@ -71,11 +55,9 @@ class NavFooter extends _react.PureComponent {
       isCollapsed,
       mode
     } = this.context;
-
     if (! /*#__PURE__*/_react.default.isValidElement(children) && collapseButton && mode !== _constants.strings.MODE_HORIZONTAL) {
       children = this.renderCollapseButton();
     }
-
     const wrapCls = (0, _classnames.default)(className, `${_constants.cssClasses.PREFIX}-footer`, {
       [`${_constants.cssClasses.PREFIX}-footer-collapsed`]: isCollapsed
     });
@@ -89,9 +71,7 @@ class NavFooter extends _react.PureComponent {
       }, children)
     );
   }
-
 }
-
 exports.default = NavFooter;
 NavFooter.contextType = _navContext.default;
 NavFooter.propTypes = {

package/lib/cjs/navigation/Header.d.ts

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css';
 import { NavContextType } from './nav-context';
 import { BaseProps } from '../_base/baseComponent';
-export declare type Logo = React.ReactNode;
+export type Logo = React.ReactNode;
 export interface NavHeaderProps extends BaseProps {
     link?: string;
     linkOptions?: React.AnchorHTMLAttributes<HTMLAnchorElement>;

package/lib/cjs/navigation/Header.js

@@ -4,36 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _isNullOrUndefined = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isNullOrUndefined"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/navigation/constants");
-
 require("@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css");
-
 var _navContext = _interopRequireDefault(require("./nav-context"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
 class NavHeader extends _react.PureComponent {
   renderLogo(logo) {
     if ( /*#__PURE__*/_react.default.isValidElement(logo)) {
       return logo;
     }
-
     return null;
   }
-
   render() {
     const {
       children,
@@ -51,28 +38,23 @@ class NavHeader extends _react.PureComponent {
     const wrapCls = (0, _classnames.default)(className, `${_constants.cssClasses.PREFIX}-header`, {
       [`${_constants.cssClasses.PREFIX}-header-collapsed`]: isCollapsed
     });
-
     let wrappedChildren = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, logo ? /*#__PURE__*/_react.default.createElement("i", {
       className: `${_constants.cssClasses.PREFIX}-header-logo`
     }, this.renderLogo(logo)) : null, !(0, _isNullOrUndefined.default)(text) && !isCollapsed ? /*#__PURE__*/_react.default.createElement("span", {
       className: `${_constants.cssClasses.PREFIX}-header-text`
     }, text) : null, children);
-
     if (typeof link === 'string') {
       wrappedChildren = /*#__PURE__*/_react.default.createElement("a", Object.assign({
         className: `${prefixCls}-header-link`,
         href: link
       }, linkOptions), wrappedChildren);
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: wrapCls,
       style: style
     }, wrappedChildren);
   }
-
 }
-
 exports.default = NavHeader;
 NavHeader.contextType = _navContext.default;
 NavHeader.propTypes = {

package/lib/cjs/navigation/Item.js

@@ -4,49 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _times2 = _interopRequireDefault(require("lodash/times"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _isNullOrUndefined = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isNullOrUndefined"));
-
 var _utils = require("../_utils");
-
 var _itemFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/navigation/itemFoundation"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/navigation/constants");
-
 var _tooltip = _interopRequireDefault(require("../tooltip"));
-
 var _navContext = _interopRequireDefault(require("./nav-context"));
-
 var _dropdown = _interopRequireDefault(require("../dropdown"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-len */
-
 /* eslint-disable no-nested-ternary */
-const clsPrefix = `${_constants.cssClasses.PREFIX}-item`;
 
+const clsPrefix = `${_constants.cssClasses.PREFIX}-item`;
 class NavItem extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.setItemRef = ref => {
       // console.log('Item - setItemRef()', ref);
       this.props.forwardRef && this.props.forwardRef(ref);
     };
-
     this.wrapTooltip = node => {
       const {
         text,
@@ -63,32 +45,24 @@ class NavItem extends _baseComponent.default {
         mouseLeaveDelay: hideDelay
       }, node);
     };
-
     this.handleClick = e => this.foundation.handleClick(e);
-
     this.handleKeyPress = e => this.foundation.handleKeyPress(e);
-
     this.state = {
       tooltipShow: false
     };
     this.foundation = new _itemFoundation.default(this.adapter);
   }
-
   _invokeContextFunc(funcName) {
     if (funcName && this.context && typeof this.context[funcName] === 'function') {
       for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
         args[_key - 1] = arguments[_key];
       }
-
       return this.context[funcName](...args);
     }
-
     return null;
   }
-
   get adapter() {
     var _this = this;
-
     return Object.assign(Object.assign({}, super.adapter), {
       cloneDeep: _utils.cloneDeep,
       updateTooltipShow: tooltipShow => this.setState({
@@ -102,14 +76,12 @@ class NavItem extends _baseComponent.default {
         for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
           args[_key2] = arguments[_key2];
         }
-
         return _this._invokeContextFunc('onSelect', ...args);
       },
       notifyGlobalOnClick: function () {
         for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
           args[_key3] = arguments[_key3];
         }
-
         return _this._invokeContextFunc('onClick', ...args);
       },
       notifyClick: function () {
@@ -126,25 +98,19 @@ class NavItem extends _baseComponent.default {
       getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(this.props.itemKey))
     });
   }
-
   renderIcon(icon, pos) {
     let isToggleIcon = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     let key = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-
     if (this.props.isSubNav) {
       return null;
     }
-
     if (!icon && this.context.mode === _constants.strings.MODE_HORIZONTAL) {
       return null;
     }
-
     let iconSize = 'large';
-
     if (pos === _constants.strings.ICON_POS_RIGHT) {
       iconSize = 'default';
     }
-
     const className = (0, _classnames.default)(`${clsPrefix}-icon`, {
       [`${clsPrefix}-icon-toggle-${this.context.toggleIconPosition}`]: isToggleIcon,
       [`${clsPrefix}-icon-info`]: !isToggleIcon
@@ -156,7 +122,6 @@ class NavItem extends _baseComponent.default {
       size: icon.props.size || iconSize
     }) : icon);
   }
-
   render() {
     const {
       text,
@@ -184,22 +149,18 @@ class NavItem extends _baseComponent.default {
     const isCollapsed = this.adapter.getIsCollapsed();
     const selected = this.adapter.getSelected();
     let itemChildren = null;
-
     if (!(0, _isNullOrUndefined.default)(children)) {
       itemChildren = children;
     } else {
       let placeholderIcons = null;
-
       if (mode === _constants.strings.MODE_VERTICAL && !limitIndent && !isCollapsed) {
         const iconAmount = icon && !indent ? level : level - 1;
         placeholderIcons = (0, _times2.default)(iconAmount, index => this.renderIcon(null, _constants.strings.ICON_POS_RIGHT, false, index));
       }
-
       itemChildren = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, placeholderIcons, this.context.toggleIconPosition === _constants.strings.TOGGLE_ICON_LEFT && this.renderIcon(toggleIcon, _constants.strings.ICON_POS_RIGHT, true, 'key-toggle-pos-right'), icon || indent || isInSubNav ? this.renderIcon(icon, _constants.strings.ICON_POS_LEFT, false, 'key-position-left') : null, !(0, _isNullOrUndefined.default)(text) ? /*#__PURE__*/_react.default.createElement("span", {
         className: `${_constants.cssClasses.PREFIX}-item-text`
       }, text) : '', this.context.toggleIconPosition === _constants.strings.TOGGLE_ICON_RIGHT && this.renderIcon(toggleIcon, _constants.strings.ICON_POS_RIGHT, true, 'key-toggle-pos-right'));
     }
-
     if (typeof link === 'string') {
       itemChildren = /*#__PURE__*/_react.default.createElement("a", Object.assign({
         className: `${prefixCls}-item-link`,
@@ -207,9 +168,7 @@ class NavItem extends _baseComponent.default {
         tabIndex: -1
       }, linkOptions), itemChildren);
     }
-
     let itemDom = '';
-
     if (isInSubNav && (isCollapsed || mode === _constants.strings.MODE_HORIZONTAL)) {
       const popoverItemCls = (0, _classnames.default)({
         [clsPrefix]: true,
@@ -242,12 +201,10 @@ class NavItem extends _baseComponent.default {
       const ariaProps = {
         'aria-disabled': disabled
       };
-
       if (isSubNav) {
         const isOpen = this.adapter.getIsOpen();
         ariaProps['aria-expanded'] = isOpen;
       }
-
       itemDom =
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
@@ -264,13 +221,11 @@ class NavItem extends _baseComponent.default {
         onMouseLeave: onMouseLeave,
         onKeyPress: this.handleKeyPress
       }), itemChildren);
-    } // Display Tooltip when disabled and SubNav
-
-
+    }
+    // Display Tooltip when disabled and SubNav
     if (isCollapsed && !isInSubNav && !isSubNav || isCollapsed && isSubNav && disabled) {
       itemDom = this.wrapTooltip(itemDom);
     }
-
     if (typeof this.context.renderWrapper === 'function') {
       return this.context.renderWrapper({
         itemElement: itemDom,
@@ -279,12 +234,9 @@ class NavItem extends _baseComponent.default {
         props: this.props
       });
     }
-
     return itemDom;
   }
-
 }
-
 exports.default = NavItem;
 NavItem.contextType = _navContext.default;
 NavItem.propTypes = {

package/lib/cjs/navigation/SubNav.js

@@ -4,48 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _times2 = _interopRequireDefault(require("lodash/times"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 require("@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css");
-
 var _isNullOrUndefined = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isNullOrUndefined"));
-
 var _subNavFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/navigation/subNavFoundation"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/navigation/constants");
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _Item = _interopRequireDefault(require("./Item"));
-
 var _dropdown = _interopRequireDefault(require("../dropdown"));
-
 var _navContext = _interopRequireDefault(require("./nav-context"));
-
 var _collapsible = _interopRequireDefault(require("../collapsible"));
-
 var _cssAnimation = _interopRequireDefault(require("../_cssAnimation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-len */
-
 /* eslint-disable no-nested-ternary */
+
 class SubNav extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.setItemRef = ref => {
       if (ref && ref.current) {
         this.itemRef = ref;
@@ -55,7 +36,6 @@ class SubNav extends _baseComponent.default {
         };
       }
     };
-
     this.setTitleRef = ref => {
       if (ref && ref.current) {
         this.titleRef = ref;
@@ -65,17 +45,13 @@ class SubNav extends _baseComponent.default {
         };
       }
     };
-
     this.handleClick = e => {
       this.foundation.handleClick(e && e.nativeEvent, this.titleRef && this.titleRef.current);
     };
-
     this.handleKeyPress = e => {
       this.foundation.handleKeyPress(e && e.nativeEvent, this.titleRef && this.titleRef.current);
     };
-
     this.handleDropdownVisible = visible => this.foundation.handleDropdownVisibleChange(visible);
-
     this.state = {
       isHovered: false
     };
@@ -84,22 +60,17 @@ class SubNav extends _baseComponent.default {
     this.itemRef = /*#__PURE__*/_react.default.createRef();
     this.foundation = new _subNavFoundation.default(this.adapter);
   }
-
   _invokeContextFunc(funcName) {
     if (funcName && this.context && typeof this.context[funcName] === 'function') {
       for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
         args[_key - 1] = arguments[_key];
       }
-
       return this.context[funcName](...args);
     }
-
     return null;
   }
-
   get adapter() {
     var _this = this;
-
     return Object.assign(Object.assign({}, super.adapter), {
       updateIsHovered: isHovered => this.setState({
         isHovered
@@ -112,28 +83,24 @@ class SubNav extends _baseComponent.default {
         for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
           args[_key2] = arguments[_key2];
         }
-
         return _this._invokeContextFunc('onOpenChange', ...args);
       },
       notifyGlobalOnSelect: function () {
         for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
           args[_key3] = arguments[_key3];
         }
-
         return _this._invokeContextFunc('onSelect', ...args);
       },
       notifyGlobalOnClick: function () {
         for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
           args[_key4] = arguments[_key4];
         }
-
         return _this._invokeContextFunc('onClick', ...args);
       },
       getIsSelected: itemKey => Boolean(!(0, _isNullOrUndefined.default)(itemKey) && (0, _get2.default)(this.context, 'selectedKeys', []).includes(String(itemKey))),
       getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(String(this.props.itemKey)))
     });
   }
-
   renderIcon(icon, pos, withTransition) {
     let isToggleIcon = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     let key = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
@@ -141,11 +108,9 @@ class SubNav extends _baseComponent.default {
       prefixCls
     } = this.context;
     let iconSize = 'large';
-
     if (pos === _constants.strings.ICON_POS_RIGHT) {
       iconSize = 'default';
     }
-
     const className = (0, _classnames.default)(`${prefixCls}-item-icon`, {
       [`${prefixCls}-item-icon-toggle-${this.context.toggleIconPosition}`]: isToggleIcon,
       [`${prefixCls}-item-icon-info`]: !isToggleIcon
@@ -163,7 +128,8 @@ class SubNav extends _baseComponent.default {
         size: iconSize,
         className: animationClassName
       });
-    }) // @ts-ignore
+    })
+    // @ts-ignore
     : /*#__PURE__*/_react.default.cloneElement(icon, {
       size: iconSize
     }) : null;
@@ -172,7 +138,6 @@ class SubNav extends _baseComponent.default {
       className: className
     }, iconElem);
   }
-
   renderTitleDiv() {
     const {
       text,
@@ -198,7 +163,6 @@ class SubNav extends _baseComponent.default {
     });
     let withTransition = false;
     let toggleIconType = '';
-
     if (isCollapsed) {
       if (isInSubNav) {
         toggleIconType = /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronRight, null);
@@ -213,29 +177,25 @@ class SubNav extends _baseComponent.default {
       } else {
         toggleIconType = expandIcon ? expandIcon : /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronDown, {
           "aria-hidden": true
-        }); // Horizontal mode does not require animation fix#1198
+        });
+        // Horizontal mode does not require animation fix#1198
         // withTransition = true;
       }
     } else {
       if (subNavMotion) {
         withTransition = true;
       }
-
       toggleIconType = expandIcon ? expandIcon : /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronDown, {
         "aria-hidden": true
       });
     }
-
     let placeholderIcons = null;
-
     if (mode === _constants.strings.MODE_VERTICAL && !limitIndent && !isCollapsed) {
       /* Different icons' amount means different indents.*/
       const iconAmount = icon && !indent ? level : level - 1;
       placeholderIcons = (0, _times2.default)(iconAmount, index => this.renderIcon(null, _constants.strings.ICON_POS_RIGHT, false, false, index));
     }
-
     const isIconChevronRightShow = !isCollapsed && isInSubNav && mode === _constants.strings.MODE_HORIZONTAL || isCollapsed && isInSubNav;
-
     const titleDiv = /*#__PURE__*/_react.default.createElement("div", {
       role: "menuitem",
       // to avoid nested horizontal navigation be focused
@@ -250,10 +210,8 @@ class SubNav extends _baseComponent.default {
     }, placeholderIcons, this.context.toggleIconPosition === _constants.strings.TOGGLE_ICON_LEFT && this.renderIcon(toggleIconType, _constants.strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-left'), icon || indent || isInSubNav && mode !== _constants.strings.MODE_HORIZONTAL ? this.renderIcon(icon, _constants.strings.ICON_POS_LEFT, false, false, 'key-inSubNav-position-left') : null, /*#__PURE__*/_react.default.createElement("span", {
       className: `${prefixCls}-item-text`
     }, text), this.context.toggleIconPosition === _constants.strings.TOGGLE_ICON_RIGHT && this.renderIcon(toggleIconType, _constants.strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-right')));
-
     return titleDiv;
   }
-
   renderSubUl() {
     const {
       children,
@@ -271,7 +229,6 @@ class SubNav extends _baseComponent.default {
       [`${prefixCls}-sub-open`]: isOpen,
       [`${prefixCls}-sub-popover`]: isCollapsed || isHorizontal
     });
-
     const ulWithMotion = /*#__PURE__*/_react.default.createElement(_collapsible.default, {
       motion: subNavMotion,
       isOpen: isOpen,
@@ -280,13 +237,11 @@ class SubNav extends _baseComponent.default {
     }, !isCollapsed ? /*#__PURE__*/_react.default.createElement("ul", {
       className: subNavCls
     }, children) : null);
-
     const finalDom = isHorizontal ? null : subNavMotion ? ulWithMotion : isOpen && !isCollapsed ? /*#__PURE__*/_react.default.createElement("ul", {
       className: subNavCls
     }, children) : null;
     return finalDom;
   }
-
   wrapDropdown() {
     let elem = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     let _elem = elem;
@@ -313,16 +268,13 @@ class SubNav extends _baseComponent.default {
       trigger: 'hover',
       style: dropdownStyle
     };
-
     if (openKeysIsControlled) {
       dropdownProps.trigger = 'custom';
       dropdownProps.visible = isOpen;
     }
-
     if (getPopupContainer) {
       dropdownProps.getPopupContainer = getPopupContainer;
     }
-
     if (isCollapsed || mode === _constants.strings.MODE_HORIZONTAL) {
       // Do not show dropdown when disabled
       _elem = !disabled ? /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
@@ -334,10 +286,8 @@ class SubNav extends _baseComponent.default {
         onVisibleChange: this.handleDropdownVisible
       }, dropdownProps), _elem) : _elem;
     }
-
     return _elem;
   }
-
   render() {
     const {
       itemKey,
@@ -353,12 +303,11 @@ class SubNav extends _baseComponent.default {
       prefixCls
     } = this.context;
     let titleDiv = this.renderTitleDiv();
-    const subUl = this.renderSubUl(); // When mode=horizontal, it is displayed in Dropdown
-
+    const subUl = this.renderSubUl();
+    // When mode=horizontal, it is displayed in Dropdown
     if (isCollapsed || mode === _constants.strings.MODE_HORIZONTAL) {
       titleDiv = this.wrapDropdown(titleDiv);
     }
-
     return /*#__PURE__*/_react.default.createElement(_Item.default, {
       style: style,
       isSubNav: true,
@@ -376,9 +325,7 @@ class SubNav extends _baseComponent.default {
       })
     }, titleDiv, subUl));
   }
-
 }
-
 exports.default = SubNav;
 SubNav.contextType = _navContext.default;
 SubNav.propTypes = {
@@ -386,38 +333,31 @@ SubNav.propTypes = {
    * Unique identification
    */
   itemKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-
   /**
    * Copywriting
    */
   text: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-
   /**
    * Whether child navigation is expanded
    */
   isOpen: _propTypes.default.bool,
-
   /**
    * Whether it is in the state of being stowed to the sidebar
    */
   isCollapsed: _propTypes.default.bool,
-
   /**
    * Whether to keep the left Icon placeholder
    */
   indent: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.number]),
-
   /**
    * Nested child elements
    */
   children: _propTypes.default.node,
   style: _propTypes.default.object,
-
   /**
    * Icon name on the left
    */
   icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-
   /**
    * Maximum height (for animation)
    */

package/lib/cjs/navigation/index.d.ts

@@ -12,7 +12,7 @@ export type { NavFooterProps } from './Footer';
 export type { NavHeaderProps } from './Header';
 export type { NavItemProps } from './Item';
 export type { SubNavProps } from './SubNav';
-export declare type Mode = 'vertical' | 'horizontal';
+export type Mode = 'vertical' | 'horizontal';
 export interface OnSelectedData {
     itemKey: React.ReactText;
     selectedKeys: React.ReactText[];
@@ -26,7 +26,7 @@ export interface SubNavPropsWithItems extends SubNavProps {
 export interface NavItemPropsWithItems extends NavItemProps {
     items?: (NavItemPropsWithItems | string)[];
 }
-export declare type NavItems = (string | SubNavPropsWithItems | NavItemPropsWithItems)[];
+export type NavItems = (string | SubNavPropsWithItems | NavItemPropsWithItems)[];
 export interface NavProps extends BaseProps {
     bodyStyle?: React.CSSProperties;
     children?: React.ReactNode;