fix(popover): fix popover unable to close issue & popconfirm style issue (#557)

This commit is contained in:
jeremywu 2020-11-06 11:42:31 +08:00 committed by GitHub
parent 6b69d0a457
commit ce42541755
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 3 deletions

View File

@ -4,6 +4,7 @@
:trigger="['click']"
effect="light"
pure
popper-class="el-popover"
>
<div class="el-popconfirm">
<p class="el-popconfirm__main">

View File

@ -1,9 +1,9 @@
<script lang="ts">
import { defineComponent, Fragment, createTextVNode, renderSlot, toDisplayString, createCommentVNode } from 'vue'
import { defineComponent, Fragment, createTextVNode, renderSlot, toDisplayString, createCommentVNode, withDirectives } from 'vue'
import { Popper as ElPopper } from '@element-plus/popper'
import { defaultProps, Effect } from '@element-plus/popper'
import { renderPopper, renderTrigger, renderArrow } from '@element-plus/popper'
import { ClickOutside } from '@element-plus/directives'
import { warn } from '@element-plus/utils/error'
import { renderBlock, renderIf, PatchFlags } from '@element-plus/utils/vnode'
import { stop } from '@element-plus/utils/dom'
@ -115,7 +115,9 @@ export default defineComponent({
return renderBlock(Fragment, null, [
_trigger,
this.trigger === 'click'
? withDirectives(_trigger, [[ClickOutside, this.hide]])
: _trigger,
popover,
])
},