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>
<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">
<el-checkbox-group class="el-table-filter__checkbox-group" v-model="filteredValue">
<el-checkbox
@ -16,7 +20,11 @@
<button @click="handleReset">{{ t('el.table.resetFilter') }}</button>
</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">
<li class="el-table-filter__list-item"
:class="{ 'is-active': filterValue === undefined || filterValue === null }"
@ -79,7 +87,9 @@
},
handleOutsideClick() {
this.showPopper = false;
setTimeout(() => {
this.showPopper = false;
}, 16);
},
handleConfirm() {