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

Table: filter-panel should hide when new one shows (#10373)

pull/10381/head
杨奕 2018-03-27 10:11:59 +08:00 committed by GitHub
parent 190bfe6427
commit 1449bfc0b9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/table/src/filter-panel.vue
View File

@ -1,6 +1,10 @@
<template> <template>
<transition name="el-zoom-in-top"> <transition name="el-zoom-in-top">
<div class="el-table-filter" v-if="multiple" v-show="showPopper"> <div
class="el-table-filter"
v-if="multiple"
v-clickoutside="handleOutsideClick"
v-show="showPopper">
<div class="el-table-filter__content"> <div class="el-table-filter__content">
<el-checkbox-group class="el-table-filter__checkbox-group" v-model="filteredValue"> <el-checkbox-group class="el-table-filter__checkbox-group" v-model="filteredValue">
<el-checkbox <el-checkbox
@ -16,7 +20,11 @@
<button @click="handleReset">{{ t('el.table.resetFilter') }}</button> <button @click="handleReset">{{ t('el.table.resetFilter') }}</button>
</div> </div>
</div> </div>
<div class="el-table-filter" v-else v-show="showPopper"> <div
class="el-table-filter"
v-else
v-clickoutside="handleOutsideClick"
v-show="showPopper">
<ul class="el-table-filter__list"> <ul class="el-table-filter__list">
<li class="el-table-filter__list-item" <li class="el-table-filter__list-item"
:class="{ 'is-active': filterValue === undefined || filterValue === null }" :class="{ 'is-active': filterValue === undefined || filterValue === null }"
@ -79,7 +87,9 @@
}, },
handleOutsideClick() { handleOutsideClick() {
this.showPopper = false; setTimeout(() => {
this.showPopper = false;
}, 16);
}, },
handleConfirm() { handleConfirm() {