Mary UI 2.3.0版本发布:组件优化与功能增强
2025-07-03 19:31:27作者:傅爽业Veleda
Mary UI是一个基于Laravel的现代化UI组件库,它提供了丰富的界面元素和交互组件,帮助开发者快速构建优雅的Web应用界面。本次发布的2.3.0版本主要对现有组件进行了多项优化和改进,提升了开发体验和界面一致性。
组件优化与改进
Choices/ChoicesOffline组件样式修复
本次更新修复了Choices和ChoicesOffline组件在样式上的两个重要问题:
-
选择框高度问题:现在可以正确应用样式类并支持垂直拉伸,确保在不同布局中都能保持一致的视觉效果。
-
徽章(badge)高度问题:修复了徽章高度不一致的问题,使界面元素更加协调统一。
Carousel组件新增自动播放功能
Carousel轮播组件新增了autoplay设置选项,开发者现在可以通过简单的配置实现自动轮播效果:
<x-carousel autoplay="true">
<!-- 轮播项内容 -->
</x-carousel>
这一功能大大增强了轮播组件的实用性,特别适合展示产品图片或重要信息。
File组件宽度优化
File组件现在默认设置为w-full(全宽度),使其在表单布局中与其他输入元素保持一致的宽度表现,提升了表单的整体美观度。
Table组件交互优化
Table组件的行选择(row-selection)功能现在会阻止点击事件的传播,解决了与行内其他可点击元素的交互冲突问题,使表格的交互行为更加符合预期。
菜单组件重大改进
本次更新对Menu、MenuSub和MenuItem组件进行了重要改进,引入了更清晰的属性命名和新的功能:
属性重命名
将原有的enabled属性更名为hidden,使属性命名更加直观:
<!-- 旧版用法 -->
<x-menu-item :enabled="false">
<x-menu-sub :enabled="false">
<!-- 新版用法 -->
<x-menu-item :hidden="true" />
<x-menu-sub :hidden="true" />
新增disabled属性
新增了disabled属性,为菜单项提供了更丰富的状态控制:
<x-menu-item :disabled="true" /> <!-- 禁用但可见 -->
<x-menu-item :hidden="true" /> <!-- 完全隐藏 -->
<x-menu-sub :disabled="true" /> <!-- 禁用但可见 -->
<x-menu-sub :hidden="true" /> <!-- 完全隐藏 -->
这一改进使得开发者能够更精确地控制菜单项的可见性和交互状态,满足更复杂的业务场景需求。
升级建议
对于正在使用Mary UI 2.2.x版本的项目,升级到2.3.0版本需要注意以下几点:
- 检查项目中所有使用
enabled属性的菜单组件,将其更新为hidden属性 - 评估是否需要为新引入的
disabled属性添加相关逻辑 - 测试Carousel组件的自动播放功能是否符合预期
- 验证Table组件的行选择行为是否与现有功能兼容
这些改进和优化使得Mary UI在组件功能性、一致性和易用性方面都有了显著提升,特别是菜单组件的状态控制更加灵活,能够满足更复杂的界面交互需求。
登录后查看全文
热门项目推荐
相关项目推荐
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 StartedRust0223
cann-learning-hubCANN 学习中心仓,支持在线互动运行、边学边练,提供教程、示例与优化方案,一站式助力昇腾开发者快速上手。Jupyter Notebook0142
uni-appA cross-platform framework using Vue.jsJavaScript09
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
项目优选
收起
openEuler内核是openEuler操作系统的核心,既是系统性能与稳定性的基石,也是连接处理器、设备与服务的桥梁。
C
470
468
deepin linux kernel
C
32
16
暂无描述
Dockerfile
780
5.09 K
Ascend Extension for PyTorch
Python
759
969
本项目是CANN提供的神经网络类计算算子库,实现网络在NPU上加速计算。
C++
705
1.41 K
Claude 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 Started
Rust
2.13 K
223
本项目是CANN提供的transformer类大模型算子库,实现网络在NPU上加速计算。
C++
888
2.03 K
本仓库是 Flutter SDK 与 Flutter Engine 的 OpenHarmony 适配版本,由 CPF-Flutter 团队维护。开发者可使用熟悉的 Flutter 技术栈开发 OpenHarmony 应用,3.35.7 及以后的适配版本可基于本仓库源码构建支持 OpenHarmony 的 Flutter Engine。
Dart
1.04 K
272
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
C
462
5.49 K
本项目是CANN提供的数学类基础计算算子库,实现网络在NPU上加速计算。
C++
1.11 K
1.15 K