-
Notifications
You must be signed in to change notification settings - Fork 187
/
Tooltip.jsx
96 lines (90 loc) · 2.88 KB
/
Tooltip.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
import React, {PropTypes} from 'react';
import {placements} from './placements';
import Trigger from 'rc-trigger';
const Tooltip = React.createClass({
propTypes: {
trigger: PropTypes.any,
children: PropTypes.any,
defaultVisible: PropTypes.bool,
visible: PropTypes.bool,
placement: PropTypes.string,
transitionName: PropTypes.string,
animation: PropTypes.any,
onVisibleChange: PropTypes.func,
afterVisibleChange: PropTypes.func,
overlay: PropTypes.node.isRequired,
overlayStyle: PropTypes.object,
overlayClassName: PropTypes.string,
prefixCls: PropTypes.string,
mouseEnterDelay: PropTypes.number,
mouseLeaveDelay: PropTypes.number,
getTooltipContainer: PropTypes.func,
destroyTooltipOnHide: PropTypes.bool,
align: PropTypes.shape({
offset: PropTypes.array,
targetOffset: PropTypes.array,
}),
arrowContent: PropTypes.any,
},
getDefaultProps() {
return {
prefixCls: 'rc-tooltip',
mouseEnterDelay: 0,
destroyTooltipOnHide: false,
mouseLeaveDelay: 0.1,
align: {},
placement: 'right',
trigger: ['hover'],
arrowContent: null,
};
},
getPopupElement() {
const {arrowContent, overlay, prefixCls} = this.props;
return ([
<div className={`${prefixCls}-arrow`} key="arrow">
{arrowContent}
</div>,
<div className={`${prefixCls}-inner`} key="content">
{overlay}
</div>,
]);
},
getPopupDomNode() {
return this.refs.trigger.popupDomNode;
},
render() {
const {overlayClassName, trigger,
mouseEnterDelay, mouseLeaveDelay,
overlayStyle, prefixCls,
children, onVisibleChange,
transitionName, animation,
placement, align,
destroyTooltipOnHide,
defaultVisible, getTooltipContainer, ...restProps} = this.props;
const extraProps = {...restProps};
if ('visible' in this.props) {
extraProps.popupVisible = this.props.visible;
}
return (<Trigger popupClassName={overlayClassName}
ref="trigger"
prefixCls={prefixCls}
popup={this.getPopupElement()}
action={trigger}
builtinPlacements={placements}
popupPlacement={placement}
popupAlign={align}
getPopupContainer={getTooltipContainer}
onPopupVisibleChange={onVisibleChange}
popupTransitionName={transitionName}
popupAnimation={animation}
defaultPopupVisible={defaultVisible}
destroyPopupOnHide={destroyTooltipOnHide}
mouseLeaveDelay={mouseLeaveDelay}
popupStyle={overlayStyle}
mouseEnterDelay={mouseEnterDelay}
{...extraProps}>
{children}
</Trigger>);
},
});
export default Tooltip;