From 412d5d28a52033e5a427c1d6a236cb712366c77b Mon Sep 17 00:00:00 2001
From: dolymood <dolymood@gmail.com>
Date: Mon, 16 Sep 2019 18:26:56 +0800
Subject: [PATCH] fix(segment-picker): fix can not hide bug

#597
---
 src/components/segment-picker/segment-picker.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/segment-picker/segment-picker.vue b/src/components/segment-picker/segment-picker.vue
index 403ae757e..e10019318 100644
--- a/src/components/segment-picker/segment-picker.vue
+++ b/src/components/segment-picker/segment-picker.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="cube-segment-picker">
+  <div class="cube-segment-picker" v-show="isVisible">
     <!-- Direct props will recover the property from v-bind Object expect 'is'. -->
     <!-- To ensure the priority of v-bind Object which is from user configure, we check the property of item in every prop. -->
     <component
@@ -93,13 +93,15 @@
         if (this.isVisible || !this.data.length) {
           return
         }
+        this.isVisible = true
         this.currentPicker.show()
       },
       hide() {
         if (!this.isVisible || !this.data.length) {
           return
         }
-        this.$refs.currentPicker.hide()
+        this.isVisible = false
+        this.currentPicker.hide()
       },
       _select(...args) {
         this.selectedVal[this.current] = args[0]
@@ -111,6 +113,7 @@
           this.current++
           this.currentPicker.show()
         } else {
+          this.isVisible = false
           this.$emit(EVENT_SELECT, this.selectedVal, this.selectedIndex, this.selectedText)
           this.current = 0
         }
@@ -121,6 +124,7 @@
           this.current--
           this.currentPicker.show()
         } else {
+          this.isVisible = false
           this.$emit(EVENT_CANCEL)
         }
       },