fix(嵌入式): div嵌入式时,仪表板或大屏的分享弹窗显示超出边界,且无法通过点击空白处关闭分享弹窗

This commit is contained in:
dataeaseShu 2024-06-27 17:43:56 +08:00
parent c2641f1a44
commit 8c3e482de2

View File

@ -3,7 +3,7 @@
:visible="popoverVisible"
title=""
width="480"
placement="bottom-start"
placement="bottom-end"
:show-arrow="false"
:popper-class="`share-popover ${showTicket ? 'share-ticket-popover' : ''}`"
@show="share"
@ -31,11 +31,12 @@
<el-input
ref="linkUuidRef"
placeholder=""
:class="!linkCustom && 'maxW380'"
v-model="state.detailInfo.uuid"
:disabled="!linkCustom"
@blur="finishEditUuid"
>
<template #prefix>
<template v-if="!linkCustom" #prefix>
{{ formatLinkBase() }}
</template>
</el-input>
@ -190,6 +191,7 @@ const hideShare = async () => {
}
}
const clickOutPopover = e => {
console.log(e, 'e', popoverVisible.value, e.target.closest('[class*="share-popover"]'))
if (!popoverVisible.value || e.target.closest('[class*="share-popover"]')) {
return
}
@ -545,6 +547,12 @@ defineExpose({
display: flex;
margin-bottom: 16px;
align-items: center;
.maxW380 {
:deep(.ed-input__prefix) {
overflow: hidden;
max-width: 380px;
}
}
button {
width: 40px;
min-width: 40px;