feat(Form): support using switch

src/form/demo/FieldType.vue

@@ -1,13 +1,14 @@
 <template>
   <demo-block :title="$t('fieldType')">
-    <van-form>
-      <van-field
-        name="checkbox"
-        :label="$t('checkbox')"
-        :rules="[{ required: true, message: $t('requireCheckbox') }]"
-      >
+    <van-form @submit="onSubmit">
+      <van-field name="checkbox" :label="$t('checkbox')">
         <van-checkbox v-model="checkbox" slot="input" shape="square" />
       </van-field>
+
+      <van-field name="switch" :label="$t('switch')">
+        <van-switch v-model="switchChecked" slot="input" size="24" />
+      </van-field>
+
       <div style="margin: 16px;">
         <van-button type="info" round block>{{ $t('submit') }}</van-button>
       </div>
@@ -20,12 +21,14 @@ export default {
   i18n: {
     'zh-CN': {
       submit: '提交',
+      switch: '开关',
       checkbox: '复选框',
       fieldType: '表单项类型',
       requireCheckbox: '请勾选复选框',
     },
     'en-US': {
       submit: 'Submit',
+      switch: 'Switch',
       checkbox: 'Checkbox',
       fieldType: 'Field Type',
       requireCheckbox: 'Checkbox is required',
@@ -35,7 +38,14 @@ export default {
   data() {
     return {
       checkbox: false,
+      switchChecked: false,
     };
   },
+
+  methods: {
+    onSubmit(values) {
+      console.log(values);
+    },
+  },
 };
 </script>