Varlet UI 3.18.x 发布了
Varlet UI 3.18.x 带来了一轮面向复杂用户界面的能力补齐。
这次更新新增了 DataTable、RailNavigation、TreeMenu、SegmentedButtons、OtpInput 等组件,并增强了按钮风格。整体来看,3.18.x 更关注数据展示、导航结构、状态切换和安全输入这些高频界面能力,也让 Varlet 在桌面端和 AI Agent 类应用中的表达空间更完整。
新增组件
DataTable
DataTable 补齐了复杂数据展示能力。它适合效率工具、AI Agent 工作台、任务编排面板、内容列表等场景,用来承载选择、状态、分组、批量操作和更高的信息密度。
RailNavigation
RailNavigation 适合承担桌面端应用的一级导航。它可以用较窄的侧边栏承载工作台、资源库、搜索、设置、创建等高频入口,让多模块应用拥有更清晰的外层结构。
TreeMenu
TreeMenu 用来表达层级结构,适合文档目录、资源管理、工作流节点、知识库空间等场景。它可以和 RailNavigation 形成互补:外层用 RailNavigation 管理模块,模块内部用 TreeMenu 展开更细的结构。
SegmentedButtons
SegmentedButtons 面向互斥状态切换。它适合视图模式、运行模式、上下文范围、输出格式等选项,让用户不进入复杂表单也能快速完成关键选择。
OtpInput
OtpInput 用于验证码、一次性密码和安全校验。它把焦点跳转、输入长度、粘贴填充、视觉分隔等细节组件化,能提升登录、二次验证、设备绑定等流程的完成度。
按钮风格增强
按钮是界面里最高频的交互单元。3.18.x 对按钮风格的增强,让创建、筛选、执行、确认、危险操作等不同语义可以获得更清楚的视觉区分,也更适合信息和操作都更密集的桌面端界面。
这次发布的意义
Varlet 一直有很强的移动端基因,而 3.18.x 让它在桌面端和复杂用户端产品中更进一步。DataTable、RailNavigation、TreeMenu 补齐了数据展示、主导航和层级菜单,SegmentedButtons 与按钮增强强化了状态切换和操作表达,OtpInput 则完善了验证链路。
这些能力对 AI Agent 应用也很关键。Agent 产品通常需要展示任务状态、切换能力模块、管理工具和知识库,并把复杂流程组织成清晰界面。3.18.x 新增的组件,正好覆盖了这些常见结构。
因此,3.18.x 不只是一次组件补充,也代表 Varlet 开始覆盖更多“更复杂、更桌面、更工具化”的用户界面。对于已经在使用 Varlet 的项目,可以优先关注数据表格、侧边导航和层级菜单相关页面;对于正在构建 AI Agent 工作台或多模块工具应用的团队,这个版本也更值得评估。