XYFlow React 12.6.0版本发布:增强节点控制与视图管理
XYFlow是一个用于构建交互式节点图应用的React库,它提供了丰富的功能来创建和管理节点、边以及它们之间的关系。本次发布的12.6.0版本为React组件带来了几项重要改进,主要集中在节点控制能力和视图管理方面。
初始视图控制增强
新版本在ReactFlowProvider组件中新增了三个重要属性:
initialMinZoom
:设置初始最小缩放级别initialMaxZoom
:设置初始最大缩放级别initialFitViewOptions
:配置初始视图适配选项
这些新增属性为开发者提供了更精细的初始视图控制能力。例如,通过initialFitViewOptions
可以配置初始视图如何自动适配节点布局,这在需要精确控制初始显示范围的场景下特别有用。
节点缩放控制方向支持
NodeResizeControl
组件新增了resizeDirection
属性,这个改进让开发者能够指定节点缩放的控制方向。这意味着现在可以更精确地控制节点的缩放行为,比如限制只能水平或垂直缩放,而不是默认的双向缩放。
选择行为优化
本次更新还修复了一个关于节点选择行为的问题。当elementsSelectable
属性设置为false时,现在点击画布(pane)不会清除已选中的节点。这一改进使得在需要保持节点选中状态的交互场景中,用户体验更加连贯。
底层系统更新
配套的@xyflow/system包也同步更新至0.0.57版本,为上述功能提供底层支持。系统级的更新确保了这些新功能的稳定性和性能表现。
这些改进使得XYFlow在构建复杂节点图应用时更加灵活和强大,特别是在需要精确控制节点行为和视图管理的场景下。开发者现在可以更轻松地实现专业级的节点图交互体验。
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考