From 589415ed95d6de5c73d26f20fade9d1c640b505e Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sat, 11 Aug 2018 15:46:45 +0800
Subject: [PATCH] Fix Tag with wave effect

---
 components/_util/wave.tsx |  3 +++
 components/tag/index.tsx  | 20 ++++++++++----------
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/components/_util/wave.tsx b/components/_util/wave.tsx
index d60574dd26..3642555fd5 100644
--- a/components/_util/wave.tsx
+++ b/components/_util/wave.tsx
@@ -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');
diff --git a/components/tag/index.tsx b/components/tag/index.tsx
index 569967ffa0..6cd8b6fa6b 100644
--- a/components/tag/index.tsx
+++ b/components/tag/index.tsx
@@ -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>
     );
   }
 }