Mary UI 1.41.7版本发布:模态框优化与表单增强
Mary UI是一个现代化的前端UI组件库,专注于为开发者提供简洁、高效且功能丰富的界面组件。本次1.41.7版本的发布,主要针对模态框、表单等核心组件进行了功能增强和体验优化,同时也引入了一些实用的新特性。
模态框组件改进
本次更新对Modal组件进行了两项重要改进:
-
焦点捕获机制:新增了焦点陷阱(focus trap)功能,确保当模态框打开时,用户的键盘操作只会影响模态框内的元素,而不会意外操作背景内容。这项改进显著提升了模态框的可访问性,特别是对于依赖键盘导航的用户。
-
层级提升:提高了Modal和Toast组件的z-index值,确保这些浮动元素能够始终显示在其他内容之上,避免了可能出现的视觉层级冲突问题。
PIN组件新增隐藏功能
PIN输入组件现在支持隐藏功能,开发者可以通过相关属性配置来隐藏PIN码的显示。这一特性特别适用于需要输入敏感信息的场景,如支付密码或安全验证码等场景,为用户提供更好的隐私保护。
表单组件灵活性增强
Form组件现在允许开发者完全覆盖actions插槽的内容,这为表单底部操作区域的定制提供了更大的灵活性。开发者可以根据项目需求,自由设计表单的提交、重置等操作按钮的布局和样式,而不再受限于组件默认的布局方式。
主题切换组件样式定制
ThemeToggle组件新增了class属性支持,使得开发者可以更轻松地为主题切换按钮添加自定义样式类。这一改进让主题切换组件能够更好地融入各种设计风格的界面中,同时保持功能的一致性。
总结
Mary UI 1.41.7版本虽然是一个小版本更新,但带来的改进却非常实用。从模态框的可用性提升,到表单的定制灵活性增强,再到PIN组件的新功能加入,每一项改进都针对实际开发中的痛点进行了优化。这些变化使得Mary UI在保持简洁设计理念的同时,能够满足更多样化的开发需求。
对于正在使用Mary UI的开发者来说,这个版本值得升级,特别是那些需要高度定制化表单或重视可访问性的项目。新加入的PIN隐藏功能也为安全敏感型应用提供了更好的支持。
atomcodeClaude Code 的开源替代方案。连接任意大模型,编辑代码,运行命令,自动验证 — 全自动执行。用 Rust 构建,极致性能。 | An open-source alternative to Claude Code. Connect any LLM, edit code, run commands, and verify changes — autonomously. Built in Rust for speed. Get StartedRust0224
cann-learning-hubCANN 学习中心仓,支持在线互动运行、边学边练,提供教程、示例与优化方案,一站式助力昇腾开发者快速上手。Jupyter Notebook0143
uni-appA cross-platform framework using Vue.jsJavaScript010
GLM-5.2智谱开源 GLM-5.2,这是针对长文本任务的最新旗舰模型。相较于前代产品 GLM-5.1,它在长文本任务处理能力上实现了显著飞跃,并且首次在稳定的 100 万 token 上下文中提供这一能力。Jinja00
SwanLab⚡️SwanLab - an open-source, modern-design AI training tracking and visualization tool. Supports Cloud / Self-hosted use. Integrated with PyTorch / Transformers / LLaMA Factory / veRL/ Swift / Ultralytics / MMEngine / Keras etc.Python00
tiny-universe《大模型白盒子构建指南》:一个全手搓的Tiny-UniverseJupyter Notebook04