From 9fa451d7c6445fdabc53d6040682c519bec1738f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Thu, 5 Sep 2019 18:30:00 +0800
Subject: [PATCH] fix bug of AutoComplete that can not blur when click outside

---
 examples/routers/auto-complete.vue            | 32 ++++++++++++++++++-
 package-lock.json                             |  8 ++---
 package.json                                  |  2 +-
 .../auto-complete/auto-complete.vue           |  6 ++++
 src/components/select/select.vue              |  1 +
 5 files changed, 43 insertions(+), 6 deletions(-)

diff --git a/examples/routers/auto-complete.vue b/examples/routers/auto-complete.vue
index d40c09c4..1fcf44d8 100644
--- a/examples/routers/auto-complete.vue
+++ b/examples/routers/auto-complete.vue
@@ -18,6 +18,9 @@
             </div>
             <a href="https://www.google.com/search?q=iView" target="_blank" class="demo-auto-complete-more">查看所有结果</a>
         </AutoComplete>
+<!--        <Select v-model="model1" style="width:200px">-->
+<!--            <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>-->
+<!--        </Select>-->
     </div>
 </template>
 <script>
@@ -66,7 +69,34 @@
                             }
                         ]
                     }
-                ]
+                ],
+                cityList: [
+                    {
+                        value: 'New York',
+                        label: 'New York'
+                    },
+                    {
+                        value: 'London',
+                        label: 'London'
+                    },
+                    {
+                        value: 'Sydney',
+                        label: 'Sydney'
+                    },
+                    {
+                        value: 'Ottawa',
+                        label: 'Ottawa'
+                    },
+                    {
+                        value: 'Paris',
+                        label: 'Paris'
+                    },
+                    {
+                        value: 'Canberra',
+                        label: 'Canberra'
+                    }
+                ],
+                model1: ''
             }
         }
     }
diff --git a/package-lock.json b/package-lock.json
index c379694b..95a32c67 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
     "name": "iview",
-    "version": "3.4.2",
+    "version": "3.5.0",
     "lockfileVersion": 1,
     "requires": true,
     "dependencies": {
@@ -14191,9 +14191,9 @@
             "optional": true
         },
         "v-click-outside-x": {
-            "version": "3.7.1",
-            "resolved": "https://registry.npmjs.org/v-click-outside-x/-/v-click-outside-x-3.7.1.tgz",
-            "integrity": "sha512-WmUgmcIXr9clVpm1AYS/FgHtcDicfnfoxgQCNg4O6vfk9GVnxA0vSqO321ogUo0b7czYTidj7fQENvWFMWOkUg=="
+            "version": "4.0.19",
+            "resolved": "https://registry.npmjs.org/v-click-outside-x/-/v-click-outside-x-4.0.19.tgz",
+            "integrity": "sha512-QY2XhLJWDCypJKJz+FftvpYa1nzq7mzUP756H7ucu89c/8Rx1aog9gOhPEwDK16A+y3LGvPuAYScKr6/7xh18Q=="
         },
         "v8flags": {
             "version": "2.1.1",
diff --git a/package.json b/package.json
index 1cbd33cb..f6c61413 100644
--- a/package.json
+++ b/package.json
@@ -51,7 +51,7 @@
         "lodash.throttle": "^4.1.1",
         "popper.js": "^1.14.6",
         "tinycolor2": "^1.4.1",
-        "v-click-outside-x": "^3.5.6"
+        "v-click-outside-x": "^4.0.19"
     },
     "peerDependencies": {
         "vue": "^2.5.2"
diff --git a/src/components/auto-complete/auto-complete.vue b/src/components/auto-complete/auto-complete.vue
index c80bc8f3..999a3ee5 100644
--- a/src/components/auto-complete/auto-complete.vue
+++ b/src/components/auto-complete/auto-complete.vue
@@ -14,6 +14,7 @@
         auto-complete
         :remote-method="remoteMethod"
         @on-change="handleChange"
+        @on-clickoutside="handleClickOutside"
         :transfer="transfer">
         <slot name="input">
             <i-input
@@ -167,6 +168,11 @@
                 this.currentValue = '';
                 this.$refs.select.reset();
                 this.$emit('on-clear');
+            },
+            handleClickOutside () {
+                this.$nextTick(() => {
+                    this.$refs.input.blur();
+                });
             }
         }
     };
diff --git a/src/components/select/select.vue b/src/components/select/select.vue
index 8c350e46..4cdc2a2d 100644
--- a/src/components/select/select.vue
+++ b/src/components/select/select.vue
@@ -544,6 +544,7 @@
                     event.preventDefault();
                     this.hideMenu();
                     this.isFocused = true;
+                    this.$emit('on-clickoutside', event);
                 } else {
                     this.caretPosition = -1;
                     this.isFocused = false;