@6thquake/react-material/esm/MenuBar/MenuBar.js

React components that implement Google's Material Design.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
Object.defineProperty(exports, "SubMenuBar", {
  enumerable: true,
  get: function get() {
    return _SubMenuBar.default;
  }
});
Object.defineProperty(exports, "MenuBarItem", {
  enumerable: true,
  get: function get() {
    return _MenuBarItem.default;
  }
});
Object.defineProperty(exports, "ItemGroup", {
  enumerable: true,
  get: function get() {
    return _MenuBarItemGroup.default;
  }
});
exports.default = void 0;

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _rcMenu = require("rc-menu");

var _SubMenuBar = _interopRequireDefault(require("./SubMenuBar"));

var _MenuBarItem = _interopRequireDefault(require("./MenuBarItem"));

var _OriginMenuBar = _interopRequireDefault(require("./OriginMenuBar"));

var _EasyMenuBar = _interopRequireDefault(require("./EasyMenuBar"));

var _MenuBarItemGroup = _interopRequireDefault(require("./MenuBarItemGroup"));

var NavBar =
/*#__PURE__*/
function (_React$Component) {
  (0, _inherits2.default)(NavBar, _React$Component);

  function NavBar() {
    (0, _classCallCheck2.default)(this, NavBar);
    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(NavBar).apply(this, arguments));
  }

  (0, _createClass2.default)(NavBar, [{
    key: "render",
    value: function render() {
      var list = this.props.list;

      if (list && list.length != 0) {
        return _react.default.createElement(_EasyMenuBar.default, this.props);
      }

      return _react.default.createElement(_OriginMenuBar.default, this.props);
    }
  }]);
  return NavBar;
}(_react.default.Component);

NavBar.propTypes = {
  /**
   * @ignore
   */
  className: _propTypes.default.string,

  /**
   * 初始选中的菜单项 key 数组
   */
  defaultOpenKeys: _propTypes.default.arrayOf(_propTypes.default.string),

  /**
   * 初始展开的 SubMenu 菜单项 key 数组
   */
  defaultSelectedKeys: _propTypes.default.arrayOf(_propTypes.default.string),

  /**
   * inline 时菜单是否收起状态
   */
  inlineCollapsed: _propTypes.default.bool,

  /**
   * list里的每一项数据的key值
   */
  itemKeysMap: _propTypes.default.shape({
    before: _propTypes.default.string,
    beforeChildren: _propTypes.default.string,
    children: _propTypes.default.string,
    className: _propTypes.default.string,
    icon: _propTypes.default.string,
    key: _propTypes.default.string,
    name: _propTypes.default.string,
    onClick: _propTypes.default.string,
    onHandle: _propTypes.default.string,
    open: _propTypes.default.string,
    style: _propTypes.default.string
  }),

  /**
   * menu展示的数据，如果直接传入list，不需要自己写children
   */
  list: _propTypes.default.array,

  /**
   * 点击 MenuItem 调用此函数 ，参数 ({item, key, keyPath})
   */
  onClick: _propTypes.default.func,

  /**
   * 取消选中时调用，仅在 multiple 生效，参数 ({item, key, selectedKeys})
   */
  onDeselect: _propTypes.default.func,

  /**
   * SubMenu 展开/关闭的回调，参数 (openKeys)
   */
  onOpenChange: _propTypes.default.func,

  /**
   * 被选中时调用，参数 ({item, key, selectedKeys})
   */
  onSelect: _propTypes.default.func,

  /**
   * 当前展开的 SubMenu 菜单项 key 数组
   */
  openKeys: _propTypes.default.arrayOf(_propTypes.default.string),

  /**
   * @ignore
   */
  prefixCls: _propTypes.default.string,

  /**
   * 当前选中的菜单项 key 数组
   */
  selectedKeys: _propTypes.default.arrayOf(_propTypes.default.string),

  /**
   * 主题颜色
   */
  theme: _propTypes.default.oneOf(['light', 'dark'])
};
NavBar.Divider = _rcMenu.Divider;
NavBar.Item = _MenuBarItem.default;
NavBar.SubMenuBar = _SubMenuBar.default;
NavBar.ItemGroup = _MenuBarItemGroup.default;
var _default = NavBar;
exports.default = _default;