fix input

components/input/Input.vue

@@ -1,5 +1,4 @@
 <script>
-import omit from 'omit.js'
 // import TextArea from './TextArea';
 
 import inputProps from './inputProps'
@@ -11,13 +10,15 @@ function fixControlledValue (value) {
   return value
 }
 
-let inputKey = 1
-
 export default {
   name: 'Input',
   props: {
     ...inputProps,
   },
+  model: {
+    prop: 'value',
+    event: 'change.value',
+  },
   data () {
     const { value, defaultValue } = this.$props
     return {
@@ -44,8 +45,8 @@ export default {
         this.stateValue = e.target.value
       } else {
         this.$forceUpdate()
-        this.$emit('input', e)
-        this.$emit('change', e.target.value)
+        this.$emit('change.value', e.target.value)
+        this.$emit('change', e)
       }
     },
 
@@ -143,19 +144,10 @@ export default {
         </span>
       )
     },
-    getInputKey () {
-      const { value } = this
-      // 模拟受控组件
-      if (value !== undefined) {
-        return inputKey++
-      } else {
-        return inputKey
-      }
-    },
 
     renderInput () {
       const { placeholder, type, readOnly = false, name, id, disabled = false } = this.$props
-      const { getInputKey, stateValue, getInputClassName, handleKeyDown, handleChange } = this
+      const { stateValue, getInputClassName, handleKeyDown, handleChange } = this
       return this.renderLabeledIcon(
         <input
           value={stateValue}
@@ -169,7 +161,6 @@ export default {
           onKeydown={handleKeyDown}
           onInput={handleChange}
           ref='input'
-          key={getInputKey()}
         />,
       )
     },

components/input/demo/basic.vue

@@ -1,6 +1,7 @@
 <template>
 <div>
-<AntInput placeholder="Basic usage" value="123"/>
+  <AntInput placeholder="Basic usage" v-model="value"/>
+  <AntInput placeholder="Basic usage" :value="value" @change="change"/>
   <AntInput placeholder="Basic usage" defaultValue="mysite"/>
 </div>
 
@@ -9,6 +10,16 @@
 
 import { Input } from 'antd'
 export default {
+  data () {
+    return {
+      value: '12345',
+    }
+  },
+  methods: {
+    change (e) {
+      this.value = e.target.value
+    },
+  },
   components: {
     AntInput: Input,
   },