mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-02-17 11:49:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(components): [popover] use useNamespace (#5727)

Browse Source
This commit is contained in:
bqy 2022-02-11 11:47:22 +08:00 committed by GitHub
parent f194efca96
commit 23c7c7843e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/components/popover/src/index.vue
View File

@ -17,7 +17,7 @@
</template>
<template #content>
<div v-if="title" class="el-popover__title" role="title">
<div v-if="title" :class="ns.e('title')" role="title">
{{ title }}
</div>
<slot>
@ -31,6 +31,7 @@ import { defineComponent, computed, ref, unref } from 'vue'
import ElTooltip from '@element-plus/components/tooltip'
import { useDeprecateAppendToBody } from '@element-plus/components/popper'
import { isString } from '@element-plus/utils'
import { useNamespace } from '@element-plus/hooks'
import { usePopoverProps } from './popover'
import type { StyleValue } from 'vue'
@ -47,6 +48,7 @@ export default defineComponent({
props: usePopoverProps,
emits,
setup(props, { emit }) {
const ns = useNamespace('popover')
const tooltipRef = ref<InstanceType<typeof ElTooltip> | null>(null)
const popperRef = computed(() => {
return unref(tooltipRef)?.popperRef
@ -68,11 +70,7 @@ export default defineComponent({
})
const kls = computed(() => {
return [
{ 'el-popover--plain': !!props.content },
'el-popover',
props.popperClass,
]
return [ns.b(), props.popperClass, { [ns.m('plain')]: !!props.content }]
})
const { compatTeleported } = useDeprecateAppendToBody(
@ -94,6 +92,7 @@ export default defineComponent({
return {
compatTeleported,
ns,
kls,
style,
tooltipRef,