|
@@ -26,7 +26,7 @@
|
|
|
class="dropdown-item"
|
|
class="dropdown-item"
|
|
|
:class="{ 'is-active': idx === activeIdx }"
|
|
:class="{ 'is-active': idx === activeIdx }"
|
|
|
@mouseenter="activeIdx = idx"
|
|
@mouseenter="activeIdx = idx"
|
|
|
- @click="selectItem(item)"
|
|
|
|
|
|
|
+ @mousedown.prevent="selectItem(item)"
|
|
|
>
|
|
>
|
|
|
<div class="item-name">{{ item[nameField] }}</div>
|
|
<div class="item-name">{{ item[nameField] }}</div>
|
|
|
<div class="item-id">{{ item[idField] }}</div>
|
|
<div class="item-id">{{ item[idField] }}</div>
|
|
@@ -106,6 +106,7 @@ export default {
|
|
|
selectItem(item) {
|
|
selectItem(item) {
|
|
|
this.$emit('select', item);
|
|
this.$emit('select', item);
|
|
|
this.open = false;
|
|
this.open = false;
|
|
|
|
|
+ this.query = '';
|
|
|
this.$refs.input && this.$refs.input.blur();
|
|
this.$refs.input && this.$refs.input.blur();
|
|
|
},
|
|
},
|
|
|
handleEsc() {
|
|
handleEsc() {
|
|
@@ -175,6 +176,7 @@ export default {
|
|
|
.search-input {
|
|
.search-input {
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
|
|
+ line-height: 38px;
|
|
|
background: transparent;
|
|
background: transparent;
|
|
|
border: none;
|
|
border: none;
|
|
|
outline: none;
|
|
outline: none;
|