github/dataease
github/dataease
3
0
Fork 1
mirror of https://github.com/dataease/dataease.git synced 2025-02-25 20:42:55 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
core/core-frontend/src/views/data-visualization/index.vue
View File

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