XYFlow React 12.6.0版本发布:增强节点控制与视图管理

XYFlow React 12.6.0版本发布:增强节点控制与视图管理

xyflow React Flow | Svelte Flow - 这是两个强大的开源库,用于使用React(参见https://reactflow.dev)或Svelte(参见https://svelteflow.dev)构建基于节点的用户界面(UI)。它们开箱即用,并且具有无限的可定制性。 xyflow 项目地址: https://gitcode.com/gh_mirrors/xy/xyflow

XYFlow是一个用于构建交互式节点图应用的React库,它提供了丰富的功能来创建和管理节点、边以及它们之间的关系。本次发布的12.6.0版本为React组件带来了几项重要改进,主要集中在节点控制能力和视图管理方面。

初始视图控制增强

新版本在ReactFlowProvider组件中新增了三个重要属性:

  1. initialMinZoom:设置初始最小缩放级别
  2. initialMaxZoom:设置初始最大缩放级别
  3. initialFitViewOptions:配置初始视图适配选项

这些新增属性为开发者提供了更精细的初始视图控制能力。例如,通过initialFitViewOptions可以配置初始视图如何自动适配节点布局,这在需要精确控制初始显示范围的场景下特别有用。

节点缩放控制方向支持

NodeResizeControl组件新增了resizeDirection属性,这个改进让开发者能够指定节点缩放的控制方向。这意味着现在可以更精确地控制节点的缩放行为,比如限制只能水平或垂直缩放,而不是默认的双向缩放。

选择行为优化

本次更新还修复了一个关于节点选择行为的问题。当elementsSelectable属性设置为false时,现在点击画布(pane)不会清除已选中的节点。这一改进使得在需要保持节点选中状态的交互场景中,用户体验更加连贯。

底层系统更新

配套的@xyflow/system包也同步更新至0.0.57版本,为上述功能提供底层支持。系统级的更新确保了这些新功能的稳定性和性能表现。

这些改进使得XYFlow在构建复杂节点图应用时更加灵活和强大,特别是在需要精确控制节点行为和视图管理的场景下。开发者现在可以更轻松地实现专业级的节点图交互体验。

xyflow React Flow | Svelte Flow - 这是两个强大的开源库,用于使用React(参见https://reactflow.dev)或Svelte(参见https://svelteflow.dev)构建基于节点的用户界面(UI)。它们开箱即用,并且具有无限的可定制性。 xyflow 项目地址: https://gitcode.com/gh_mirrors/xy/xyflow

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

凌融颖Halsey

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值