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

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

2025-07-05 22:11:50作者:魏献源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应用提供了更强大的工具集。

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

热门内容推荐

最新内容推荐

项目优选

收起
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
178
262
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
866
513
ShopXO开源商城ShopXO开源商城
🔥🔥🔥ShopXO企业级免费开源商城系统,可视化DIY拖拽装修、包含PC、H5、多端小程序(微信+支付宝+百度+头条&抖音+QQ+快手)、APP、多仓库、多商户、多门店、IM客服、进销存,遵循MIT开源协议发布、基于ThinkPHP8框架研发
JavaScript
93
15
openGauss-serveropenGauss-server
openGauss kernel ~ openGauss is an open source relational database management system
C++
129
183
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
261
302
kernelkernel
deepin linux kernel
C
22
5
cherry-studiocherry-studio
🍒 Cherry Studio 是一款支持多个 LLM 提供商的桌面客户端
TypeScript
598
57
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
1.07 K
0
HarmonyOS-ExamplesHarmonyOS-Examples
本仓将收集和展示仓颉鸿蒙应用示例代码,欢迎大家投稿,在仓颉鸿蒙社区展现你的妙趣设计!
Cangjie
398
371
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
332
1.08 K