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

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

2025-06-15 13:27:15作者:劳婵绚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 的开发者来说,升级到这个版本将能够获得更完善的组件功能和更稳定的运行表现。新引入的组件也为构建现代化、响应式的用户界面提供了更多可能性。

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

项目优选

收起
kernelkernel
deepin linux kernel
C
22
6
docsdocs
OpenHarmony documentation | OpenHarmony开发者文档
Dockerfile
168
2.05 K
openHiTLS-examplesopenHiTLS-examples
本仓将为广大高校开发者提供开源实践和创新开发平台,收集和展示openHiTLS示例代码及创新应用,欢迎大家投稿,让全世界看到您的精巧密码实现设计,也让更多人通过您的优秀成果,理解、喜爱上密码技术。
C
99
608
nop-entropynop-entropy
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
8
0
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
199
279
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
954
563
金融AI编程实战金融AI编程实战
为非计算机科班出身 (例如财经类高校金融学院) 同学量身定制,新手友好,让学生以亲身实践开源开发的方式,学会使用计算机自动化自己的科研/创新工作。案例以量化投资为主线,涉及 Bash、Python、SQL、BI、AI 等全技术栈,培养面向未来的数智化人才 (如数据工程师、数据分析师、数据科学家、数据决策者、量化投资人)。
Python
78
71
leetcodeleetcode
🔥LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer(第 2 版)》、《程序员面试金典(第 6 版)》题解
Java
60
17
apintoapinto
基于golang开发的网关。具有各种插件,可以自行扩展,即插即用。此外,它可以快速帮助企业管理API服务,提高API服务的稳定性和安全性。
Go
22
0