首页
/ NG-ZORRO 19.1.0版本发布:新增CheckList组件与多项功能优化

NG-ZORRO 19.1.0版本发布:新增CheckList组件与多项功能优化

2025-06-07 02:07:08作者:俞予舒Fleming

NG-ZORRO是基于Angular的企业级UI组件库,由阿里巴巴团队开发和维护。它提供了丰富的组件和功能,帮助开发者快速构建高质量的Web应用。最新发布的19.1.0版本带来了几个重要的新特性和改进,让我们一起来看看这些变化。

新增CheckList组件

19.1.0版本引入了全新的CheckList组件,这是一个专门为多选场景设计的列表组件。与传统的CheckboxGroup相比,CheckList提供了更直观的列表展示方式,特别适合需要展示大量选项的场景。开发者可以通过简单的配置快速实现一个美观且功能完善的多选列表。

消息通知组件增强

Message和Notification组件在这个版本中获得了重要的功能增强。现在当内容使用模板时,开发者可以通过nzData属性向模板传递数据。这个改进大大提高了组件的灵活性,使得开发者可以更自由地定制通知内容,同时保持数据与视图的清晰分离。

浮层组件改进

Popover、Popconfirm和Tooltip组件在这个版本中获得了两个重要改进:

  1. overlayClassName属性现在支持以空格分隔的类名字符串,这使得样式定制更加方便。开发者不再需要手动处理类名拼接,可以直接传入多个类名。

  2. Popover组件新增了nzPopoverOverlayClickable属性,用于控制是否可以通过点击蒙层关闭面板。这个功能在需要阻止用户意外关闭重要提示的场景中特别有用。

问题修复

本次版本修复了几个重要问题:

  1. InputNumber和Checkbox组件现在能够正确响应来自FormControl的禁用状态变化,解决了表单控制中的一致性问题。

  2. InputNumber组件改用了input事件替代change事件,这修复了多个与输入相关的问题,包括值更新时机和用户体验问题。

  3. TreeSelect组件修复了判断多个实例条件的错误,提高了组件的稳定性和可靠性。

代码重构与优化

19.1.0版本包含了两项重要的代码重构:

  1. 项目已经重构为使用ECMAScript标准的类成员语法,这使得代码更加现代和规范,同时也为未来的JavaScript特性支持打下了基础。

  2. 项目现在完全支持isolatedModules编译选项,这意味着开发者可以在自己的项目中也启用这个选项,享受更快的编译速度和更好的模块隔离性。

总结

NG-ZORRO 19.1.0版本带来了实用的新组件和多项功能改进,进一步提升了开发体验和组件质量。无论是新增的CheckList组件,还是对现有组件的增强和修复,都体现了团队对细节的关注和对开发者需求的响应。这些改进使得NG-ZORRO在企业级应用开发中更具竞争力,值得开发者升级体验。

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

热门内容推荐

最新内容推荐

项目优选

收起
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
178
262
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
866
513
ShopXO开源商城ShopXO开源商城
🔥🔥🔥ShopXO企业级免费开源商城系统,可视化DIY拖拽装修、包含PC、H5、多端小程序(微信+支付宝+百度+头条&抖音+QQ+快手)、APP、多仓库、多商户、多门店、IM客服、进销存,遵循MIT开源协议发布、基于ThinkPHP8框架研发
JavaScript
93
15
openGauss-serveropenGauss-server
openGauss kernel ~ openGauss is an open source relational database management system
C++
129
183
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
261
302
kernelkernel
deepin linux kernel
C
22
5
cherry-studiocherry-studio
🍒 Cherry Studio 是一款支持多个 LLM 提供商的桌面客户端
TypeScript
598
57
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
1.07 K
0
HarmonyOS-ExamplesHarmonyOS-Examples
本仓将收集和展示仓颉鸿蒙应用示例代码,欢迎大家投稿,在仓颉鸿蒙社区展现你的妙趣设计!
Cangjie
398
371
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
332
1.08 K