feat: Add keepAlign support

ref ant-design/ant-design#20677

Author: zombieJ

package.json

@@ -58,7 +58,7 @@
     "classnames": "^2.2.6",
     "prop-types": "15.x",
     "raf": "^3.4.1",
-    "rc-align": "^3.0.0-alpha.3",
+    "rc-align": "^3.0.0-rc.0",
     "rc-animate": "^2.10.2",
     "rc-util": "^4.15.2"
   }

src/Popup.tsx

@@ -59,6 +59,7 @@ interface PopupProps {
   point?: Point;
   zIndex?: number;
   mask?: boolean;
+  keepAlign?: boolean;
 
   // Motion
   motion: MotionType;
@@ -249,6 +250,7 @@ class Popup extends Component<PopupProps, PopupState> {
       prefixCls,
       className,
       style,
+      keepAlign,
       stretch,
       visible,
       align,
@@ -332,6 +334,7 @@ class Popup extends Component<PopupProps, PopupState> {
             disabled={mergedAlignDisabled}
             align={align}
             onAlign={this.onAlign}
+            keepAlign={keepAlign}
           >
             <PopupInner
               prefixCls={prefixCls}

src/index.tsx

@@ -75,6 +75,8 @@ export interface TriggerProps {
 
   stretch?: string;
   alignPoint?: boolean; // Maybe we can support user pass position in the future
+  /** Align will repeat trigger when component did updated */
+  keepAlign?: boolean;
 
   /** Set popup motion. You can ref `rc-animate` for more info. */
   popupMotion?: MotionType;
@@ -458,6 +460,7 @@ export function generateTrigger(PortalComponent: any): React.ComponentClass<Trig
         popup,
         stretch,
         alignPoint,
+        keepAlign,
       } = this.props;
       const { popupVisible, point } = this.state;
 
@@ -497,6 +500,7 @@ export function generateTrigger(PortalComponent: any): React.ComponentClass<Trig
           maskMotion={maskMotion}
           ref={this.popupRef}
           motion={popupMotion}
+          keepAlign={keepAlign}
         >
           {typeof popup === 'function' ? popup() : popup}
         </Popup>