首页
/ Taiga UI v4.31.0 版本发布:新增分页组件与多项功能优化

Taiga UI v4.31.0 版本发布:新增分页组件与多项功能优化

2025-06-15 19:45:09作者:劳婵绚Shirley

Taiga UI 是一个现代化的 Angular UI 组件库,专注于为开发者提供丰富、灵活且高性能的界面组件。本次发布的 v4.31.0 版本带来了多个新组件和功能增强,同时对现有组件进行了多项优化和错误修复。

新增功能亮点

全新分页组件 tui-pager

本次版本引入了全新的 tui-pager 分页组件,为开发者提供了更加灵活和强大的分页功能。该组件设计简洁但功能全面,可以轻松集成到各种数据展示场景中。

文档增强功能

addon-doc 模块中新增了 TuiDocAPINumberItem,这是一个专门用于配置输入 API 数字选项的工具。这一改进使得文档生成更加灵活,特别是对于需要展示数字输入参数的组件文档。

核心组件优化

核心模块中的 TuiOption 组件迎来了新版本,进行了内部重构和功能增强,提供了更好的性能和更丰富的配置选项。

多行显示模式

ItemsWithMore 组件新增了多行显示模式,这使得在有限空间内展示更多项目成为可能,特别适合需要展示大量标签或选项的场景。

轮播组件增强

carousel 组件新增了 shift 输出事件,开发者现在可以更精确地监听和控制轮播项的切换行为。

全新 ChipGroup 组件

布局模块新增了 ChipGroup 组件,为标签组展示提供了标准化的解决方案,支持多种布局和交互模式。

重要问题修复

本次版本修复了多个影响用户体验的问题:

  1. 修复了 Filter 组件在处理短项目时的显示问题,确保所有项目都能正确渲染。

  2. 图表模块修复了当项目数量超过10个时的颜色显示问题,确保图表始终保持良好的可读性。

  3. 移动端组件修复了 sheet 的显示问题,现在使用 display: block 来确保正确的布局行为。

  4. 核心模块修复了 Dialog 内容区域的边框半径继承问题,使对话框的视觉效果更加一致。

  5. 为自定义组件添加了提示标记,提高了组件的可访问性和开发体验。

  6. 实验性功能修复了编译步骤中的引用问题,确保构建过程的稳定性。

  7. 修复了 tuiMultiSelectGroup 中控制绑定的延迟初始化问题,提高了组件的响应速度。

技术细节改进

在底层实现上,本次版本对 tuiCreateToken 进行了优化,确保在没有参数时不会创建带有默认 undefined 值的 token,这提高了代码的严谨性和可预测性。

总结

Taiga UI v4.31.0 版本在保持稳定性的同时,通过新增组件和功能进一步丰富了开发者的工具箱。从基础的分页功能到复杂的图表展示,再到移动端体验的优化,本次更新涵盖了多个关键领域。特别是对现有问题的修复,显著提升了整体用户体验和开发效率。

对于正在使用 Taiga UI 的开发者来说,升级到这个版本将能够获得更完善的组件功能和更稳定的运行表现。新引入的组件也为构建现代化、响应式的用户界面提供了更多可能性。

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