test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(脑图): 节点菜单显示优化

This commit is contained in:
baiqi 2024-08-13 17:11:49 +08:00 committed by 刘瑞斌
parent b329d19e36
commit 21bcfda4de
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/pure/ms-minder-editor/menu/nodeFloatMenu.vue
View File

@ -252,8 +252,12 @@
nodePosition = window.minder.getSelectedNode()?.getRenderBox(); nodePosition = window.minder.getSelectedNode()?.getRenderBox();
} }
const state = window.editor.fsm.state(); const state = window.editor.fsm.state();
if (nodePosition && isNodeInMinderView(undefined, nodePosition, nodePosition.width / 2) && state !== 'input') { if (
// 判断节点在脑图可视区域内且遮挡的节点不超过节点宽度的一半且当前不是编辑名称状态，则显示菜单 nodePosition &&
isNodeInMinderView(undefined, nodePosition, Math.min(nodePosition.width / 2, 200)) &&
state !== 'input'
) {
// 判断节点在脑图可视区域内且遮挡的节点不超过节点宽度的一半(超过 200px 则按 200px 算)且当前不是编辑名称状态，则显示菜单
const nodeDomHeight = nodePosition.height || 0; const nodeDomHeight = nodePosition.height || 0;
menuPopupOffset.value = [nodePosition.x, nodePosition.y + nodeDomHeight + 4]; // 菜单显示在节点下方4px处 menuPopupOffset.value = [nodePosition.x, nodePosition.y + nodeDomHeight + 4]; // 菜单显示在节点下方4px处
menuVisible.value = true; menuVisible.value = true;