SmartHR UI v69.0.0 版本发布:导航组件增强与交互优化
SmartHR UI 是一个现代化的企业级 UI 组件库,专为构建人力资源管理系统而设计。它提供了丰富的组件集合,帮助开发者快速构建一致且易用的用户界面。最新发布的 v69.0.0 版本带来了多项重要更新,主要集中在导航组件的功能增强和交互体验的优化上。
主要更新内容
1. SideMenu 组件正式发布
本次版本中最显著的更新是将 SideMenu 组件从实验性(Experimental)状态正式发布。SideMenu 是一个侧边导航菜单组件,经过多个版本的迭代和测试,现在已足够稳定可用于生产环境。
该组件新增了 aria-current 属性的支持,能够明确标识当前选中的菜单项,显著提升了可访问性。对于屏幕阅读器用户来说,这一改进使得导航状态更加清晰可辨。
2. SideNav 组件重构
SideNav 组件进行了重大重构,现在支持组合式(Composition)设计模式。这意味着开发者可以更灵活地组合和定制导航结构,而不再受限于原有的固定布局方式。这种改进特别适合需要复杂导航结构的企业应用场景。
3. 交互组件增强
Tooltip 组件的显示位置计算逻辑得到了优化。新算法能够更准确地确定提示框的最佳显示位置,避免出现遮挡或溢出视口的情况。这一改进虽然带来了破坏性变更,但显著提升了用户体验。
SingleCombobox 组件现在对 readOnly 属性有了更好的支持。当设置为只读状态时,UI 会进行相应的视觉调整,使状态更加明确。
TextLink 组件新增了 size 属性,允许开发者更精细地控制链接文本的尺寸,满足不同设计场景的需求。
4. 表格组件功能扩展
表格相关的 Th 和 Td 组件现在支持同时指定多个 fixed 属性。这一改进使得开发者能够创建更复杂的固定列布局,特别适合处理大型数据表格。
5. 分页组件改进
Pagination 组件现在支持通过 hrefTemplate 选项将分页按钮渲染为 a 元素。这一改进对 SEO 更加友好,同时也支持了更传统的页面跳转方式。
技术细节与最佳实践
对于导航组件的使用,建议开发者:
- 优先使用新发布的 SideMenu 组件构建主导航,它提供了更好的可访问性和视觉一致性。
- 当需要更复杂的导航结构时,考虑使用重构后的 SideNav 组件,利用其组合式特性构建定制化的导航体验。
- 在使用 Tooltip 组件时,注意新版本的位置计算逻辑可能影响现有布局,建议在升级后进行充分的测试。
总结
SmartHR UI v69.0.0 版本通过导航组件的增强和交互体验的优化,进一步提升了开发效率和用户体验。这些改进使得构建复杂的企业级应用变得更加简单和可靠。建议开发者评估这些新特性,特别是导航组件的更新,以便在项目中充分利用这些改进。
atomcodeClaude Code 的开源替代方案。连接任意大模型,编辑代码,运行命令,自动验证 — 全自动执行。用 Rust 构建,极致性能。 | An open-source alternative to Claude Code. Connect any LLM, edit code, run commands, and verify changes — autonomously. Built in Rust for speed. Get StartedRust099- DDeepSeek-V4-ProDeepSeek-V4-Pro(总参数 1.6 万亿,激活 49B)面向复杂推理和高级编程任务,在代码竞赛、数学推理、Agent 工作流等场景表现优异,性能接近国际前沿闭源模型。Python00
MiMo-V2.5-ProMiMo-V2.5-Pro作为旗舰模型,擅⻓处理复杂Agent任务,单次任务可完成近千次⼯具调⽤与⼗余轮上 下⽂压缩。Python00
GLM-5.1GLM-5.1是智谱迄今最智能的旗舰模型,也是目前全球最强的开源模型。GLM-5.1大大提高了代码能力,在完成长程任务方面提升尤为显著。和此前分钟级交互的模型不同,它能够在一次任务中独立、持续工作超过8小时,期间自主规划、执行、自我进化,最终交付完整的工程级成果。Jinja00
Kimi-K2.6Kimi K2.6 是一款开源的原生多模态智能体模型,在长程编码、编码驱动设计、主动自主执行以及群体任务编排等实用能力方面实现了显著提升。Python00
MiniMax-M2.7MiniMax-M2.7 是我们首个深度参与自身进化过程的模型。M2.7 具备构建复杂智能体应用框架的能力,能够借助智能体团队、复杂技能以及动态工具搜索,完成高度精细的生产力任务。Python00