Add prop onAlign

react-component · Apr 5, 2016 · 1abed98 · 1abed98
1 parent 88d5be8
commit 1abed98
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -203,6 +203,12 @@ ReactDOM.render(<Trigger align={{
           <td></td>
           <td>builtin placement align map. used by placement prop</td>
         </tr>        
+        <tr>
+          <td>onAlign</td>
+          <td>function(popupDomNode, align)</td>
+          <td></td>
+          <td>callback when popup node is aligned</td>
+        </tr>
     </tbody>
 </table>
 

diff --git a/src/Popup.jsx b/src/Popup.jsx
@@ -17,6 +17,7 @@ const Popup = React.createClass({
     className: PropTypes.string,
     prefixCls: PropTypes.string,
     onMouseLeave: PropTypes.func,
+    onAlign: PropTypes.func,
   },
 
   componentDidMount() {
@@ -31,6 +32,9 @@ const Popup = React.createClass({
       this.currentAlignClassName = currentAlignClassName;
       popupDomNode.className = this.getClassName(currentAlignClassName);
     }
+    if (typeof props.onAlign === 'function') {
+      props.onAlign(popupDomNode, align);
+    }
   },
 
   getPopupDomNode() {

diff --git a/src/Trigger.jsx b/src/Trigger.jsx
@@ -42,6 +42,7 @@ const Trigger = React.createClass({
     popupVisible: PropTypes.bool,
     maskTransitionName: PropTypes.string,
     maskAnimation: PropTypes.string,
+    onAlign: PropTypes.func,
   },
 
   getDefaultProps() {
@@ -63,6 +64,7 @@ const Trigger = React.createClass({
       action: [],
       showAction: [],
       hideAction: [],
+      onAlign: noop,
     };
   },
 
@@ -271,6 +273,7 @@ const Trigger = React.createClass({
       transitionName={props.popupTransitionName}
       maskAnimation={props.maskAnimation}
       maskTransitionName={props.maskTransitionName}
+      onAlign={props.onAlign}
     >
       {props.popup}
     </Popup>);