text: 'use strict';
  
  Object.defineProperty(exports, "__esModule", {
      value: true
  });
  
  var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
  
  var _defineProperty3 = _interopRequireDefault(_defineProperty2);
  
  var _extends2 = require('babel-runtime/helpers/extends');
  
  var _extends3 = _interopRequireDefault(_extends2);
  
  var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
  
  var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
  
  var _createClass2 = require('babel-runtime/helpers/createClass');
  
  var _createClass3 = _interopRequireDefault(_createClass2);
  
  var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
  
  var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
  
  var _inherits2 = require('babel-runtime/helpers/inherits');
  
  var _inherits3 = _interopRequireDefault(_inherits2);
  
  var _react = require('react');
  
  var React = _interopRequireWildcard(_react);
  
  var _rcMenu = require('rc-menu');
  
  var _rcMenu2 = _interopRequireDefault(_rcMenu);
  
  var _propTypes = require('prop-types');
  
  var _propTypes2 = _interopRequireDefault(_propTypes);
  
  var _classnames = require('classnames');
  
  var _classnames2 = _interopRequireDefault(_classnames);
  
  var _openAnimation = require('../_util/openAnimation');
  
  var _openAnimation2 = _interopRequireDefault(_openAnimation);
  
  var _warning = require('../_util/warning');
  
  var _warning2 = _interopRequireDefault(_warning);
  
  var _SubMenu = require('./SubMenu');
  
  var _SubMenu2 = _interopRequireDefault(_SubMenu);
  
  var _MenuItem = require('./MenuItem');
  
  var _MenuItem2 = _interopRequireDefault(_MenuItem);
  
  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj['default'] = obj; return newObj; } }
  
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
  
  var Menu = function (_React$Component) {
      (0, _inherits3['default'])(Menu, _React$Component);
  
      function Menu(props) {
          (0, _classCallCheck3['default'])(this, Menu);
  
          var _this = (0, _possibleConstructorReturn3['default'])(this, (Menu.__proto__ || Object.getPrototypeOf(Menu)).call(this, props));
  
          _this.inlineOpenKeys = [];
          _this.handleClick = function (e) {
              _this.handleOpenChange([]);
              var onClick = _this.props.onClick;
  
              if (onClick) {
                  onClick(e);
              }
          };
          _this.handleOpenChange = function (openKeys) {
              _this.setOpenKeys(openKeys);
              var onOpenChange = _this.props.onOpenChange;
  
              if (onOpenChange) {
                  onOpenChange(openKeys);
              }
          };
          (0, _warning2['default'])(!('onOpen' in props || 'onClose' in props), '`onOpen` and `onClose` are removed, please use `onOpenChange` instead, ' + 'see: https://u.ant.design/menu-on-open-change.');
          (0, _warning2['default'])(!('inlineCollapsed' in props && props.mode !== 'inline'), '`inlineCollapsed` should only be used when Menu\'s `mode` is inline.');
          var openKeys = void 0;
          if ('defaultOpenKeys' in props) {
              openKeys = props.defaultOpenKeys;
          } else if ('openKeys' in props) {
              openKeys = props.openKeys;
          }
          _this.state = {
              openKeys: openKeys || []
          };
          return _this;
      }
  
      (0, _createClass3['default'])(Menu, [{
          key: 'getChildContext',
          value: function getChildContext() {
              return {
                  inlineCollapsed: this.getInlineCollapsed(),
                  antdMenuTheme: this.props.theme
              };
          }
      }, {
          key: 'componentWillReceiveProps',
          value: function componentWillReceiveProps(nextProps, nextContext) {
              if (this.props.mode === 'inline' && nextProps.mode !== 'inline') {
                  this.switchModeFromInline = true;
              }
              if ('openKeys' in nextProps) {
                  this.setState({ openKeys: nextProps.openKeys });
                  return;
              }
              if (nextProps.inlineCollapsed && !this.props.inlineCollapsed || nextContext.siderCollapsed && !this.context.siderCollapsed) {
                  this.switchModeFromInline = !!this.state.openKeys.length;
                  this.inlineOpenKeys = this.state.openKeys;
                  this.setState({ openKeys: [] });
              }
              if (!nextProps.inlineCollapsed && this.props.inlineCollapsed || !nextContext.siderCollapsed && this.context.siderCollapsed) {
                  this.setState({ openKeys: this.inlineOpenKeys });
                  this.inlineOpenKeys = [];
              }
          }
      }, {
          key: 'setOpenKeys',
          value: function setOpenKeys(openKeys) {
              if (!('openKeys' in this.props)) {
                  this.setState({ openKeys: openKeys });
              }
          }
      }, {
          key: 'getRealMenuMode',
          value: function getRealMenuMode() {
              var inlineCollapsed = this.getInlineCollapsed();
              if (this.switchModeFromInline && inlineCollapsed) {
                  return 'inline';
              }
              var mode = this.props.mode;
  
              return inlineCollapsed ? 'vertical' : mode;
          }
      }, {
          key: 'getInlineCollapsed',
          value: function getInlineCollapsed() {
              var inlineCollapsed = this.props.inlineCollapsed;
  
              if (this.context.siderCollapsed !== undefined) {
                  return this.context.siderCollapsed;
              }
              return inlineCollapsed;
          }
      }, {
          key: 'getMenuOpenAnimation',
          value: function getMenuOpenAnimation(menuMode) {
              var _this2 = this;
  
              var _props = this.props,
                  openAnimation = _props.openAnimation,
                  openTransitionName = _props.openTransitionName;
  
              var menuOpenAnimation = openAnimation || openTransitionName;
              if (openAnimation === undefined && openTransitionName === undefined) {
                  switch (menuMode) {
                      case 'horizontal':
                          menuOpenAnimation = 'slide-up';
                          break;
                      case 'vertical':
                      case 'vertical-left':
                      case 'vertical-right':
                          // When mode switch from inline
                          // submenu should hide without animation
                          if (this.switchModeFromInline) {
                              menuOpenAnimation = '';
                              this.switchModeFromInline = false;
                          } else {
                              menuOpenAnimation = 'zoom-big';
                          }
                          break;
                      case 'inline':
                          menuOpenAnimation = (0, _extends3['default'])({}, _openAnimation2['default'], { leave: function leave(node, done) {
                                  return _openAnimation2['default'].leave(node, function () {
                                      // Make sure inline menu leave animation finished before mode is switched
                                      _this2.switchModeFromInline = false;
                                      _this2.setState({});
                                      // when inlineCollapsed change false to true, all submenu will be unmounted,
                                      // so that we don't need handle animation leaving.
                                      if (_this2.getRealMenuMode() === 'vertical') {
                                          return;
                                      }
                                      done();
                                  });
                              } });
                          break;
                      default:
                  }
              }
              return menuOpenAnimation;
          }
      }, {
          key: 'render',
          value: function render() {
              var _props2 = this.props,
                  prefixCls = _props2.prefixCls,
                  className = _props2.className,
                  theme = _props2.theme;
  
              var menuMode = this.getRealMenuMode();
              var menuOpenAnimation = this.getMenuOpenAnimation(menuMode);
              var menuClassName = (0, _classnames2['default'])(className, prefixCls + '-' + theme, (0, _defineProperty3['default'])({}, prefixCls + '-inline-collapsed', this.getInlineCollapsed()));
              var menuProps = {
                  openKeys: this.state.openKeys,
                  onOpenChange: this.handleOpenChange,
                  className: menuClassName,
                  mode: menuMode
              };
              if (menuMode !== 'inline') {
                  // closing vertical popup submenu after click it
                  menuProps.onClick = this.handleClick;
                  menuProps.openTransitionName = menuOpenAnimation;
              } else {
                  menuProps.openAnimation = menuOpenAnimation;
              }
              return React.createElement(_rcMenu2['default'], (0, _extends3['default'])({}, this.props, menuProps));
          }
      }]);
      return Menu;
  }(React.Component);
  
  exports['default'] = Menu;
  
  Menu.Divider = _rcMenu.Divider;
  Menu.Item = _MenuItem2['default'];
  Menu.SubMenu = _SubMenu2['default'];
  Menu.ItemGroup = _rcMenu.ItemGroup;
  Menu.defaultProps = {
      prefixCls: 'ant-menu',
      className: '',
      theme: 'light'
  };
  Menu.childContextTypes = {
      inlineCollapsed: _propTypes2['default'].bool,
      antdMenuTheme: _propTypes2['default'].string
  };
  Menu.contextTypes = {
      siderCollapsed: _propTypes2['default'].bool
  };
  module.exports = exports['default'];