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组件库的可靠性和灵活性。
- KKimi-K2-InstructKimi-K2-Instruct是月之暗面推出的尖端混合专家语言模型,拥有1万亿总参数和320亿激活参数,专为智能代理任务优化。基于创新的MuonClip优化器训练,模型在知识推理、代码生成和工具调用场景表现卓越,支持128K长上下文处理。作为即用型指令模型,它提供开箱即用的对话能力与自动化工具调用功能,无需复杂配置即可集成到现有系统。模型采用MLA注意力机制和SwiGLU激活函数,在vLLM等主流推理引擎上高效运行,特别适合需要快速响应的智能助手应用。开发者可通过兼容OpenAI/Anthropic的API轻松调用,或基于开源权重进行深度定制。【此简介由AI生成】Python00
- QQwen3-235B-A22B-Instruct-2507Qwen3-235B-A22B-Instruct-2507是一款强大的开源大语言模型,拥有2350亿参数,其中220亿参数处于激活状态。它在指令遵循、逻辑推理、文本理解、数学、科学、编程和工具使用等方面表现出色,尤其在长尾知识覆盖和多语言任务上显著提升。模型支持256K长上下文理解,生成内容更符合用户偏好,适用于主观和开放式任务。在多项基准测试中,它在知识、推理、编码、对齐和代理任务上超越同类模型。部署灵活,支持多种框架如Hugging Face transformers、vLLM和SGLang,适用于本地和云端应用。通过Qwen-Agent工具,能充分发挥其代理能力,简化复杂任务处理。最佳实践推荐使用Temperature=0.7、TopP=0.8等参数设置,以获得最优性能。00
cherry-studio
🍒 Cherry Studio 是一款支持多个 LLM 提供商的桌面客户端TypeScript042GitCode百大开源项目
GitCode百大计划旨在表彰GitCode平台上积极推动项目社区化,拥有广泛影响力的G-Star项目,入选项目不仅代表了GitCode开源生态的蓬勃发展,也反映了当下开源行业的发展趋势。04note-gen
一款跨平台的 Markdown AI 笔记软件,致力于使用 AI 建立记录和写作的桥梁。TSX00PDFMathTranslate
PDF scientific paper translation with preserved formats - 基于 AI 完整保留排版的 PDF 文档全文双语翻译,支持 Google/DeepL/Ollama/OpenAI 等服务,提供 CLI/GUI/DockerPython08
热门内容推荐
最新内容推荐
项目优选









