ZengQingming/JoyD
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复右分隔条拖拽异常

Browse Source
This commit is contained in:
zqm
2026-01-30 10:24:50 +08:00
parent 9ab10c6439
commit 1cd2312443
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
Web/Vue/CubeLib/src/components/CubeSplitter.vue
View File

@@ -82,11 +82,17 @@ const getTargetElement = () => {
// 计算新的尺寸 // 计算新的尺寸
const calculateNewSize = (startSize, delta, minSize, maxSize, position) => { const calculateNewSize = (startSize, delta, minSize, maxSize, position) => {
let newSize = startSize let newSize = startSize
if (position === 'left' || position === 'top' || position === 'right' || position === 'bottom') { if (position === 'left' || position === 'top') {
// 统一逻辑：向左/上拖减小尺寸，向右/下拖增大尺寸 // 左侧或顶部分隔条：向左/上拖减小尺寸，向右/下拖增大尺寸
// 当向左拖动时，delta 为负数，startSize + delta 会减小 // 当向左拖动时，delta 为负数，startSize + delta 会减小
// 当向右拖动时，delta 为正数，startSize + delta 会增大 // 当向右拖动时，delta 为正数，startSize + delta 会增大
newSize = startSize + delta newSize = startSize + delta
} else if (position === 'right' || position === 'bottom') {
// 右侧或底部分隔条：向左/上拖减小尺寸，向右/下拖增大尺寸
// 当向左拖动时，delta 为负数，startSize - delta 会增大
// 当向右拖动时，delta 为正数，startSize - delta 会减小
// 注意：这里的逻辑与左侧相反，因为右侧分隔条控制的是右侧面板
newSize = startSize - delta
} }
return Math.max(minSize, Math.min(maxSize, newSize)) return Math.max(minSize, Math.min(maxSize, newSize))
} }