首页
/ Fluent UI React Components v9.63.0 版本发布:新增组件与图表增强

Fluent UI React Components v9.63.0 版本发布:新增组件与图表增强

2025-06-02 19:08:08作者:房伟宁

Fluent UI 是微软推出的开源前端组件库,基于 React 框架构建,旨在为开发者提供现代化的用户界面组件。该组件库遵循 Fluent Design System 设计语言,广泛应用于 Office 365、Teams 等微软产品中。

新增 InfoButton 组件

本次 v9.63.0 版本最显著的更新是新增了 InfoButton 组件。这是一个实用的小型信息提示按钮,通常用于展示额外的帮助信息或上下文说明。开发者现在可以直接从 @fluentui/react-components 包中导入并使用这个组件。

InfoButton 的设计遵循了 Fluent Design 的交互模式,具有良好的可访问性和视觉一致性。它特别适合在表单、设置面板等需要额外解释说明的场景中使用。

图表功能增强

极坐标散点图支持

在图表工具包中,本次更新增加了对极坐标散点图(scatter polar chart)的支持。这种图表类型在需要展示周期性数据或角度分布数据时非常有用,比如雷达图、风向图等场景。

开发者现在可以利用新的图表类型来展示更丰富的数据可视化效果,特别是在科学、工程和地理信息系统中有着广泛的应用场景。

堆叠条形图修复

修复了垂直堆叠条形图中堆叠数据在提示框(callout)中不显示的问题。这个修复确保了当用户悬停在堆叠条形图的某个部分时,能够正确显示该部分对应的数据值,提升了数据可视化的准确性和用户体验。

高对比度模式优化

针对高对比度模式下的显示问题进行了多项修复。高对比度模式是辅助功能的重要组成部分,帮助视力障碍用户更好地使用应用程序。这些修复进一步提升了 Fluent UI 组件的可访问性,确保在各种视觉模式下都能提供良好的用户体验。

其他改进

Tabster 性能优化

对 Tabster(Fluent UI 的焦点管理库)的创建过程进行了优化,改用 useLayoutEffect 替代原有实现。这一改变可以避免某些情况下可能出现的布局闪烁问题,提升了组件的渲染性能和稳定性。

类型导出增强

为了方便开发者使用,本次更新还重新导出了 CellRenderFunction 类型,使得在使用表格等组件时能够获得更好的类型提示和支持。

总结

Fluent UI React Components v9.63.0 版本带来了实用的新组件和多项功能增强,特别是在数据可视化领域有了显著提升。InfoButton 的加入丰富了组件库的功能集,而图表功能的改进则让数据展示更加灵活和准确。这些更新体现了 Fluent UI 团队对开发者体验和终端用户可访问性的持续关注。

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