From 6b285b78ed6d0547543c882deeee5f3ae8fae1ec Mon Sep 17 00:00:00 2001
From: "mo.duan" <mo.duan@tendcloud.com>
Date: Fri, 6 Sep 2019 15:05:06 +0800
Subject: [PATCH] fix bug of AutoComplete that can not blur when click outside

fix bug of AutoComplete that can not blur when click outside
---
 examples/routers/input-number.vue              | 2 +-
 package.json                                   | 2 +-
 src/components/auto-complete/auto-complete.vue | 6 ++++++
 src/components/select/select.vue               | 1 +
 4 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/examples/routers/input-number.vue b/examples/routers/input-number.vue
index 735f10f3..3da5cab8 100644
--- a/examples/routers/input-number.vue
+++ b/examples/routers/input-number.vue
@@ -73,7 +73,7 @@
                 :parser="value => value.replace('%', '')"></InputNumber>
         </div>
         <div style="margin-top: 10px">
-            <InputNumber v-model="value4" style="width: 200px"  :precision='2' ></InputNumber>
+            <InputNumber :min="18" v-model="value4" style="width: 200px"  :precision='2' ></InputNumber>
         </div>
     </div>
 </template>
diff --git a/package.json b/package.json
index e898e2e9..841dba38 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 7bd3ca03..c27ed138 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
@@ -168,6 +169,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;