Primer React 37.11.0版本发布:功能增强与Bug修复
项目简介
Primer React是GitHub设计系统Primer的React实现版本,它为开发者提供了一套完整的UI组件库,帮助快速构建符合GitHub设计规范的Web应用。作为GitHub官方维护的项目,Primer React持续迭代更新,不断优化组件功能和用户体验。
主要功能更新
Banner组件新增关闭回调支持
本次更新为Banner组件增加了onDismiss回调函数支持,特别适用于critical变体(关键警告类型)的场景。当用户点击关闭按钮时,开发者现在可以捕获这个事件并执行自定义逻辑,比如记录用户行为或触发后续操作。这个改进使得Banner组件在展示重要信息时提供了更好的交互控制能力。
FormControl迁移至CSS Modules
FormControl组件完成了向CSS Modules的技术迁移,这一变化通过特性标志(Feature Flag)进行控制。CSS Modules的引入带来了更好的样式隔离和更可预测的样式作用域,有助于解决传统CSS中常见的命名冲突问题。这种渐进式的迁移策略允许开发者逐步适应新架构,而不会立即破坏现有功能。
ActionBar组件重构与功能增强
ActionBar组件进行了全面的重构:
- 完全迁移到CSS Modules架构,提高了样式的可维护性
- 新增了padding属性,允许开发者更灵活地控制容器内边距
- 这些改进使得ActionBar在布局控制上更加精细,能够适应更多样化的使用场景
UnderlinePanels.Tab新增选择回调
UnderlinePanels.Tab组件现在支持onSelect回调函数。当用户选择某个标签页时,开发者可以捕获这个事件并执行相应操作。这个功能增强了标签页组件的交互能力,使得开发者能够更好地响应用户操作,实现更复杂的交互逻辑。
重要Bug修复
无障碍功能改进
- 修复了Announce组件在没有预先存在文本节点时无法正常工作的问题,确保了无障碍信息的可靠传递
- 修复了useAnnouncements.tsx中可能导致生产环境TypeError的问题,增强了代码的健壮性
- 改进了PageLayout组件,避免访问可能为null的document.body属性,防止潜在的错误
组件行为优化
- 在IconButton中添加了flex-shrink样式,防止按钮在不适当的场景下被压缩变形
- 更新了ButtonBase的特异性(specificity)至0,1,0级别,确保样式覆盖的正确性
- 修复了NavList在折叠状态下仍然显示子项的问题,优化了导航菜单的折叠行为
- 修正了SelectPanel组件中anchorId未正确传递给AnchoredOverlay的问题,确保了定位的准确性
特性标志状态更新
多个组件的CSS Modules特性标志从"staff"阶段提升到"ga"(Generally Available)阶段,标志着这些组件的CSS Modules实现已经稳定并推荐所有用户使用。这包括:
- Popover
- Textarea
- UnstyledTextInput
- SelectPanel2
- Breadcrumbs
- ProgressBar
- Dialog
- Timeline
- DialogV1
- TreeView
- CheckboxOrRadioGroup
这种渐进式的发布策略确保了组件的稳定性,同时给予开发者充分的适应时间。
组件推广
ActionList组件从实验阶段提升到"staff"阶段,表明该组件已经足够成熟,可供更广泛的内部团队使用。这是组件生命周期中的重要里程碑,通常意味着组件API已经稳定,功能完备。
总结
Primer React 37.11.0版本带来了多项功能增强和重要修复,特别是在组件交互能力和无障碍支持方面有显著提升。CSS Modules的持续迁移工作展示了项目对现代化前端架构的承诺,而特性标志的阶段性更新则为开发者提供了平滑的升级路径。这些改进共同增强了Primer React作为企业级UI组件库的可靠性和灵活性。
cherry-studio
🍒 Cherry Studio 是一款支持多个 LLM 提供商的桌面客户端TypeScript039RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统Vue0420arkanalyzer
方舟分析器:面向ArkTS语言的静态程序分析框架TypeScript041GitCode百大开源项目
GitCode百大计划旨在表彰GitCode平台上积极推动项目社区化,拥有广泛影响力的G-Star项目,入选项目不仅代表了GitCode开源生态的蓬勃发展,也反映了当下开源行业的发展趋势。03PowerWechat
PowerWechat是一款基于WeChat SDK for Golang,支持小程序、微信支付、企业微信、公众号等全微信生态Go01openGauss-server
openGauss kernel ~ openGauss is an open source relational database management systemC++0146
热门内容推荐
最新内容推荐
项目优选









