test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-30 02:59:04 +08:00
Code Issues Actions 68 Packages Projects Releases Wiki Activity

Fix Tag with wave effect

Browse Source
This commit is contained in:
afc163 2018-08-11 15:46:45 +08:00
parent 4d7f1b191f
commit 589415ed95
2 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/_util/wave.tsx
View File

@ -18,6 +18,9 @@ export default class Wave extends React.Component<{insertExtraNode?: boolean}> {
}
onClick = (node: HTMLElement) => {
if (node.className.indexOf('-leave') >= 0) {
return;
}
this.removeExtraStyleNode();
const { insertExtraNode } = this.props;
const extraNode = document.createElement('div');

20
components/tag/index.tsx
View File

@ -142,17 +142,17 @@ class Tag extends React.Component<TagProps, TagState> {
</div>
);
return (
<Animate
component=""
showProp="data-show"
transitionName={`${prefixCls}-zoom`}
transitionAppear
onEnd={this.animationEnd}
>
<Wave>
<Wave>
<Animate
component=""
showProp="data-show"
transitionName={`${prefixCls}-zoom`}
transitionAppear
onEnd={this.animationEnd}
>
{tag}
</Wave>
</Animate>
</Animate>
</Wave>
);
}
}