mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-28 11:08:30 +08:00
25 lines
554 B
TypeScript
25 lines
554 B
TypeScript
import React from 'react';
|
|
import { Item } from 'rc-menu';
|
|
import PropTypes from 'prop-types';
|
|
import Tooltip from '../tooltip';
|
|
|
|
const MenuItem: any = (props, { inlineCollapsed }) => {
|
|
return (
|
|
<Tooltip
|
|
title={inlineCollapsed && props.level === 1 ? props.children : ''}
|
|
placement="right"
|
|
overlayClassName={`${props.rootPrefixCls}-inline-collapsed-tooltip`}
|
|
>
|
|
<Item {...props} />
|
|
</Tooltip>
|
|
);
|
|
};
|
|
|
|
MenuItem.contextTypes = {
|
|
inlineCollapsed: PropTypes.bool,
|
|
};
|
|
|
|
MenuItem.isMenuItem = 1;
|
|
|
|
export default MenuItem;
|