ant-design/components/menu/index.jsx

38 lines
836 B
React
Raw Normal View History

2015-08-06 16:49:54 +08:00
import React from 'react';
2015-08-24 18:18:46 +08:00
import Menu from 'rc-menu';
2015-08-25 11:11:21 +08:00
import animation from '../common/openAnimation';
2015-08-06 16:49:54 +08:00
const AntMenu = React.createClass({
2015-08-24 18:18:46 +08:00
getDefaultProps() {
2015-08-06 16:49:54 +08:00
return {
prefixCls: 'ant-menu'
};
},
2015-08-24 18:18:46 +08:00
render() {
let openAnimation = '';
switch (this.props.mode) {
2015-09-01 16:18:46 +08:00
case 'horizontal':
openAnimation = 'slide-up';
break;
case 'vertical':
2015-09-11 14:02:00 +08:00
openAnimation = 'zoom-big';
2015-09-01 16:18:46 +08:00
break;
case 'inline':
openAnimation = animation;
break;
default:
2015-08-24 18:18:46 +08:00
}
if (this.props.mode === 'inline') {
2015-08-24 19:21:14 +08:00
return <Menu {...this.props} openAnimation={openAnimation} />;
2015-08-24 18:18:46 +08:00
} else {
2015-08-24 19:21:14 +08:00
return <Menu {...this.props} openTransitionName={openAnimation} />;
2015-08-24 18:18:46 +08:00
}
2015-08-06 16:49:54 +08:00
}
});
AntMenu.Divider = Menu.Divider;
AntMenu.Item = Menu.Item;
AntMenu.SubMenu = Menu.SubMenu;
export default AntMenu;