fix ant-design/ant-design#12388. Listen onTouchStart event for popup

Author: zombieJ

src/Popup.js

@@ -21,6 +21,7 @@ class Popup extends Component {
     onMouseEnter: PropTypes.func,
     onMouseLeave: PropTypes.func,
     onMouseDown: PropTypes.func,
+    onTouchStart: PropTypes.func,
     stretch: PropTypes.string,
     children: PropTypes.node,
     point: PropTypes.shape({
@@ -139,7 +140,7 @@ class Popup extends Component {
       align, visible,
       prefixCls, style, getClassNameFromAlign,
       destroyPopupOnHide, stretch, children,
-      onMouseEnter, onMouseLeave, onMouseDown,
+      onMouseEnter, onMouseLeave, onMouseDown, onTouchStart,
     } = this.props;
     const className = this.getClassName(this.currentAlignClassName ||
       getClassNameFromAlign(align));
@@ -187,6 +188,7 @@ class Popup extends Component {
       onMouseEnter,
       onMouseLeave,
       onMouseDown,
+      onTouchStart,
       style: newStyle,
     };
     if (destroyPopupOnHide) {

src/PopupInner.js

@@ -10,6 +10,7 @@ class PopupInner extends Component {
     onMouseEnter: PropTypes.func,
     onMouseLeave: PropTypes.func,
     onMouseDown: PropTypes.func,
+    onTouchStart: PropTypes.func,
     children: PropTypes.any,
   };
   render() {
@@ -24,6 +25,7 @@ class PopupInner extends Component {
         onMouseEnter={props.onMouseEnter}
         onMouseLeave={props.onMouseLeave}
         onMouseDown={props.onMouseDown}
+        onTouchStart={props.onTouchStart}
         style={props.style}
       >
         <LazyRenderBox className={`${props.prefixCls}-content`} visible={props.visible}>

src/index.js

@@ -390,6 +390,7 @@ export default class Trigger extends React.Component {
     }
 
     mouseProps.onMouseDown = this.onPopupMouseDown;
+    mouseProps.onTouchStart = this.onPopupMouseDown;
 
     return (
       <Popup