Feat/harmony form

packages/taro-harmony/src/components/components-harmony/button/index.hml

@@ -1,5 +1,18 @@
 <div>
+  <input 
+    type='submit'
+    if="{{formType === 'submit'}}"
+    @touchstart="onTouchStart"
+    @touchend="onTouchEnd"
+  >{{value}}</input>
+  <input 
+    type='reset'
+    elif="{{formType === 'reset'}}"
+    @touchstart="onTouchStart"
+    @touchend="onTouchEnd"
+  >{{value}}</input>
   <button
+    else
     id="{{id}}"
     class="{{cls}} {{clsType}} {{clsSize}} {{clsPlain}} {{clsDisable}} {{clsDisableType}} {{clsLoading}} {{clsHover}}"
     type="{{harmonyType}}"

packages/taro-harmony/src/components/components-harmony/button/index.js

@@ -35,6 +35,9 @@ export default createOption({
     hoverClass: {
       default: 'button-hover'
     },
+    formType: {
+      default: null
+    },
     cn: {
       default: []
     }

packages/taro-harmony/src/components/components-harmony/checkbox/index.hml

@@ -1,6 +1,7 @@
 <div>
   <input
     id="{{id}}"
+    name="{{name}}"
     type="checkbox"
     checked="{{checked}}"
     disabled="{{disabled}}"

packages/taro-harmony/src/components/components-harmony/checkbox/index.js

@@ -2,6 +2,7 @@ export default {
   props: [
     'id',
     'value',
+    'name',
     'disabled',
     'checked',
     'groupId',

packages/taro-harmony/src/components/components-harmony/form/index.hml

@@ -0,0 +1,10 @@
+<div>
+  <form
+    id="{{id}}"
+    class="{{cls}}"
+    @submit="onSubmit"
+    @reset="onReset"
+  >
+    <slot></slot>
+  </form>
+</div>

packages/taro-harmony/src/components/components-harmony/form/index.js

@@ -0,0 +1,11 @@
+import { createOption } from '../utils'
+
+export default createOption({
+  props: ['cls', 'id'],
+  onSubmit (e) {
+    this.$trigger('submit', { value: e.value })
+  },
+  onReset () {
+    this.$trigger('reset')
+  }
+})

packages/taro-harmony/src/components/components-harmony/input/index.hml

@@ -2,6 +2,7 @@
   <input
     id="{{ id }}"
     value="{{ value }}"
+    name="{{ name }}"
     type="{{ realType }}"
     placeholder="{{ placeholder }}"
     style="placeholder-color: {{placeholderColor}};"

packages/taro-harmony/src/components/components-harmony/input/index.js

@@ -11,6 +11,7 @@ export default createOption({
     id: String,
     value: String,
     type: String,
+    name: String,
     password: Boolean,
     placeholder: String,
     placeholderColor: '#99000000',

packages/taro-harmony/src/components/components-harmony/radio/index.hml

@@ -2,7 +2,7 @@
   id="{{ id }}"
   value="{{ value }}"
   type="radio"
-  name="{{ groupId }}"
+  name="{{ name }}"
   disabled="{{disabled}}"
   checked="{{ checked }}"
   @change="onChange"

packages/taro-harmony/src/components/components-harmony/radio/index.js

@@ -1,6 +1,7 @@
 export default {
   props: [
     'id',
+    'name',
     'groupId',
     'value',
     'checked',