@douyinfe/semi-ui 2.1.0-next.0 → 2.1.0

package/lib/cjs/navigation/SubNav.js

@@ -1,438 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-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 _lodashEs = require("lodash-es");
-
-var _SubNavTransition = _interopRequireDefault(require("./SubNavTransition"));
-
-var _OpenIconTransition = _interopRequireDefault(require("./OpenIconTransition"));
-
-/* 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;
-      } else {
-        this.itemRef = {
-          current: ref
-        };
-      }
-    };
-
-    this.setTitleRef = ref => {
-      if (ref && ref.current) {
-        this.titleRef = ref;
-      } else {
-        this.titleRef = {
-          current: ref
-        };
-      }
-    };
-
-    this.handleClick = e => {
-      this.foundation.handleClick(e && e.nativeEvent, this.titleRef && this.titleRef.current);
-    };
-
-    this.handleDropdownVisible = visible => this.foundation.handleDropdownVisibleChange(visible);
-
-    this.state = {
-      isHovered: false
-    };
-    this.adapter.setCache('firstMounted', true);
-    this.titleRef = /*#__PURE__*/_react.default.createRef();
-    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 (0, _assign.default)((0, _assign.default)({}, super.adapter), {
-      updateIsHovered: isHovered => this.setState({
-        isHovered
-      }),
-      getOpenKeys: () => this.context && this.context.openKeys,
-      getOpenKeysIsControlled: () => this.context && this.context.openKeysIsControlled,
-      getCanUpdateOpenKeys: () => this.context && this.context.canUpdateOpenKeys,
-      updateOpen: isOpen => this._invokeContextFunc(isOpen ? 'addOpenKeys' : 'removeOpenKeys', this.props.itemKey),
-      notifyGlobalOpenChange: function () {
-        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 => {
-        var _context;
-
-        return Boolean(!(0, _isNullOrUndefined.default)(itemKey) && (0, _includes.default)(_context = (0, _lodashEs.get)(this.context, 'selectedKeys', [])).call(_context, itemKey));
-      },
-      getIsOpen: () => {
-        var _context2;
-
-        return Boolean(this.context && this.context.openKeys && (0, _includes.default)(_context2 = this.context.openKeys).call(_context2, this.props.itemKey));
-      }
-    });
-  }
-
-  renderIcon(icon, pos, withTransition) {
-    var _context3;
-
-    let isToggleIcon = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    let key = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-    const {
-      prefixCls
-    } = this.context;
-    let iconSize = 'large';
-
-    if (pos === _constants.strings.ICON_POS_RIGHT) {
-      iconSize = 'default';
-    }
-
-    const className = (0, _classnames.default)("".concat(prefixCls, "-item-icon"), {
-      [(0, _concat.default)(_context3 = "".concat(prefixCls, "-item-icon-toggle-")).call(_context3, this.context.toggleIconPosition)]: isToggleIcon,
-      ["".concat(prefixCls, "-item-icon-info")]: !isToggleIcon
-    });
-    const isOpen = this.adapter.getIsOpen();
-    const iconElem = /*#__PURE__*/_react.default.isValidElement(icon) ? withTransition ? /*#__PURE__*/_react.default.createElement(_OpenIconTransition.default, {
-      isOpen: isOpen
-    }, /*#__PURE__*/_react.default.cloneElement(icon, {
-      size: iconSize
-    })) : /*#__PURE__*/_react.default.cloneElement(icon, {
-      size: iconSize
-    }) : null;
-    return /*#__PURE__*/_react.default.createElement("i", {
-      key: key,
-      className: className
-    }, iconElem);
-  }
-
-  renderTitleDiv() {
-    const {
-      text,
-      icon,
-      itemKey,
-      indent,
-      disabled,
-      level
-    } = this.props;
-    const {
-      mode,
-      isInSubNav,
-      isCollapsed,
-      prefixCls,
-      subNavMotion,
-      limitIndent
-    } = this.context;
-    const titleCls = (0, _classnames.default)("".concat(prefixCls, "-sub-title"), {
-      ["".concat(prefixCls, "-sub-title-selected")]: this.adapter.getIsSelected(itemKey),
-      ["".concat(prefixCls, "-sub-title-disabled")]: disabled
-    });
-    let withTransition = false;
-    let toggleIconType = '';
-
-    if (isCollapsed) {
-      if (isInSubNav) {
-        toggleIconType = /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronRight, null);
-      } else {
-        toggleIconType = null;
-      }
-    } else if (mode === _constants.strings.MODE_HORIZONTAL) {
-      if (isInSubNav) {
-        toggleIconType = /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronRight, null);
-      } else {
-        toggleIconType = /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronDown, null); // Horizontal mode does not require animation fix#1198
-        // withTransition = true;
-      }
-    } else {
-      if (subNavMotion) {
-        withTransition = true;
-      }
-
-      toggleIconType = /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronDown, null);
-    }
-
-    let placeholderIcons = null;
-
-    if (mode === _constants.strings.MODE_VERTICAL && !limitIndent) {
-      /* Different icons' amount means different indents.*/
-      const iconAmount = icon && !indent ? level : level - 1;
-      placeholderIcons = (0, _lodashEs.times)(iconAmount, index => this.renderIcon(null, _constants.strings.ICON_POS_RIGHT, false, undefined, index));
-    }
-
-    const titleDiv = /*#__PURE__*/_react.default.createElement("div", {
-      ref: this.setTitleRef,
-      className: titleCls,
-      onClick: this.handleClick
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-item-inner")
-    }, 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, undefined, undefined, 'key-inSubNav-position-left') : null, /*#__PURE__*/_react.default.createElement("span", {
-      className: "".concat(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,
-      maxHeight
-    } = this.props;
-    const {
-      isCollapsed,
-      mode,
-      subNavMotion,
-      prefixCls
-    } = this.context;
-    const isOpen = this.adapter.getIsOpen();
-    const isHorizontal = mode === _constants.strings.MODE_HORIZONTAL;
-    const subNavCls = (0, _classnames.default)("".concat(prefixCls, "-sub"), {
-      ["".concat(prefixCls, "-sub-open")]: isOpen,
-      ["".concat(prefixCls, "-sub-popover")]: isCollapsed || isHorizontal
-    });
-
-    const ulWithMotion = /*#__PURE__*/_react.default.createElement(_SubNavTransition.default, {
-      motion: subNavMotion,
-      isCollapsed: isCollapsed,
-      maxHeight: maxHeight
-    }, !isCollapsed && isOpen ? transitionStyle => /*#__PURE__*/_react.default.createElement("ul", {
-      style: (0, _assign.default)((0, _assign.default)({}, transitionStyle), {
-        visibility: isCollapsed ? 'hidden' : 'visible'
-      }),
-      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;
-    const {
-      children,
-      dropdownStyle,
-      disabled
-    } = this.props;
-    const {
-      mode,
-      isInSubNav,
-      isCollapsed,
-      subNavCloseDelay,
-      subNavOpenDelay,
-      prefixCls
-    } = this.context;
-    const isOpen = this.adapter.getIsOpen();
-    const openKeysIsControlled = this.adapter.getOpenKeysIsControlled();
-    const subNavCls = (0, _classnames.default)({
-      ["".concat(prefixCls, "-popover")]: isCollapsed
-    });
-    const dropdownProps = {
-      trigger: 'hover',
-      style: dropdownStyle
-    };
-
-    if (openKeysIsControlled) {
-      dropdownProps.trigger = 'custom';
-      dropdownProps.visible = isOpen;
-    }
-
-    if (isCollapsed || mode === _constants.strings.MODE_HORIZONTAL) {
-      // Do not show dropdown when disabled
-      _elem = !disabled ? /*#__PURE__*/_react.default.createElement(_dropdown.default, (0, _assign.default)({
-        className: subNavCls,
-        render: /*#__PURE__*/_react.default.createElement(_dropdown.default.Menu, null, /*#__PURE__*/_react.default.createElement("li", {
-          className: "".concat(prefixCls, "-popover-crumb")
-        }), children),
-        position: mode === _constants.strings.MODE_HORIZONTAL && !isInSubNav ? 'bottomLeft' : 'rightTop',
-        mouseEnterDelay: subNavOpenDelay,
-        mouseLeaveDelay: subNavCloseDelay,
-        onVisibleChange: this.handleDropdownVisible
-      }, dropdownProps), _elem) : _elem;
-    }
-
-    return _elem;
-  }
-
-  render() {
-    const {
-      itemKey,
-      style,
-      onMouseEnter,
-      onMouseLeave,
-      disabled,
-      text
-    } = this.props;
-    const {
-      mode,
-      isCollapsed,
-      prefixCls
-    } = this.context;
-    let titleDiv = this.renderTitleDiv();
-    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,
-      itemKey: itemKey,
-      forwardRef: this.setItemRef,
-      isCollapsed: isCollapsed,
-      className: "".concat(prefixCls, "-sub-wrap"),
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
-      disabled: disabled,
-      text: text
-    }, /*#__PURE__*/_react.default.createElement(_navContext.default.Provider, {
-      value: (0, _assign.default)((0, _assign.default)({}, this.context), {
-        isInSubNav: true
-      })
-    }, titleDiv, subUl));
-  }
-
-}
-
-exports.default = SubNav;
-SubNav.contextType = _navContext.default;
-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,
-
-  /**
-   * The icon name of the right control switch (on and off status)
-   */
-  toggleIcon: _propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.shape({
-    open: _propTypes.default.string,
-    closed: _propTypes.default.string
-  })]),
-  style: _propTypes.default.object,
-
-  /**
-   * Icon name on the left
-   */
-  icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-
-  /**
-   * Maximum height (for animation)
-   */
-  maxHeight: _propTypes.default.number,
-  onMouseEnter: _propTypes.default.func,
-  onMouseLeave: _propTypes.default.func,
-  // Is it disabled
-  disabled: _propTypes.default.bool,
-  level: _propTypes.default.number
-};
-SubNav.defaultProps = {
-  level: 0,
-  indent: false,
-  isCollapsed: false,
-  isOpen: false,
-  maxHeight: _constants.numbers.DEFAULT_SUBNAV_MAX_HEIGHT,
-  toggleIcon: {
-    open: /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronUp, null),
-    closed: /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronDown, null)
-  },
-  disabled: false
-};

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

@@ -1,17 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import { Motion } from '@douyinfe/semi-foundation/lib/cjs/utils/type';
-export interface SubNavTransitionProps {
-    children?: React.ReactNode;
-    isCollapsed?: boolean;
-    maxHeight?: number;
-    motion?: Motion;
-}
-declare function SubNavTransition(props?: SubNavTransitionProps): JSX.Element;
-declare namespace SubNavTransition {
-    var propTypes: {
-        children: PropTypes.Requireable<any>;
-        isCollapsed: PropTypes.Requireable<boolean>;
-    };
-}
-export default SubNavTransition;

package/lib/cjs/navigation/SubNavTransition.js

@@ -1,90 +0,0 @@
-"use strict";
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-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 = void 0;
-
-var _semiAnimationReact = require("@douyinfe/semi-animation-react");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-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; }
-
-const ease = 'cubicBezier(.25,.1,.25,1)';
-
-const formatStyle = function formatStyle(_ref) {
-  let {
-    maxHeight,
-    opacity
-  } = _ref;
-  return {
-    maxHeight,
-    opacity
-  };
-};
-
-function SubNavTransition() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const {
-    children,
-    isCollapsed,
-    maxHeight = 999
-  } = props; // eslint-disable-next-line no-unused-vars
-
-  const [immediate, setImmediate] = (0, _react.useState)(false); // useEffect(() => {
-  //     setImmediate(isCollapsed);
-  // }, [isCollapsed]);
-
-  return /*#__PURE__*/_react.default.createElement(_semiAnimationReact.Transition, {
-    from: {
-      maxHeight: 0,
-      opacity: 0
-    },
-    enter: {
-      maxHeight: {
-        val: maxHeight,
-        easing: 'easeInQuad',
-        duration: 250
-      },
-      opacity: {
-        val: 1,
-        duration: 200,
-        easing: 'cubic-bezier(0.5, -0.1, 1, 0.4)'
-      }
-    },
-    leave: {
-      maxHeight: {
-        val: 0,
-        easing: ease,
-        duration: 250
-      },
-      opacity: {
-        val: 0,
-        duration: isCollapsed ? 1 : 200,
-        easing: 'cubic-bezier(0.5, -0.1, 1, 0.4)'
-      }
-    },
-    immediate: immediate
-  }, typeof children === 'function' ? transitionStyle => children(formatStyle(transitionStyle)) : children);
-}
-
-SubNavTransition.propTypes = {
-  children: _propTypes.default.any,
-  isCollapsed: _propTypes.default.bool
-};
-var _default = SubNavTransition;
-exports.default = _default;

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

@@ -1,145 +0,0 @@
-import BaseComponent, { BaseProps } from '../_base/baseComponent';
-import React from 'react';
-import PropTypes from 'prop-types';
-import { NavigationAdapter } from '@douyinfe/semi-foundation/lib/cjs/navigation/foundation';
-import SubNav, { SubNavProps } from './SubNav';
-import Item, { NavItemProps } from './Item';
-import Footer, { NavFooterProps } from './Footer';
-import Header, { NavHeaderProps } from './Header';
-import '@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css';
-import { Motion } from '_base/base';
-export { CollapseButtonProps } from './CollapseButton';
-export { NavFooterProps } from './Footer';
-export { NavHeaderProps } from './Header';
-export { NavItemProps } from './Item';
-export { OpenIconTransitionProps } from './OpenIconTransition';
-export { ToggleIcon, SubNavProps } from './SubNav';
-export { SubNavTransitionProps } from './SubNavTransition';
-export declare type Mode = 'vertical' | 'horizontal';
-export interface OnSelectedData {
-    itemKey: React.ReactText;
-    selectedKeys: React.ReactText[];
-    selectedItems: (NavItemProps | SubNavProps)[];
-    domEvent: React.MouseEvent;
-    isOpen: boolean;
-}
-export interface SubNavPropsWithItems extends SubNavProps {
-    items?: (SubNavPropsWithItems | string)[];
-}
-export interface NavItemPropsWithItems extends NavItemProps {
-    items?: (NavItemPropsWithItems | string)[];
-}
-export declare type NavItems = (string | SubNavPropsWithItems | NavItemPropsWithItems)[];
-export interface NavProps extends BaseProps {
-    bodyStyle?: React.CSSProperties;
-    children?: React.ReactNode;
-    defaultIsCollapsed?: boolean;
-    defaultOpenKeys?: React.ReactText[];
-    defaultSelectedKeys?: React.ReactText[];
-    footer?: React.ReactNode | NavHeaderProps;
-    header?: React.ReactNode | NavFooterProps;
-    isCollapsed?: boolean;
-    items?: NavItems;
-    limitIndent?: boolean;
-    mode?: Mode;
-    multiple?: boolean;
-    openKeys?: React.ReactText[];
-    prefixCls?: string;
-    selectedKeys?: React.ReactText[];
-    subNavCloseDelay?: number;
-    subNavMotion?: Motion;
-    subNavOpenDelay?: number;
-    toggleIconPosition?: string;
-    tooltipHideDelay?: number;
-    tooltipShowDelay?: number;
-    onClick?: (data: {
-        itemKey: React.ReactText;
-        domEvent: MouseEvent;
-        isOpen: boolean;
-    }) => void;
-    onCollapseChange?: (isCollapse: boolean) => void;
-    onDeselect?: (data?: any) => void;
-    onOpenChange?: (data: {
-        itemKey: (string | number);
-        openKeys: (string | number)[];
-        domEvent: MouseEvent;
-        isOpen: boolean;
-    }) => void;
-    onSelect?: (data: OnSelectedData) => void;
-}
-export interface NavState {
-    isCollapsed: boolean;
-    openKeys: (string | number)[];
-    items: any[];
-    itemKeysMap: {
-        [itemKey: string]: (string | number)[];
-    };
-    selectedKeys: (string | number)[];
-}
-declare class Nav extends BaseComponent<NavProps, NavState> {
-    static Sub: typeof SubNav;
-    static Item: typeof Item;
-    static Header: typeof Header;
-    static Footer: typeof Footer;
-    static propTypes: {
-        defaultOpenKeys: PropTypes.Requireable<(string | number)[]>;
-        openKeys: PropTypes.Requireable<(string | number)[]>;
-        defaultSelectedKeys: PropTypes.Requireable<(string | number)[]>;
-        selectedKeys: PropTypes.Requireable<(string | number)[]>;
-        mode: PropTypes.Requireable<string>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onOpenChange: PropTypes.Requireable<(...args: any[]) => any>;
-        items: PropTypes.Requireable<any[]>;
-        isCollapsed: PropTypes.Requireable<boolean>;
-        defaultIsCollapsed: PropTypes.Requireable<boolean>;
-        onCollapseChange: PropTypes.Requireable<(...args: any[]) => any>;
-        multiple: PropTypes.Requireable<boolean>;
-        onDeselect: PropTypes.Requireable<(...args: any[]) => any>;
-        subNavMotion: PropTypes.Requireable<boolean | object>;
-        subNavCloseDelay: PropTypes.Requireable<number>;
-        subNavOpenDelay: PropTypes.Requireable<number>;
-        tooltipShowDelay: PropTypes.Requireable<number>;
-        tooltipHideDelay: PropTypes.Requireable<number>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        style: PropTypes.Requireable<object>;
-        bodyStyle: PropTypes.Requireable<object>;
-        className: PropTypes.Requireable<string>;
-        toggleIconPosition: PropTypes.Requireable<string>;
-        prefixCls: PropTypes.Requireable<string>;
-        header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        limitIndent: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {
-        subNavCloseDelay: number;
-        subNavOpenDelay: number;
-        tooltipHideDelay: number;
-        tooltipShowDelay: number;
-        onCollapseChange: (...args: any[]) => void;
-        onSelect: (...args: any[]) => void;
-        onClick: (...args: any[]) => void;
-        onOpenChange: (...args: any[]) => void;
-        toggleIconPosition: string;
-        limitIndent: boolean;
-        prefixCls: string;
-        subNavMotion: boolean;
-        mode: string;
-    };
-    itemsChanged: boolean;
-    constructor(props: NavProps);
-    static getDerivedStateFromProps(props: NavProps, state: NavState): Partial<NavState>;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: NavProps, prevState: NavState): void;
-    get adapter(): NavigationAdapter<NavProps, NavState>;
-    /**
-     * Render navigation items recursively
-     *
-     * @param {NavItem[]} items
-     * @returns {JSX.Element}
-     */
-    renderItems(items?: (SubNavPropsWithItems | NavItemPropsWithItems)[], level?: number): JSX.Element;
-    onCollapseChange: () => void;
-    render(): JSX.Element;
-}
-export default Nav;