mirror of
https://github.com/dataease/dataease.git
synced 2026-05-19 18:38:16 +08:00
fix(图表): 图表操作弹窗优化,下拉菜单显示隐藏时,仅操作图表的tooltip
This commit is contained in:
committed by
jianneng-fit2cloud
parent
21ee6a0883
commit
79a1f96fe6
@@ -56,21 +56,16 @@ const state = reactive({
|
||||
}
|
||||
})
|
||||
const visibleChange = isVisible => {
|
||||
const tooltips = document.querySelectorAll('.g2-tooltip')
|
||||
if (tooltips) {
|
||||
tooltips.forEach(tooltip => {
|
||||
if (isVisible) {
|
||||
// 当下拉菜单显示时,添加隐藏样式
|
||||
tooltip.classList.add('hidden-tooltip')
|
||||
} else {
|
||||
// 当下拉菜单隐藏时,移除隐藏样式
|
||||
tooltip.classList.remove('hidden-tooltip')
|
||||
}
|
||||
})
|
||||
}
|
||||
document.querySelectorAll('.g2-tooltip')?.forEach(tooltip => {
|
||||
if (tooltip.id?.includes(chartId.value)) {
|
||||
tooltip.classList.toggle('hidden-tooltip', isVisible)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const trackButtonClick = () => {
|
||||
// 添加图表标识,用于区分不同图表的 tooltip
|
||||
const chartId = ref(null)
|
||||
const trackButtonClick = (id?: string) => {
|
||||
chartId.value = id
|
||||
setTimeout(() => {
|
||||
trackButton.value.click()
|
||||
}, 50)
|
||||
|
||||
@@ -515,7 +515,7 @@ const action = param => {
|
||||
state.trackBarStyle.top = barStyleTemp.top + 'px'
|
||||
}
|
||||
|
||||
viewTrack.value.trackButtonClick()
|
||||
viewTrack.value.trackButtonClick(view.value.id)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -494,7 +494,7 @@ const action = param => {
|
||||
state.trackBarStyle.top = trackBarY + 'px'
|
||||
}
|
||||
|
||||
viewTrack.value.trackButtonClick()
|
||||
viewTrack.value.trackButtonClick(view.value.id)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -402,7 +402,7 @@ const action = param => {
|
||||
state.trackBarStyle.top = barStyleTemp.top + 'px'
|
||||
}
|
||||
|
||||
viewTrack.value.trackButtonClick()
|
||||
viewTrack.value.trackButtonClick(view.value.id)
|
||||
}
|
||||
}
|
||||
const appStore = useAppStoreWithOut()
|
||||
|
||||
Reference in New Issue
Block a user