Fix Tag with wave effect

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');

components/tag/index.tsx

@@ -142,6 +142,7 @@ class Tag extends React.Component<TagProps, TagState> {
       </div>
     );
     return (
+      <Wave>
         <Animate
           component=""
           showProp="data-show"
@@ -149,10 +150,9 @@ class Tag extends React.Component<TagProps, TagState> {
           transitionAppear
           onEnd={this.animationEnd}
         >
-        <Wave>
           {tag}
-        </Wave>
         </Animate>
+      </Wave>
     );
   }
 }