SmartHR UI v72.0.0 版本发布:增强表单组件与对话框功能
SmartHR UI 是一个现代化的 React UI 组件库,专为企业级人力资源管理应用设计。它提供了一系列经过精心设计的组件,帮助开发者快速构建一致、美观且功能强大的用户界面。本次发布的 v72.0.0 版本带来了两个主要的功能增强和一些问题修复,下面我们将详细解析这些更新内容。
RadioButtonPanel 组件增强
本次更新对 RadioButtonPanel 组件进行了重要改进,使其能够支持更丰富的文本内容展示。RadioButtonPanel 是表单中常用的单选按钮组组件,常用于选项选择场景。
主要变更点
-
文本内容分离:现在可以将主标签文本和说明文本分开传递。主标签通过
label属性传递,而说明文本则通过children传递。 -
样式自动调整:当组件检测到有说明文本(children)存在时,会自动为主标签应用加粗(bold)样式,使界面层次更加清晰。
-
迁移指南:对于现有项目,需要将原先通过 children 传递的主标签文本迁移到 label 属性中。如果有说明文本,则应该继续使用 children 传递。
实际应用示例
// 旧版用法
<RadioButtonPanel>
主标签文本
</RadioButtonPanel>
// 新版用法 - 只有主标签
<RadioButtonPanel label="主标签文本" />
// 新版用法 - 主标签加说明
<RadioButtonPanel label="主标签文本">
这里是详细的说明文本,可以更详细地描述这个选项的含义。
</RadioButtonPanel>
这一改进使得表单选项能够展示更丰富的信息,同时保持界面整洁和易读性,特别适合需要额外解释的复杂选项场景。
新增 RemoteTriggerStepFormDialog 组件
v72.0.0 版本引入了一个全新的组件——RemoteTriggerStepFormDialog,这是一个多步骤表单对话框组件,设计用于处理复杂的分步表单流程。
核心特性
-
分步处理:将复杂的表单流程分解为多个逻辑步骤,降低用户认知负担。
-
远程触发:支持从应用的其他位置触发对话框打开,便于在复杂交互流程中使用。
-
状态管理:内置了步骤状态管理,开发者可以专注于业务逻辑而非流程控制。
使用场景
这个组件特别适合以下场景:
- 用户注册流程
- 多步骤的数据录入
- 需要分阶段确认的复杂操作
- 向导式的任务引导
Stepper 组件修复
本次版本还修复了 Stepper 组件中的一个显示问题。当步骤标题文本较长时,在垂直布局模式下连接线会出现断裂现象。修复后,无论标题长度如何,连接线都能正确显示,保证了视觉一致性。
升级建议
对于正在使用 SmartHR UI 的项目,升级到 v72.0.0 时需要注意:
- 检查项目中所有 RadioButtonPanel 的使用情况,按照新的 API 规范进行调整。
- 评估是否可以将现有的多步骤表单迁移到新的 RemoteTriggerStepFormDialog 组件,以提升用户体验。
- 如果项目中使用了垂直布局的 Stepper 组件且存在长标题情况,升级后将自动获得修复。
SmartHR UI 持续致力于提供高质量的企业级 UI 组件,本次更新进一步丰富了表单相关的功能,为构建更复杂的业务场景提供了更好的支持。开发者可以充分利用这些新特性,打造更加友好和高效的人力资源管理系统界面。
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 StartedRust0152- DDeepSeek-V4-ProDeepSeek-V4-Pro(总参数 1.6 万亿,激活 49B)面向复杂推理和高级编程任务,在代码竞赛、数学推理、Agent 工作流等场景表现优异,性能接近国际前沿闭源模型。Python00
LongCat-Video-Avatar-1.5最新开源LongCat-Video-Avatar 1.5 版本,这是一款经过升级的开源框架,专注于音频驱动人物视频生成的极致实证优化与生产级就绪能力。该版本在 LongCat-Video 基础模型之上构建,可生成高度稳定的商用级虚拟人视频,支持音频-文本转视频(AT2V)、音频-文本-图像转视频(ATI2V)以及视频续播等原生任务,并能无缝兼容单流与多流音频输入。00
auto-devAutoDev 是一个 AI 驱动的辅助编程插件。AutoDev 支持一键生成测试、代码、提交信息等,还能够与您的需求管理系统(例如Jira、Trello、Github Issue 等)直接对接。 在IDE 中,您只需简单点击,AutoDev 会根据您的需求自动为您生成代码。Kotlin03
Intern-S2-PreviewIntern-S2-Preview,这是一款高效的350亿参数科学多模态基础模型。除了常规的参数与数据规模扩展外,Intern-S2-Preview探索了任务扩展:通过提升科学任务的难度、多样性与覆盖范围,进一步释放模型能力。Python00
skillhubopenJiuwen 生态的 Skill 托管与分发开源方案,支持自建与可选 ClawHub 兼容。Python0112