feat: support forceRender

README.md

@@ -95,6 +95,12 @@ ReactDOM.render((
           <td></td>
           <td>additional className added to popup</td>
         </tr>
+        <tr>
+          <td>forceRender</td>
+          <td>boolean</td>
+          <td>false</td>
+          <td>whether render popup before first show</td>
+        </tr>
         <tr>
           <td>destroyPopupOnHide</td>
           <td>boolean</td>

package.json

@@ -61,6 +61,6 @@
     "prop-types": "15.x",
     "rc-align": "2.x",
     "rc-animate": "2.x",
-    "rc-util": "^4.2.0"
+    "rc-util": "^4.3.0"
   }
 }

src/index.js

@@ -40,6 +40,10 @@ if (!IS_REACT_16) {
         return instance.state.popupVisible;
       },
 
+      isForceRender(instance) {
+        return instance.props.forceRender;
+      },
+
       getContainer(instance) {
         return instance.getContainer();
       },
@@ -78,6 +82,7 @@ const Trigger = createReactClass({
     blurDelay: PropTypes.number,
     getPopupContainer: PropTypes.func,
     getDocument: PropTypes.func,
+    forceRender: PropTypes.bool,
     destroyPopupOnHide: PropTypes.bool,
     mask: PropTypes.bool,
     maskClosable: PropTypes.bool,
@@ -578,7 +583,7 @@ const Trigger = createReactClass({
 
     let portal;
     // prevent unmounting after it's rendered
-    if (popupVisible || this._component) {
+    if (popupVisible || this._component || props.forceRender) {
       portal = (
         <Portal
           key="portal"

tests/index.js

@@ -1,4 +1,4 @@
-/* eslint no-console:0 */
+/* eslint no-console:0, react/no-multi-comp:0 */
 
 import 'core-js/es6/map';
 import 'core-js/es6/set';
@@ -573,6 +573,35 @@ describe('rc-trigger', function main() {
     });
   });
 
+  describe('forceRender', () => {
+    it('doesn\'t render at first time when forceRender=false', () => {
+      const trigger = ReactDOM.render(
+        <Trigger popup={<span>Hello!</span>}>
+          <span>Hey!</span>
+        </Trigger>
+      , div);
+      expect(trigger.getPopupDomNode()).not.to.be.ok();
+    });
+    it('render at first time when forceRender=true', () => {
+      class Test extends React.Component {
+        saveTrigger = (trigger) => this.trigger = trigger;
+        render() {
+          return (
+            <Trigger
+              ref={this.saveTrigger}
+              forceRender
+              popup={<span>Hello!</span>}
+            >
+              <span>Hey!</span>
+            </Trigger>
+          );
+        }
+      }
+      const test = ReactDOM.render(<Test />, div);
+      expect(test.trigger.getPopupDomNode()).to.be.ok();
+    });
+  });
+
   describe('destroyPopupOnHide', () => {
     it('defaults to false', () => {
       const trigger = ReactDOM.render(