Mind Map项目新增HoverRectRadius选项解析

在Mind Map项目的最新版本v0.11.2中，开发者新增了一个重要的主题样式选项——HoverRectRadius。这个改进解决了节点悬停效果与节点本身圆角不匹配的视觉问题。

问题背景

在思维导图应用中，节点通常具有圆角矩形样式。当用户将鼠标悬停在节点上时，会显示一个高亮矩形框（hoverRect）来指示当前聚焦的节点。然而，在之前的版本中，这个高亮框没有圆角设置，导致当节点设置了圆角而高亮框没有圆角时，视觉效果不协调。特别是在hoverRectPadding设置为0的情况下，直角的高亮框会与圆角节点产生明显的视觉割裂感。

技术实现

新增加的HoverRectRadius选项允许开发者或用户为悬停高亮框设置与节点相同的圆角半径。这意味着：

1. 高亮框现在可以完美贴合圆角节点的轮廓
2. 视觉一致性得到提升，用户体验更加流畅
3. 解决了之前直角高亮框与圆角节点不匹配的问题

应用场景

这个改进特别适用于以下场景：

• 使用自定义主题的思维导图
• 节点设置了非零圆角半径的情况
• 需要精细控制视觉效果的场景
• 追求完美UI细节的应用

版本兼容性

该功能从Mind Map v0.11.2版本开始提供。开发者如果需要使用这个特性，需要确保项目依赖升级到该版本或更高版本。

总结

HoverRectRadius选项的加入体现了Mind Map项目对细节的关注和对用户体验的持续优化。这个看似小的改进实际上解决了实际使用中的一个痛点，使得思维导图的视觉表现更加专业和一致。对于追求完美视觉效果的应用场景，这个功能将是一个有价值的补充。