Merge pull request #13463 from dataease/pr@dev-v2@style_drag

style(数据大屏): 调整大屏拖动样式,防止出现额外的滚动条
This commit is contained in:
王嘉豪 2024-11-21 15:36:30 +08:00 committed by GitHub
commit 0684bb6f66
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -216,6 +216,9 @@ const handleDragOver = e => {
const handleMouseDown = e => {
// e.stopPropagation()
if (isSpaceDown.value) {
return
}
dvMainStore.setClickComponentStatus(false)
// curComponent
dvMainStore.setCurComponent({ component: null, index: null })
@ -224,6 +227,9 @@ const handleMouseDown = e => {
}
const deselectCurComponent = e => {
if (isSpaceDown.value) {
return
}
if (!isClickComponent.value) {
curComponent.value && dvMainStore.setCurComponent({ component: null, index: null })
}
@ -513,7 +519,6 @@ eventBus.on('tabSort', tabSort)
@mousemove="onMouseMove"
@mouseleave="disableDragging"
>
<div v-if="isSpaceDown" class="canvas-drag" :style="contentStyle"></div>
<div
id="canvas-dv-outer"
ref="canvasInner"
@ -523,6 +528,7 @@ eventBus.on('tabSort', tabSort)
@mousedown="handleMouseDown"
@mouseup="deselectCurComponent"
>
<div v-if="isSpaceDown" class="canvas-drag"></div>
<div class="canvas-dv-inner">
<canvas-core
class="canvas-area-shadow editor-main"
@ -715,6 +721,8 @@ eventBus.on('tabSort', tabSort)
z-index: 1;
opacity: 0.3;
cursor: pointer;
width: 100%;
height: 100%;
}
.canvas-drag-tip {