TimePicker: fix incorrectly hide panel,fixed ElemeFE#210

iQiuyu-0821 · Oct 2, 2016 · 9561f9b · 9561f9b
1 parent fc4262d
commit 9561f9b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,7 @@
 *2016-XX-XX*
 
 - 修复 Tabs 切换后 Tab-panel 被销毁的问题
+- 修复 TimePicker 错误的隐藏面板
 
 ### 1.0.0-rc.5
 

diff --git a/packages/date-picker/src/panel/time.vue b/packages/date-picker/src/panel/time.vue
@@ -28,7 +28,7 @@
   </transition>
 </template>
 
-<script type="text/ecmascript-6">
+<script type="text/babel">
   import { limitRange } from '../util';
   import Vue from 'vue';
 

diff --git a/packages/date-picker/src/picker.vue b/packages/date-picker/src/picker.vue
@@ -211,7 +211,7 @@ export default {
 
   watch: {
     pickerVisible(val) {
-      val === true ? this.showPicker() : this.hidePicker();
+      val ? this.showPicker() : this.hidePicker();
     },
     value(val) {
       this.dispatch('form-item', 'el.form.change');
@@ -289,8 +289,8 @@ export default {
     handleFocus() {
       const type = this.type;
 
-      if (HAVE_TRIGGER_TYPES.indexOf(type) !== -1) {
-        this.pickerVisible = !this.pickerVisible;
+      if (HAVE_TRIGGER_TYPES.indexOf(type) !== -1 && !this.pickerVisible) {
+        this.pickerVisible = true;
       }
       this.$emit('focus', this);
     },