fix schemas

fix chain grammar
change function name: addFields -> addValues; removeFields -> removeValues
add test

Author: MinJieLiu

README.md

@@ -145,10 +145,10 @@ return (
 | changeValues | function | | true | Customize to change the values |
 | validate | function | | true | Validate all fields |
 | validateByNames | function | | true | Validate the component through names |
-| addFields | function | | true | Add one or more fields |
-| removeFields | function | | true | Deletes one or more fields |
+| addValues | function | | true | Add one or more value |
+| removeValues | function | | true | Remove one or more value |
 | addSchemas | function | | false | Add one or more validation rules |
-| removeSchemas | function | | true | Delete one or more validation rules |
+| removeSchemas | function | | true | Remove one or more validation rules |
 
 You can either pass in `values` as an argument, or call the `init` method when the form is initialized.
 

example/ChildForm.jsx

@@ -25,25 +25,22 @@ class ChildForm extends Component {
   }
 
   handleAddFriends = () => {
-    const { formControl: { addFields, addSchemas } } = this.props;
-    // init value
-    addFields({
-      friend: {
-        value: '',
-      },
-    });
-    addSchemas({
+    const { formControl } = this.props;
+    formControl.addSchemas({
       friend: {
         rules: 'required',
         messages: 'Can not be empty!',
       },
+    }).addValues({
+      friend: '',
     });
   };
 
   handleDeleteFriend = () => {
-    const { formControl: { removeSchemas, removeFields } } = this.props;
-    removeSchemas('friend');
-    removeFields('friend');
+    const { formControl } = this.props;
+    formControl
+      .removeSchemas('friend')
+      .removeValues('friend');
   };
 
   render() {

lib/FormControl.js

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

lib/FormControl.js.map

@@ -11,7 +11,7 @@ import Validator from 'validate-framework-utils';
  * @param methods Extended Validation Method
  * @return Component
  */
-export default (schemas = {}, methods) => FormComponent => (
+export default (schemas, methods) => FormComponent => (
 
   /**
    * Returns a react form
@@ -145,11 +145,17 @@ export default (schemas = {}, methods) => FormComponent => (
       Object.assign(classNames, classes);
       // Initialize
       Object.keys(values).forEach((name) => {
+        const value = values[name];
         fields[name] = {
           className: classNames.static,
-          value: values[name],
+          value,
         };
+        // Synchronize values external state
+        if (this.props.values) {
+          this.props.values[name] = value;
+        }
       });
+      return this;
     };
 
     /**
@@ -255,17 +261,13 @@ export default (schemas = {}, methods) => FormComponent => (
       // Initializes
       this.init(values);
       Object.keys(values).forEach((name) => {
-        const value = values[name];
-        // Synchronize values external state
-        if (this.props.values) {
-          this.props.values[name] = value;
-        }
-        this.validateField(name, value);
+        this.validateField(name, values[name]);
       });
       // Update
       this.setState({
         fields,
       });
+      return this;
     };
 
     /**
@@ -274,6 +276,7 @@ export default (schemas = {}, methods) => FormComponent => (
      */
     addSchemas = (schema) => {
       Object.assign(this.schemas, schema);
+      return this;
     };
 
     /**
@@ -291,32 +294,29 @@ export default (schemas = {}, methods) => FormComponent => (
       this.setState({
         fields,
       });
+      return this;
     };
 
     /**
      * Add one or more fields
-     * @param newFields
+     * @param values
      */
-    addFields = (newFields) => {
-      const { classNames } = this.props;
+    addValues = (values) => {
       const { fields } = this.state;
-      Object.keys(newFields).forEach((name) => {
-        Object.assign(newFields[name], {
-          className: classNames.static,
-        });
-      });
-      Object.assign(fields, newFields);
+      // Initializes
+      this.init(values);
       // Update
       this.setState({
         fields,
       });
+      return this;
     };
 
     /**
      * Deletes one or more fields
      * @param names
      */
-    removeFields = (...names) => {
+    removeValues = (...names) => {
       const { fields } = this.state;
       names.forEach((name) => {
         delete fields[name];
@@ -325,6 +325,7 @@ export default (schemas = {}, methods) => FormComponent => (
       this.setState({
         fields,
       });
+      return this;
     };
 
     /**