首页
/ Oruga UI 0.10.6版本发布:新增组件与功能优化

Oruga UI 0.10.6版本发布:新增组件与功能优化

2025-07-05 13:42:22作者:魏献源Searcher

Oruga UI是一个轻量级的Vue.js组件库,专注于提供灵活、可定制的UI组件。它不依赖特定的CSS框架,开发者可以根据项目需求自由选择样式方案。最新发布的0.10.6版本带来了多项功能增强和问题修复,特别是新增了两个实用组件,并对现有组件的可访问性和功能进行了优化。

新增组件

面包屑导航组件(Breadcrumb)

0.10.6版本引入了全新的Breadcrumb组件,为开发者提供了标准的导航路径展示方案。这个组件特别适合需要展示用户当前位置或导航历史的场景,如电商网站的商品分类层级或文档系统的目录结构。

标签组件(Tag)

另一个新增的Tag组件为标记和分类场景提供了标准化的解决方案。该组件可以灵活应用于各种需要展示标签的场景,如文章分类、商品属性标记等。Tag组件设计简洁,支持多种样式定制选项。

功能增强

表单字段多消息支持

Field组件现在支持显示多条验证消息,这对于复杂的表单验证场景特别有用。开发者可以同时展示多个验证错误信息,提升用户体验。

输入组件验证方法公开

Input组件新增了checkHtml5Validity方法的公开访问,允许开发者手动触发HTML5原生验证逻辑,为表单验证流程提供了更多控制权。

模态框可访问性改进

Modal组件增加了对ARIA alert dialog模式的支持,显著提升了屏幕阅读器用户的体验。这一改进使得模态框在触发时会自动通知辅助技术用户,符合现代Web可访问性标准。

通知组件增强

Notification组件新增了两个实用功能:

  • pauseOnHover属性允许通知在鼠标悬停时暂停自动关闭计时
  • rounded属性为通知添加了圆角样式选项,提供了更多视觉定制可能性

表格分页功能扩展

Table组件的分页功能得到了增强,新增了paginationRangeBefore和paginationRangeAfter属性,允许开发者更灵活地控制分页导航中显示的页码范围。

问题修复

本次版本修复了几个关键问题:

  • Icon组件在clickable状态下现在会正确加入Tab键导航顺序
  • 程序化关闭事件参数不一致的问题已解决
  • Table组件现在会在paginated属性变化时正确重新过滤行数据

组件集成优化

Taginput组件现在内部使用新的Tag组件实现,提高了代码一致性。同时新增了disabled根类,为禁用状态提供了更好的样式控制。

这些改进和新增功能使Oruga UI在组件丰富度、可访问性和开发者体验方面都得到了显著提升,为构建现代化Web应用提供了更强大的工具集。

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