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

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

2025-07-03 02:35:29作者:邓越浪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成为一个越来越成熟和完善的前端解决方案。

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

热门内容推荐

最新内容推荐

项目优选

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