From 3b7f95a308f5fa5709c4acbab3ae51d26bef35d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Fri, 10 Apr 2020 16:43:53 +0800
Subject: [PATCH] Autocomplete: add change event (#17913)

---
 examples/docs/en-US/input.md               | 1 +
 examples/docs/es/input.md                  | 1 +
 examples/docs/fr-FR/input.md               | 1 +
 examples/docs/zh-CN/input.md               | 1 +
 packages/autocomplete/src/autocomplete.vue | 8 ++++++--
 5 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/examples/docs/en-US/input.md b/examples/docs/en-US/input.md
index 9569f0199..0a57f01a0 100644
--- a/examples/docs/en-US/input.md
+++ b/examples/docs/en-US/input.md
@@ -659,6 +659,7 @@ Attribute | Description | Type | Options | Default
 | Event Name | Description | Parameters |
 |----| ----| ----|
 |select | triggers when a suggestion is clicked | suggestion being clicked |
+| change | triggers when the icon inside Input value change | (value: string \| number) |
 
 ### Autocomplete Methods
 
diff --git a/examples/docs/es/input.md b/examples/docs/es/input.md
index 3835a4f73..94cb72e52 100644
--- a/examples/docs/es/input.md
+++ b/examples/docs/es/input.md
@@ -674,6 +674,7 @@ export default {
 | Nombre | Descripción                                     | Parametros                                 |
 | ------ | ----------------------------------------------- | ------------------------------------------ |
 | select | se dispara cuando se hace clic a una sugerencia | sugerencia en la que se está haciendo clic |
+| change | se activa cuando cambia el valor de entrada                  | (value: string \| number) |
 
 ### Autocomplete Metodo
 
diff --git a/examples/docs/fr-FR/input.md b/examples/docs/fr-FR/input.md
index cb215d9c4..c9266aab9 100644
--- a/examples/docs/fr-FR/input.md
+++ b/examples/docs/fr-FR/input.md
@@ -660,6 +660,7 @@ export default {
 | Nom | Description | Paramètres |
 |----| ----| ----|
 | select | Se déclenche quand une suggestion est cliquée. | La suggestion sélectionnée. |
+| change | Se déclenche quand la valeur change. | (value: string \ number) |
 
 ### Méthodes de l'autocomplétion
 
diff --git a/examples/docs/zh-CN/input.md b/examples/docs/zh-CN/input.md
index 7c4783179..03f394b66 100644
--- a/examples/docs/zh-CN/input.md
+++ b/examples/docs/zh-CN/input.md
@@ -769,6 +769,7 @@ export default {
 | 事件名称 | 说明 | 回调参数 |
 |---------|--------|---------|
 | select | 点击选中建议项时触发 | 选中建议项 |
+| change | 在 Input 值改变时触发 | (value: string \| number) |
 
 ### Autocomplete Methods
 | 方法名 | 说明 | 参数 |
diff --git a/packages/autocomplete/src/autocomplete.vue b/packages/autocomplete/src/autocomplete.vue
index 2ce802b05..ee32e60a1 100644
--- a/packages/autocomplete/src/autocomplete.vue
+++ b/packages/autocomplete/src/autocomplete.vue
@@ -10,7 +10,8 @@
     <el-input
       ref="input"
       v-bind="[$props, $attrs]"
-      @input="handleChange"
+      @input="handleInput"
+      @change="handleChange"
       @focus="handleFocus"
       @blur="handleBlur"
       @clear="handleClear"
@@ -186,7 +187,7 @@
           }
         });
       },
-      handleChange(value) {
+      handleInput(value) {
         this.$emit('input', value);
         this.suggestionDisabled = false;
         if (!this.triggerOnFocus && !value) {
@@ -196,6 +197,9 @@
         }
         this.debouncedGetData(value);
       },
+      handleChange(event) {
+        this.$emit('change', event.target.value);
+      },
       handleFocus(event) {
         this.activated = true;
         this.$emit('focus', event);