coosld/mind-map
1
0
Fork 0
mirror of https://github.com/wanglin2/mind-map.git synced 2026-02-21 10:27:44 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix:修复鼠标或触控板水平滚动时画布移动方向相反的问题

Browse Source
This commit is contained in:
wanglin2 2023-12-17 20:56:41 +08:00
parent 4a2816fc75
commit 63b04e5acc
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
simple-mind-map/src/core/view/View.js
View File

@ -37,7 +37,7 @@ class View {
this.mindMap.event.on('drag', (e, event) => {
// 按住ctrl键拖动为多选
// 禁用拖拽
if (e.ctrlKey || this.mindMap.opt.isDisableDrag) {
if (e.ctrlKey || this.mindMap.opt.isDisableDrag) {
return
}
if (this.firstDrag) {
@ -56,7 +56,7 @@ class View {
})
// 放大缩小视图
this.mindMap.event.on('mousewheel', (e, dir, event, isTouchPad) => {
let {
const {
customHandleMousewheel,
mousewheelAction,
mouseScaleCenterUseMousePosition,
@ -78,8 +78,8 @@ class View {
e.clientX,
e.clientY
)
let cx = mouseScaleCenterUseMousePosition ? clientX : undefined
let cy = mouseScaleCenterUseMousePosition ? clientY : undefined
const cx = mouseScaleCenterUseMousePosition ? clientX : undefined
const cy = mouseScaleCenterUseMousePosition ? clientY : undefined
switch (dir) {
// 鼠标滚轮，向上和向左，都是缩小
case CONSTANTS.DIR.UP:
@ -113,11 +113,11 @@ class View {
break
// 右移
case CONSTANTS.DIR.LEFT:
this.translateX(-step)
this.translateX(step)
break
// 左移
case CONSTANTS.DIR.RIGHT:
this.translateX(step)
this.translateX(-step)
break
}
}
@ -261,8 +261,7 @@ class View {
let drawWidth = rect.width / origTransform.scaleX
let drawHeight = rect.height / origTransform.scaleY
let drawRatio = drawWidth / drawHeight
let { width: elWidth, height: elHeight } =
this.mindMap.elRect
let { width: elWidth, height: elHeight } = this.mindMap.elRect
elWidth = elWidth - fitPadding * 2
elHeight = elHeight - fitPadding * 2
let elRatio = elWidth / elHeight