add formDidChange

Author: MinJieLiu

README-zh_CN.md

@@ -160,3 +160,4 @@ return (
 | removeValues | function | | true | 删除一个或多个值 |
 | addSchemas | function | | false | 添加一个或多个验证规则 |
 | removeSchemas | function | | true | 删除一个或多个验证规则 |
+| formDidChange | function | | | 回调函数 |

README.md

@@ -149,6 +149,7 @@ return (
 | removeValues | function | | true | Remove one or more value |
 | addSchemas | function | | false | Add one or more validation rules |
 | removeSchemas | function | | true | Remove one or more validation rules |
+| formDidChange | function | | | Callback |
 
 You can either pass in `values` as an argument, or call the `init` method when the form is initialized.
 

example/ChildForm.jsx

@@ -18,7 +18,8 @@ class ChildForm extends Component {
   constructor(props) {
     super(props);
     // Initializes the values
-    props.formControl.init({
+    const { formControl } = props;
+    formControl.init({
       url: '',
     });
   }

lib/FormControl.js

@@ -1,6 +1,6 @@
 {
   "name": "react-validate-framework",
-  "version": "0.9.6",
+  "version": "0.9.7",
   "description": "React validation framework.",
   "main": "lib/index.js",
   "scripts": {

lib/FormControl.js.map

@@ -252,6 +252,7 @@ export default (schemas, methods) => FormComponent => (
       this.setState({
         fields,
       });
+      this.formDidChange();
     };
 
     /**
@@ -269,6 +270,7 @@ export default (schemas, methods) => FormComponent => (
       this.setState({
         fields,
       });
+      this.formDidChange();
       return this;
     };
 
@@ -311,6 +313,7 @@ export default (schemas, methods) => FormComponent => (
       this.setState({
         fields,
       });
+      this.formDidChange();
       return this;
     };
 
@@ -327,6 +330,7 @@ export default (schemas, methods) => FormComponent => (
       this.setState({
         fields,
       });
+      this.formDidChange();
       return this;
     };
 
@@ -351,6 +355,9 @@ export default (schemas, methods) => FormComponent => (
       return this.validateByNames(...names);
     };
 
+    // After change
+    formDidChange = () => {};
+
     render() {
       return (
         <FormComponent