首页
/ Liam项目ERD核心模块0.1.0版本发布:布局优化与功能增强

Liam项目ERD核心模块0.1.0版本发布:布局优化与功能增强

2025-06-14 19:43:55作者:裴麒琰

Liam项目是一个专注于数据建模和实体关系图(ERD)可视化的开源工具。其核心模块@liam-hq/erd-core近期发布了0.1.0版本,带来了一系列重要的功能改进和性能优化,特别是在表关系布局和交互体验方面有了显著提升。

预计算布局优化

新版本最显著的改进是引入了预计算布局机制。在显示相关表时,系统会预先计算好所有表节点的布局位置,然后再将它们渲染到主区域中。这种优化带来了两个主要好处:

  1. 避免了渲染过程中的布局抖动问题,使界面更加流畅
  2. 减少了用户等待时间,提升了整体交互体验

ReactFlow功能整合

开发团队对ReactFlow的使用方式进行了重构,将所有useReactflow函数都暴露在useCustomReactflow中,实现了以下改进:

  • 统一了ReactFlow的功能调用方式
  • 减少了直接依赖,提高了代码的可维护性
  • 为未来可能的ReactFlow版本升级打下了基础

特别值得注意的是,团队用自定义的fitView()函数替换了原生的fitView()实现,这为视图适配提供了更大的灵活性和控制力。

节点可见性管理优化

在节点管理方面,新版本移除了useSyncHiddenNodesChange钩子,改为直接在VisibilityButton组件中管理节点可见性。这种改变:

  • 简化了节点可见性管理的逻辑流程
  • 减少了不必要的状态同步开销
  • 使代码结构更加清晰直观

表选择逻辑重构

表选择/取消选择的逻辑被整合到了新的useTableSelection钩子中。这一重构:

  • 集中了选择逻辑,减少了代码重复
  • 提高了选择行为的一致性
  • 为未来可能的选择相关功能扩展提供了更好的基础

自动布局功能专注化

useAutoLayout钩子的功能被精简为专注于布局计算本身,不再处理其他无关逻辑。这种专注化带来了:

  • 更清晰的职责划分
  • 更高的计算效率
  • 更好的可测试性

相关表按钮渲染修复

新版本还修复了RelatedTables组件中附加按钮属性的渲染问题,确保了自定义按钮能够正确显示和响应。

总体而言,这次0.1.0版本的发布标志着Liam项目ERD核心模块在性能和用户体验方面迈出了重要一步。开发团队通过精心设计的重构和优化,为数据建模工具提供了更加稳定和高效的基础设施。这些改进不仅提升了当前版本的质量,也为未来的功能扩展奠定了坚实的基础。

登录后查看全文
热门项目推荐
相关项目推荐