首页
/ Mary UI 2.4.0版本发布:组件优化与功能增强

Mary UI 2.4.0版本发布:组件优化与功能增强

2025-07-03 19:20:36作者:邓越浪Henry

Mary UI是一个现代化的前端UI组件库,专注于为开发者提供简洁、高效且功能丰富的界面组件。最新发布的2.4.0版本带来了一系列组件优化和功能增强,进一步提升了开发体验和用户界面的灵活性。

Header组件内部优化

2.4.0版本对Header组件进行了内部重构,采用了"x-mary-icon"组件作为基础实现。这一改动虽然对最终用户不可见,但带来了显著的架构优势:

  1. 统一了图标系统的实现方式,确保整个项目中图标表现的一致性
  2. 减少了代码重复,提高了维护性
  3. 为未来的图标系统扩展打下了更好的基础

这种内部优化体现了Mary UI团队对代码质量的持续追求,在不影响现有功能的前提下改进底层实现。

ProgressRadial组件支持浮点数值

ProgressRadial组件现在能够正确处理浮点数值作为进度值,这一改进带来了更精确的进度展示能力:

  • 开发者现在可以传递如42.5这样的浮点数值,组件会正确渲染对应的进度
  • 特别适用于需要展示精确进度百分比的场景
  • 与整数处理保持相同的性能表现

这一变化使得ProgressRadial组件在需要高精度展示的场景中更加实用,如系统监控、数据分析仪表盘等。

Card组件布局改进

Card组件在此版本中获得了视觉和布局上的多项优化:

  1. 改进了内部元素的间距和对齐方式,使内容呈现更加协调
  2. 优化了响应式表现,在不同屏幕尺寸下都有更好的显示效果
  3. 提升了视觉层次感,使卡片内容更易于阅读和理解

这些改进使得Card组件在构建信息展示界面时更加得心应手,特别是在内容密集的仪表盘或产品展示页面中效果显著。

MenuSub组件智能隐藏功能

MenuSub组件新增了自动隐藏功能,当子菜单中的所有项目都被隐藏时,父级菜单项会自动隐藏。这一智能行为带来了以下优势:

  • 简化了动态菜单的实现逻辑
  • 开发者不再需要手动处理空子菜单的情况
  • 特别适合基于权限动态显示菜单项的应用场景
  • 保持了菜单结构的整洁性

这一功能特别适合企业级应用,可以根据用户角色动态调整可见菜单项,同时保持界面整洁。

Table组件新增footer插槽

Table组件在此版本中新增了footer插槽,为表格底部内容提供了官方支持:

  • 可以在表格底部添加汇总行、统计信息或操作按钮
  • 与表头形成对称的布局结构
  • 支持任何自定义内容,保持与表格主体一致的样式
  • 特别适合财务数据、统计报表等需要底部汇总的场景

这一新增功能大大增强了Table组件的实用性,使其能够满足更复杂的数据展示需求。

总结

Mary UI 2.4.0版本虽然是一个小版本更新,但带来的改进却非常实用。从底层架构优化到用户体验提升,从新功能增加到现有组件增强,这些变化共同提升了开发者的工作效率和最终用户的使用体验。特别是对Card和Table组件的改进,使得构建数据密集型界面变得更加简单高效。MenuSub的智能隐藏功能则展示了框架对实际开发需求的深入理解。这些渐进式的改进积累起来,正使Mary UI成为一个越来越成熟和完善的前端解决方案。

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

热门内容推荐

项目优选

收起
docsdocs
OpenHarmony documentation | OpenHarmony开发者文档
Dockerfile
149
1.95 K
kernelkernel
deepin linux kernel
C
22
6
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
980
395
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
192
274
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
931
555
openGauss-serveropenGauss-server
openGauss kernel ~ openGauss is an open source relational database management system
C++
145
190
nop-entropynop-entropy
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
8
0
金融AI编程实战金融AI编程实战
为非计算机科班出身 (例如财经类高校金融学院) 同学量身定制,新手友好,让学生以亲身实践开源开发的方式,学会使用计算机自动化自己的科研/创新工作。案例以量化投资为主线,涉及 Bash、Python、SQL、BI、AI 等全技术栈,培养面向未来的数智化人才 (如数据工程师、数据分析师、数据科学家、数据决策者、量化投资人)。
Jupyter Notebook
75
66
openHiTLS-examplesopenHiTLS-examples
本仓将为广大高校开发者提供开源实践和创新开发平台,收集和展示openHiTLS示例代码及创新应用,欢迎大家投稿,让全世界看到您的精巧密码实现设计,也让更多人通过您的优秀成果,理解、喜爱上密码技术。
C
65
518
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
1.11 K
0