首页
/ SmartHR UI v75.0.0 版本发布:国际化日期处理与容器布局增强

SmartHR UI v75.0.0 版本发布:国际化日期处理与容器布局增强

2025-07-08 04:19:15作者:董宙帆

SmartHR UI 是一个现代化的 React UI 组件库,专为企业级应用设计,提供了一系列符合设计系统规范的组件和工具。最新发布的 v75.0.0 版本带来了多项重要更新,特别是在国际化日期处理和布局系统方面有了显著改进。

国际化日期处理能力升级

本次版本最核心的改进是对国际化日期处理能力的全面增强。通过重构 useIntl 钩子和 DateFormatter 组件,现在系统能够根据不同的语言环境自动适配最合适的日期格式。

在实际应用中,开发者现在可以简单地调用:

const { formatDate } = useIntl()
formatDate(new Date("2025-07-02"))

对于日语环境(ja),这将输出"2025/07/02";而对于美式英语环境(en-us),则会显示为"Jul 02, 2025"。这种自动适配能力大大简化了多语言应用中的日期处理逻辑。

DateFormatter 组件也获得了相同的国际化支持,开发者只需传入日期对象,组件会自动处理格式转换:

<DateFormatter date={new Date("2025-07-02")} />

新增容器布局系统

v75.0.0 引入了全新的宽度相关设计令牌和 Container 组件,为页面布局提供了更强大的控制能力。这套系统包括:

  1. 预设的宽度令牌,便于快速实现响应式布局
  2. 标准化的容器组件,简化页面结构的搭建
  3. 改进的边距处理逻辑,确保布局一致性

这些改进使得开发者能够更轻松地创建符合设计规范的页面结构,同时保持代码的简洁性和可维护性。

文件处理组件增强

在文件处理方面,本次更新为 DropZone 组件新增了 disablederror 状态支持,使得文件上传交互更加完善。同时,PDFViewer 组件现在支持对加密PDF文件的处理控制,开发者可以自定义密码输入流程,提供更灵活的用户体验。

问题修复与优化

版本还包含多项问题修复,包括:

  • 修复了图像查看器在初始加载时可能出现的零除计算错误
  • 修正了宽度相关边距设置的配置问题
  • 修复了文档中的拼写错误(matrics → matrices)

这些改进提升了组件的稳定性和可靠性,为开发者提供了更坚实的基础。

升级建议

对于正在使用日期处理功能的项目,建议尽快升级以利用新的国际化能力。对于新项目,可以直接采用新版本来获得完整的布局系统和增强的文件处理功能。升级时需要注意新的日期处理API虽然保持了向后兼容性,但行为有所变化,建议进行充分测试。

SmartHR UI v75.0.0 的这些改进进一步巩固了它作为企业级React UI解决方案的地位,特别是在国际化支持和布局系统方面的增强,将显著提升开发效率和用户体验。

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