drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make picker close on blur

Browse source
This commit is contained in:
Sergio Crisostomo 2017-09-21 08:22:05 +02:00
parent 58cd467591
commit 030a522daa
5 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/date-picker/panel/date-range.vue
View file

@ -1,5 +1,5 @@
<template>
<div :class="classes">
<div :class="classes" @mousedown.prevent>
<div :class="[prefixCls + '-sidebar']" v-if="shortcuts.length">
<div
:class="[prefixCls + '-shortcut']"

2
src/components/date-picker/panel/date.vue
View file

@ -1,5 +1,5 @@
<template>
<div :class="classes">
<div :class="classes" @mousedown.prevent>
<div :class="[prefixCls + '-sidebar']" v-if="shortcuts.length">
<div
:class="[prefixCls + '-shortcut']"

2
src/components/date-picker/panel/time-range.vue
View file

@ -1,5 +1,5 @@
<template>
<div :class="classes">
<div :class="classes" @mousedown.prevent>
<div :class="[prefixCls + '-body']">
<div :class="[prefixCls + '-content', prefixCls + '-content-left']">
<div :class="[timePrefixCls + '-header']">

2
src/components/date-picker/panel/time.vue
View file

@ -1,5 +1,5 @@
<template>
<div :class="[prefixCls + '-body-wrapper']">
<div :class="[prefixCls + '-body-wrapper']" @mousedown.prevent>
<div :class="[prefixCls + '-body']">
<div :class="[timePrefixCls + '-header']" v-if="showDate">{{ visibleDate }}</div>
<div :class="[prefixCls + '-content']">

7
src/components/date-picker/picker.vue
View file

@ -12,6 +12,7 @@
:name="name"
@on-input-change="handleInputChange"
@on-focus="handleFocus"
@on-blur="handleBlur"
@on-click="handleIconClick"
@mouseenter.native="handleInputMouseenter"
@mouseleave.native="handleInputMouseleave"
@ -290,6 +291,9 @@
if (this.readonly) return;
this.visible = true;
},
handleBlur () {
this.visible = false;
},
handleInputChange (event) {
const oldValue = this.visualValue;
const value = event.target.value;
@ -478,6 +482,9 @@
if (this.picker) this.picker.resetView && this.picker.resetView(true);
this.$refs.drop.destroy();
if (this.open === null) this.$emit('on-open-change', false);
// blur the input
const input = this.$el.querySelector('input');
if (input) input.blur();
}
},
internalValue(val) {