github/go-view
github/go-view
3
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-02-24 00:02:51 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix：修改图表拖拽的位置预留

Browse Source
This commit is contained in:
MTrun 2022-01-30 22:56:29 +08:00
parent ce6843f6a2
commit 9f4e893290
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/chart/ContentEdit/hooks/useDrop.hook.ts
View File

@ -70,9 +70,11 @@ export const useMouseHandle = () => {
// 获取编辑区域 Dom // 获取编辑区域 Dom
const editcontentDom = chartEditStore.getEditCanvas.editContentDom const editcontentDom = chartEditStore.getEditCanvas.editContentDom
// 记录图表初始位置 // 记录图表初始位置和大小
const itemAttrX = item.attr.x const itemAttrX = item.attr.x
const itemAttrY = item.attr.y const itemAttrY = item.attr.y
const itemAttrW = item.attr.w
const itemAttrH = item.attr.h
// 记录点击初始位置 // 记录点击初始位置
const startX = e.screenX const startX = e.screenX
@ -83,13 +85,15 @@ export const useMouseHandle = () => {
let currX = itemAttrX + (moveEvent.screenX - startX) / scale let currX = itemAttrX + (moveEvent.screenX - startX) / scale
let currY = itemAttrY + (moveEvent.screenY - startY) / scale let currY = itemAttrY + (moveEvent.screenY - startY) / scale
// 位置检测 // 要预留的距离
currX = currX < 0 ? 0 : currX const distance = 50
currY = currY < 0 ? 0 : currY // 基于左上角位置检测
currX = currX < -itemAttrW + distance ? -itemAttrW + distance : currX
currY = currY < -itemAttrH + distance ? -itemAttrH + distance : currY
// 预留 20px 边距 // 基于右下角位置检测
currX = currX > width - 20 ? width - 20 : currX currX = currX > width - distance ? width - distance : currX
currY = currY > height - 20 ? height - 20 : currY currY = currY > height - distance ? height - distance : currY
item.attr.x = currX item.attr.x = currX
item.attr.y = currY item.attr.y = currY