feat(Form): binding checkbox

src/field/index.js

@@ -15,6 +15,12 @@ const [createComponent, bem] = createNamespace('field');
 export default createComponent({
   inheritAttrs: false,
 
+  provide() {
+    return {
+      vanField: this,
+    };
+  },
+
   inject: {
     vanForm: {
       default: null,
@@ -111,6 +117,10 @@ export default createComponent({
         return { width: addUnit(labelWidth) };
       }
     },
+
+    formValue() {
+      return this.children ? this.children.value : this.value;
+    },
   },
 
   methods: {
@@ -135,7 +145,7 @@ export default createComponent({
       }
 
       return !this.rules.some(rule => {
-        if (rule.required && !this.value) {
+        if (rule.required && !this.formValue) {
           this.validateMessage = rule.message;
           return true;
         }

src/form/demo/index.vue

@@ -17,7 +17,11 @@
           :rules="[{ required: true, message: 'password is required' }]"
           placeholder="password"
         />
-        <van-field name="agree" label="agree">
+        <van-field
+          name="agree"
+          label="agree"
+          :rules="[{ required: true, message: 'need agree' }]"
+        >
           <van-checkbox v-model="agree" slot="input" shape="square" />
         </van-field>
         <van-button type="primary">submit</van-button>

src/form/index.js

@@ -24,7 +24,7 @@ export default createComponent({
 
     getFormData() {
       return this.fields.reduce((form, field) => {
-        form[field.name] = field.value;
+        form[field.name] = field.formValue;
         return form;
       }, {});
     },

src/mixins/checkbox.js

@@ -2,11 +2,12 @@
  * Common part of Checkbox & Radio
  */
 import Icon from '../icon';
+import { FieldMixin } from './field';
 import { ChildrenMixin } from './relation';
 import { addUnit } from '../utils';
 
 export const CheckboxMixin = ({ parent, bem, role }) => ({
-  mixins: [ChildrenMixin(parent)],
+  mixins: [ChildrenMixin(parent), FieldMixin],
 
   props: {
     name: null,

src/mixins/field.js

@@ -0,0 +1,13 @@
+export const FieldMixin = {
+  inject: {
+    vanField: {
+      default: null,
+    },
+  },
+
+  created() {
+    if (this.vanField) {
+      this.vanField.children = this;
+    }
+  },
+};