Merge pull request #215 from QingWei-Li/fix/date-picker

TimePicker: fix incorrectly hide panel,fixed #210

CHANGELOG.md

@@ -5,6 +5,7 @@
 *2016-XX-XX*
 
 - 修复 Tabs 切换后 Tab-panel 被销毁的问题
+- 修复 TimePicker 错误的隐藏面板
 - 修复 Table Cell 的样式, #204
 
 ### 1.0.0-rc.5

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';
 

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);
     },