fix: Motion End disappear should work (#192)

* fix: not hide css motion

* fix lint

Author: zombieJ

examples/simple.js

@@ -69,6 +69,7 @@ class Test extends React.Component {
     offsetX: undefined,
     offsetY: undefined,
     stretch: '',
+    transitionName: 'rc-trigger-popup-zoom',
   };
 
   onPlacementChange = e => {

src/Popup.tsx

@@ -362,6 +362,7 @@ class Popup extends Component<PopupProps, PopupState> {
         removeOnLeave={false}
         onEnterEnd={this.onMotionEnd}
         onLeaveEnd={this.onMotionEnd}
+        leavedClassName={hiddenClassName}
       >
         {({ style: motionStyle, className: motionClassName }, motionRef) => (
           <Align
@@ -375,8 +376,6 @@ class Popup extends Component<PopupProps, PopupState> {
           >
             <PopupInner
               prefixCls={prefixCls}
-              visible={mergedPopupVisible}
-              hiddenClassName={hiddenClassName}
               className={classNames(mergedClassName, motionClassName)}
               ref={composeRef(motionRef, this.popupRef)}
               onMouseEnter={onMouseEnter}

src/PopupInner.tsx

@@ -1,11 +1,8 @@
 import React from 'react';
-import classNames from 'classnames';
 
 interface PopupInnerProps {
   prefixCls: string;
   className: string;
-  hiddenClassName?: string;
-  visible?: boolean;
   style?: React.CSSProperties;
   children?: React.ReactNode;
 
@@ -15,11 +12,13 @@ interface PopupInnerProps {
   onTouchStart?: React.TouchEventHandler<HTMLDivElement>;
 }
 
-const PopupInner: React.RefForwardingComponent<HTMLDivElement, PopupInnerProps> = (props, ref) => {
+const PopupInner: React.RefForwardingComponent<
+  HTMLDivElement,
+  PopupInnerProps
+> = (props, ref) => {
   const {
     prefixCls,
     className,
-    visible,
     style,
     children,
     onMouseEnter,
@@ -37,7 +36,7 @@ const PopupInner: React.RefForwardingComponent<HTMLDivElement, PopupInnerProps>
   return (
     <div
       ref={ref}
-      className={classNames(className, !visible && `${props.hiddenClassName}`)}
+      className={className}
       onMouseEnter={onMouseEnter}
       onMouseLeave={onMouseLeave}
       onMouseDown={onMouseDown}
@@ -49,7 +48,9 @@ const PopupInner: React.RefForwardingComponent<HTMLDivElement, PopupInnerProps>
   );
 };
 
-const RefPopupInner = React.forwardRef<HTMLDivElement, PopupInnerProps>(PopupInner);
+const RefPopupInner = React.forwardRef<HTMLDivElement, PopupInnerProps>(
+  PopupInner,
+);
 RefPopupInner.displayName = 'PopupInner';
 
 export default RefPopupInner;