p96170835
/
amis
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

Tooltip 加快消失动作当另外一个即将显示的时候

This commit is contained in:
liaoxuezhi 2019-07-08 19:46:50 +08:00
parent 56ac74d95d
commit fa57d52181
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/TooltipWrapper.tsx
View File

@ -36,6 +36,8 @@ interface TooltipWrapperState {
show?: boolean;
}
let waitToHide:Function|null = null;
export class TooltipWrapper extends React.Component<TooltipWrapperProps, TooltipWrapperState> {
static defaultProps: Pick<TooltipWrapperProps, 'placement' | 'trigger' | 'rootClose' | 'delay'> = {
placement: 'top',
@ -85,6 +87,7 @@ export class TooltipWrapper extends React.Component<TooltipWrapperProps, Tooltip
}
hide() {
waitToHide = null;
this.setState({
show: false,
});
@ -102,6 +105,8 @@ export class TooltipWrapper extends React.Component<TooltipWrapperProps, Tooltip
// } = this.props;
// this.timer = setTimeout(this.show, delay);
// 顺速让即将消失的层消失。
waitToHide && waitToHide();
this.show();
}
@ -109,6 +114,7 @@ export class TooltipWrapper extends React.Component<TooltipWrapperProps, Tooltip
clearTimeout(this.timer);
const {delay} = this.props;
waitToHide = this.hide.bind(this);
this.timer = setTimeout(this.hide, delay);
}