ant-design/components/popover/index.jsx

import * as React from 'react';
import Tooltip from '../tooltip';
import getPlacements from './placements';
import warning from 'warning';
const placements = getPlacements();
export default class Popover extends React.Component {
    render() {
        return (<Tooltip transitionName={this.props.transitionName} builtinPlacements={placements} ref="tooltip" {...this.props} overlay={this.getOverlay()}>
        {this.props.children}
      </Tooltip>);
    }
    getPopupDomNode() {
        return this.refs.tooltip.getPopupDomNode();
    }
    componentDidMount() {
        if ('overlay' in this.props) {
            warning(false, '`overlay` prop of Popover is deprecated, use `content` instead.');
        }
    }
    getOverlay() {
        // use content replace overlay
        // keep overlay for compatibility
        const { title, prefixCls, overlay, content } = this.props;
        return (<div>
        {title && <div className={`${prefixCls}-title`}>{title}</div>}
        <div className={`${prefixCls}-inner-content`}>
          {content || overlay}
        </div>
      </div>);
    }
}
Popover.defaultProps = {
    prefixCls: 'ant-popover',
    placement: 'top',
    transitionName: 'zoom-big',
    trigger: 'hover',
    mouseEnterDelay: 0.1,
    mouseLeaveDelay: 0.1,
    overlayStyle: {},
};