fixed #812

src/components/auto-complete/auto-complete.vue

@@ -18,6 +18,7 @@
                 ref="input"
                 slot="input"
                 v-model="currentValue"
+                :name="name"
                 :placeholder="placeholder"
                 :disabled="disabled"
                 :size="size"
@@ -81,6 +82,9 @@
             transfer: {
                 type: Boolean,
                 default: false
+            },
+            name: {
+                type: String
             }
         },
         data () {

src/components/cascader/cascader.vue

@@ -1,6 +1,7 @@
 <template>
     <div :class="classes" v-clickoutside="handleClose">
         <div :class="[prefixCls + '-rel']" @click="toggleOpen" ref="reference">
+            <input type="hidden" :name="name" :value="currentValue">
             <slot>
                 <i-input
                     ref="input"
@@ -127,6 +128,9 @@
             transfer: {
                 type: Boolean,
                 default: false
+            },
+            name: {
+                type: String
             }
         },
         data () {

src/components/checkbox/checkbox.vue

@@ -9,6 +9,7 @@
                 :disabled="disabled"
                 :value="label"
                 v-model="model"
+                :name="name"
                 @change="change">
             <input
                 v-if="!group"
@@ -16,6 +17,7 @@
                 :class="inputClasses"
                 :disabled="disabled"
                 :checked="currentValue"
+                :name="name"
                 @change="change">
         </span>
         <slot><span v-if="showSlot">{{ label }}</span></slot>
@@ -58,6 +60,9 @@
                 validator (value) {
                     return oneOf(value, ['small', 'large', 'default']);
                 }
+            },
+            name: {
+                type: String
             }
         },
         data () {

src/components/color-picker/color-picker.vue

@@ -1,6 +1,7 @@
 <template>
     <div :class="classes" v-clickoutside="handleClose">
         <div ref="reference" @click="toggleVisible" :class="wrapClasses">
+            <input type="hidden" :name="name" :value="currentValue">
             <i class="ivu-icon ivu-icon-arrow-down-b ivu-input-icon ivu-input-icon-normal"></i>
             <div :class="inputClasses">
                 <div :class="[prefixCls + '-color']">
@@ -167,11 +168,15 @@
             transfer: {
                 type: Boolean,
                 default: false
+            },
+            name: {
+                type: String
             }
         },
         data () {
             return {
                 val: _colorChange(this.value),
+                currentValue: this.value,
                 prefixCls: prefixCls,
                 visible: false,
                 disableCloseUnderTransfer: false,  // transfer 模式下，点击Drop也会触发关闭
@@ -344,12 +349,14 @@
             },
             handleSuccess () {
                 const color = this.formatColor;
+                this.currentValue = color;
                 this.$emit('input', color);
                 this.$emit('on-change', color);
                 this.dispatch('FormItem', 'on-form-change', color);
                 this.handleClose();
             },
             handleClear () {
+                this.currentValue = '';
                 this.$emit('input', '');
                 this.$emit('on-change', '');
                 this.dispatch('FormItem', 'on-form-change', '');

src/components/date-picker/picker.vue

@@ -9,6 +9,7 @@
                     :size="size"
                     :placeholder="placeholder"
                     :value="visualValue"
+                    :name="name"
                     @on-input-change="handleInputChange"
                     @on-focus="handleFocus"
                     @on-click="handleIconClick"
@@ -197,6 +198,9 @@
             transfer: {
                 type: Boolean,
                 default: false
+            },
+            name: {
+                type: String
             }
         },
         data () {

src/components/radio/radio.vue

@@ -7,6 +7,7 @@
                 :class="inputClasses"
                 :disabled="disabled"
                 :checked="currentValue"
+                :name="name"
                 @change="change">
         </span><slot>{{ label }}</slot>
     </label>
@@ -44,6 +45,9 @@
                 validator (value) {
                     return oneOf(value, ['small', 'large', 'default']);
                 }
+            },
+            name: {
+                type: String
             }
         },
         data () {

src/components/rate/rate.vue

@@ -1,5 +1,6 @@
 <template>
     <div :class="classes" @mouseleave="handleMouseleave">
+        <input type="hidden" :name="name" :value="currentValue">
         <div
             v-for="item in count"
             :class="starCls(item)"
@@ -19,6 +20,7 @@
     const prefixCls = 'ivu-rate';
 
     export default {
+        name: 'Rate',
         mixins: [ Locale, Emitter ],
         props: {
             count: {
@@ -40,6 +42,9 @@
             showText: {
                 type: Boolean,
                 default: false
+            },
+            name: {
+                type: String
             }
         },
         data () {

src/components/select/select.vue

@@ -5,6 +5,7 @@
             ref="reference"
             @click="toggleMenu">
             <slot name="input">
+                <input type="hidden" :name="name" :value="model">
                 <div class="ivu-tag" v-for="(item, index) in selectedMultiple">
                     <span class="ivu-tag-text">{{ item.label }}</span>
                     <Icon type="ios-close-empty" @click.native.stop="removeTag(index)"></Icon>
@@ -131,6 +132,9 @@
             autoComplete: {
                 type: Boolean,
                 default: false
+            },
+            name: {
+                type: String
             }
         },
         data () {

src/components/slider/slider.vue

@@ -9,6 +9,7 @@
             :disabled="disabled"
             @on-change="handleInputChange"></Input-number>
         <div :class="[prefixCls + '-wrap']" ref="slider" @click.self="sliderClick">
+            <input type="hidden" :name="name" :value="currentValue">
             <template v-if="showStops">
                 <div :class="[prefixCls + '-stop']" v-for="item in stops" :style="{ 'left': item + '%' }" @click.self="sliderClick"></div>
             </template>
@@ -102,6 +103,9 @@
                 validator (value) {
                     return oneOf(value, ['hover', 'always', 'never']);
                 }
+            },
+            name: {
+                type: String
             }
         },
         data () {

src/components/switch/switch.vue

@@ -1,5 +1,6 @@
 <template>
     <span :class="wrapClasses" @click="toggle">
+        <input type="hidden" :name="name" :value="currentValue">
         <span :class="innerClasses">
             <slot name="open" v-if="currentValue === trueValue"></slot>
             <slot name="close" v-if="currentValue === falseValue"></slot>
@@ -36,6 +37,9 @@
                 validator (value) {
                     return oneOf(value, ['large', 'small', 'default']);
                 }
+            },
+            name: {
+                type: String
             }
         },
         data () {