首页
/ Material UI v6.4.0 版本发布:按钮加载状态与组件优化

Material UI v6.4.0 版本发布:按钮加载状态与组件优化

2025-05-31 14:54:13作者:田桥桑Industrious

Material UI 是一个流行的 React UI 组件库,它实现了 Google 的 Material Design 设计规范,为开发者提供了一套美观、易用且高度可定制的界面组件。最新发布的 v6.4.0 版本带来了一系列实用功能和改进,特别是新增了按钮组件的加载状态支持,进一步提升了开发体验。

核心功能更新

按钮组件新增加载状态

本次更新最引人注目的特性是为 ButtonIconButton 组件新增了 loading 属性。这个功能解决了开发中常见的需求:在按钮触发异步操作时显示加载状态,防止用户重复点击并提升交互体验。

当设置 loading={true} 时,按钮会自动显示一个旋转的加载指示器,并禁用按钮的点击功能。这个特性简化了以往需要手动管理加载状态和禁用状态的开发流程,使代码更加简洁。

进度指示器改进

CircularProgress 组件的不确定(indeterminate)动画得到了优化,现在动画更加平滑对称。同时,LinearProgress 组件的组合类(composed classes)被标记为已弃用,开发者应使用新的 API 替代。

表单组件增强

Autocomplete 组件修复了分组选项中键(key)的类型同步问题,确保了运行时和 TypeScript 类型定义的一致性。Select 组件也进行了两项改进:关闭时不再设置 aria-controls 属性,并修复了缺失的根类(root class)问题。

组件 API 完善

Material UI 团队继续致力于完善组件的 API 设计:

  • Alert 组件现在完全支持 slotsslotProps 属性,提供了更灵活的定制能力
  • CardHeader 组件的 *TypographyProps 被标记为已弃用,同时完整实现了 slotsslotProps
  • 新增了 mergeSlotProps 工具函数,用于更便捷地扩展组件功能,该函数现在也能正确处理 style 属性的合并
  • 修复了 TooltipStepLabel 组件的插槽(slots)类型定义

样式与可访问性修复

  • Link 组件修复了在使用自定义调色板(palette)时下划线显示错误的问题
  • Slider 组件确保 onChangeCommitted 回调能接收到传递给 onChange 的最后一个参数
  • 多项可访问性相关的改进,如 Select 组件的 ARIA 属性优化

文档与示例更新

文档团队进行了多项改进:

  • 修复了仪表板侧边栏滚动问题
  • 移除了所有 Adobe XD 相关的引用和示例
  • 增加了关于补充菜单组件的详细说明
  • 修正了排版文档中的错误渲染示例
  • 更新了 CDN 示例以支持 React 19

内部架构优化

开发团队在基础设施方面也做了多项改进:

  • 移除了回归测试和端到端测试中的 Suspense 和时钟模拟
  • 允许在 @mui/internal-test-utils 中使用 React 18
  • 稳定了 pigment 进度条测试的稳定性
  • 明确了 Figma 的 Material UI Sync 插件仍处于实验阶段

Material UI v6.4.0 版本虽然是一个小版本更新,但带来了多项实用功能和改进,特别是按钮加载状态的支持将显著提升开发效率。团队持续关注组件 API 的完善和一致性问题,同时不断优化文档和测试基础设施,为开发者提供更稳定可靠的工具链。

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

热门内容推荐

最新内容推荐

项目优选

收起
openHiTLS-examplesopenHiTLS-examples
本仓将为广大高校开发者提供开源实践和创新开发平台,收集和展示openHiTLS示例代码及创新应用,欢迎大家投稿,让全世界看到您的精巧密码实现设计,也让更多人通过您的优秀成果,理解、喜爱上密码技术。
C
47
248
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
346
381
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
871
516
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
179
263
openGauss-serveropenGauss-server
openGauss kernel ~ openGauss is an open source relational database management system
C++
131
184
kernelkernel
deepin linux kernel
C
22
5
nop-entropynop-entropy
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
7
0
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
335
1.09 K
harmony-utilsharmony-utils
harmony-utils 一款功能丰富且极易上手的HarmonyOS工具库,借助众多实用工具类,致力于助力开发者迅速构建鸿蒙应用。其封装的工具涵盖了APP、设备、屏幕、授权、通知、线程间通信、弹框、吐司、生物认证、用户首选项、拍照、相册、扫码、文件、日志,异常捕获、字符、字符串、数字、集合、日期、随机、base64、加密、解密、JSON等一系列的功能和操作,能够满足各种不同的开发需求。
ArkTS
31
0
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
1.08 K
0