likes
comments
collection
share

Ng DevUI 14 released!🎉

作者站长头像
站长
· 阅读数 11

6月份刚发布 Angular 14 版本,8月份我们就升级上啦!

Angular 14 版本带来了很多令人惊喜的特性:

  • 支持独立组件,创建组件无需依赖 NgModule
  • 支持类型化的表单,确保表单控件、组和数组中的值在整个 API 层面上都是类型安全的
  • 支持基于 esbuild 的构建系统,用于编译纯 ESM 输出

现在你可以在 Angular 14 的项目中愉快地使用 Ng DevUI 组件库啦!我们一起来看看 Ng DevUI 14 都更新了哪些新特性吧!

新增特性:

  • 新增number-translator组件
  • search: 优化无边框样式,默认无边框hover出现灰色边框、激活态出现蓝色边框,无背景色
  • data-table: 优化列宽度调整的控制条样式; 添加公共class devui-operation-cell, 调整操作类内容的td内间距
  • carousel: 增加显示切换进度条
  • category-search: 保存过滤器弹框支持配置显示文字、关键字支持配置名称
  • form: 添加多种校验规则
  • icon: 支持图标悬浮变色的场景
  • mention: 默认不需要空格分隔符即可触发下拉,如需分隔符可使用新API开启
  • navSprite: 支持不传入title
  • tree: 可操作tree拖拽后更新对应checkbox状态
  • trend: 新增大,中,小三个字号大小
  • card: 卡片封装悬浮动效
  • dropdown: 新增dropdownItem指令
  • loading: 增加infinity样式loading
  • tabs: 新增autoScrollMode,自动开启大数据滚动模式

Bug修复:

  • accordion: 修复dom结构变化导致注入失效,外层获取激活状态错误及无法自动展开的问题 closes 13版本的Accordion组件autoOpenActiveMenu属性不生效 #240
  • datatable: 可编辑单元格添加最小高度,避免空值不可点击,修复不可滚动表格nodata区域宽度问题;修复表头的其他组件被表格样式穿透
  • datepicker-pro: 修复范围禁用下hover出现小尾巴问题;键盘输入改变Input值触发ngModelChanges事件
  • select: 修复禁用状态下触发toggleChange
  • category-search: 修复失焦关闭下拉和改变分类选项数组导致的问题
  • category-search: 修复radio类型返回的selectedTags数据值结构,修复后结构为{value:{value:xxx,cache:xxx,label[filterKey]:xxx}}

更多特性请参考以下文档:

github.com/DevCloudFE/…

欢迎加入我们的开源社区,一起交流前端技术,一起做开源项目!感兴趣可以添加小助手微信:devui-official🤝

封面图来自 @twerske推文