首页
/ Primer React 37.25.0版本发布:组件功能增强与优化

Primer React 37.25.0版本发布:组件功能增强与优化

2025-06-15 22:45:25作者:盛欣凯Ernestine

Primer React是GitHub设计系统Primer的React实现版本,它为开发者提供了一套完整的UI组件库,帮助快速构建符合GitHub设计规范的Web应用。本次发布的37.25.0版本带来了多项组件功能增强和优化改进。

主要功能增强

ConfirmationDialog组件新增样式控制

ConfirmationDialog组件现在支持通过className属性自定义样式,并新增了width和height属性来控制对话框的尺寸。这使得开发者可以更灵活地调整确认对话框的外观,满足不同场景下的UI需求。

Blankslate组件支持多种尺寸和HTML属性

Blankslate组件是用于展示空状态的常用组件,本次更新为其添加了多种尺寸支持,开发者现在可以根据页面布局选择合适的尺寸。同时,Blankslate组件现在能够接收并传递所有HTML属性,增强了组件的可扩展性。

SelectPanel2和AvatarStack组件移除CSS模块特性标志

实验性的SelectPanel2组件和AvatarStack组件已经移除了CSS模块特性标志,这意味着这些组件现在默认使用CSS模块进行样式管理,有助于提高样式的封装性和可维护性。

重要优化改进

PageLayout粘性窗格改用CSS方案

PageLayout组件的粘性窗格(sticky pane)实现从JavaScript方案切换为纯CSS方案。这种改进不仅提高了性能,减少了不必要的JavaScript计算,还使行为更加可靠和一致。

DataTable可访问性增强

DataTable组件在可访问性方面做了多项改进:

  • 为可排序列按钮添加了视觉隐藏文本,帮助屏幕阅读器用户理解列排序状态
  • 改进了分页按钮的焦点指示器,添加了outline-offset属性,使焦点状态更加明显

ActionList功能增强

ActionList组件现在支持为分组添加aria-label属性,提高了可访问性。同时修复了当role="listbox"时role="option"属性的添加问题,并允许禁用项保持可聚焦状态,使键盘导航更加合理。

其他修复与改进

  • 修复了Skeleton组件的背景颜色问题
  • 修正了Button组件加载状态的对齐问题
  • 移除了未使用的getBreakpointDeclarations函数及相关代码,精简了代码库

这些更新使Primer React组件库在功能丰富性、可访问性和性能方面都有了显著提升,为开发者构建高质量的Web应用提供了更好的工具支持。

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