Add option destroyOnHide

README.md

@@ -191,6 +191,12 @@ ReactDOM.render(
           <td></td>
           <td>to determine where Dialog will be mounted</td>
       </tr>
+      <tr>
+          <td>destroyOnHide</td>
+          <td>Boolean</td>
+          <td>false</td>
+          <td>to unmount child compenents on onClose</td>
+      </tr>
     </tbody>
 </table>
 

src/Dialog.tsx

@@ -54,6 +54,7 @@ export default class Dialog extends React.Component<IDialogPropTypes, any> {
     keyboard: true,
     closable: true,
     maskClosable: true,
+    destroyOnHide: false,
     prefixCls: 'rc-dialog',
   };
 
@@ -234,7 +235,7 @@ export default class Dialog extends React.Component<IDialogPropTypes, any> {
         component=""
         transitionAppear
       >
-        {dialogElement}
+        {(props.visible || !props.destroyOnHide) ? dialogElement : null}
       </Animate>
     );
   }

src/IDialogPropTypes.tsx

@@ -11,6 +11,7 @@ interface IDialogPropTypes {
   closable?: boolean;
   maskClosable?: boolean;
   visible?: boolean;
+  destroyOnHide ?: boolean;
   mousePosition?: {
     x: number,
     y: number,

tests/index.js

@@ -115,6 +115,24 @@ describe('dialog', () => {
     }], finish);
   });
 
+  it("destroy on hide should unmount child components on close", () => {
+    const wrapper = ReactDOM.render(<DialogWrap destroyOnHide>
+      <input className="inputElem" />
+    </DialogWrap>, container);
+    wrapper.setState({
+      visible: true,
+    });
+    $(".inputElem").val("test");
+    expect($(".inputElem").val()).to.be("test")
+    wrapper.setState({
+      visible: false,
+    });
+    wrapper.setState({
+      visible: true,
+    });
+    expect($(".inputElem").val()).to.be("")
+  })
+
   it('esc to close', (finish) => {
     async.series([(done) => {
       dialog.setState({