github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Select: remove clickoutside, fix #4985 (#4998)

pull/3220/merge
pengchongfu 2017-05-24 11:19:18 +08:00 committed by cinwell.li
parent 30357ac56e
commit 876cb88ae6
2 changed files with 4 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/autocomplete/src/autocomplete.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="el-autocomplete" v-clickoutside="handleClickoutside"> <div class="el-autocomplete">
<el-input <el-input
ref="input" ref="input"
:value="value" :value="value"
@ -36,7 +36,6 @@
</template> </template>
<script> <script>
import ElInput from 'element-ui/packages/input'; import ElInput from 'element-ui/packages/input';
import Clickoutside from 'element-ui/src/utils/clickoutside';
import ElAutocompleteSuggestions from './autocomplete-suggestions.vue'; import ElAutocompleteSuggestions from './autocomplete-suggestions.vue';
import Emitter from 'element-ui/src/mixins/emitter'; import Emitter from 'element-ui/src/mixins/emitter';
@ -52,8 +51,6 @@
ElAutocompleteSuggestions ElAutocompleteSuggestions
}, },
directives: { Clickoutside },
props: { props: {
popperClass: String, popperClass: String,
placeholder: String, placeholder: String,
@ -137,9 +134,6 @@
this.select(this.suggestions[this.highlightedIndex]); this.select(this.suggestions[this.highlightedIndex]);
} }
}, },
handleClickoutside() {
this.isFocus = false;
},
select(item) { select(item) {
this.$emit('input', item.value); this.$emit('input', item.value);
this.$emit('select', item); this.$emit('select', item);

6
test/unit/specs/autocomplete.spec.js
View File

@ -1,4 +1,4 @@
import { createVue, triggerClick, destroyVM } from '../util'; import { createVue, destroyVM } from '../util';
describe('Autocomplete', () => { describe('Autocomplete', () => {
let vm; let vm;
@ -59,11 +59,11 @@ describe('Autocomplete', () => {
expect(suggestions.style.display).to.not.equal('none'); expect(suggestions.style.display).to.not.equal('none');
expect(suggestions.querySelectorAll('.el-autocomplete-suggestion__list li').length).to.be.equal(4); expect(suggestions.querySelectorAll('.el-autocomplete-suggestion__list li').length).to.be.equal(4);
triggerClick(document); inputElm.blur();
setTimeout(_ => { setTimeout(_ => {
expect(suggestions.style.display).to.be.equal('none'); expect(suggestions.style.display).to.be.equal('none');
done(); done();
}, 500); }, 600);
}, 500); }, 500);
}); });
it('select', done => { it('select', done => {