Ng DevUI 14.1.0版本已发布，看看有哪些新特性吧！

青灯夜游

发布时间：2022-12-21 20:34:15

2609人浏览过

来源于掘金社区

原创

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

Ng DevUI 14.1.0版本已发布，看看有哪些新特性吧！

新增特性

新增UserGuide组件
typography: 重构组件，新增文字编辑功能、文字省略指令textOverflow。【相关教程推荐：《angular教程》】
✏️ gantt: 新增状态及标题模板
editable-select: 添加下拉自定义区域，添加hover事件
progress: 优化文字显示；新增多段颜色和渐变色配置
tree-select: 新增自定义无数据模板；新增searchPlaceholder，允许配置搜索文字
fullscreen: 新增api beforeChange，可用于阻止esc或click方式开关全屏（无法阻止沉浸式全屏浏览器默认响应，如按f11和esc退出）
datatable: 新增自定义表头及样式的配置器；表格尺寸添加mini；column模式下添加编辑结束时的拦截方法beforeCellEditEnd
category-search: treeSelect类型新增searchPlaceholder，允许配置搜索文字

Bug修复

cascader: 修复叶子节点的模板参数不一致；修复父子关联取消后的触发逻辑
category-search: 修复date赋值问题，使用组件默认ngModel；修复无数据时backspace删除报错；修复treeSelect类型选中后节点自动关闭无法展示
datatable: 修复filter激活内外逻辑优先级问题；修复侧边阴影定位问题；修复内部checkbox不会冒泡触发rowclick,用户自定义内容拦截点击需要拦截mouseup事件 closes #272 #261
inputNumber: 修复数字输入框增减按钮禁用逻辑
layout: 修复栅格布局样式不生效
mention: 修复选择选项时未触发ngModelChange
rate: 修复只读模式下小于1的值不显示
tabs: 修复当activeTab不存在时，slider类型仍有白色背景块；修复tabs较长和包含删除时内容错位的问题；修复滚动至右边尽头时禁用样式未显示
tree: 修复可操作树拖拽视图截取错误的问题；修复合并节点后parentId还是原父节点，导致展开收起等逻辑未响应的问题
datepicker-pro: 修复范围选择器时间模式下结束日期与开始日期相同时时间相同
tags-input: 修复超长tag遮挡关闭按钮导致无法关闭

UserGuide介绍

本次更新为大家带来了UserGuide组件，除了常规的指引外还支持点击、输入等可交互事件模式，欢迎大家使用！

了解更多

github.com/DevCloudFE/…

如果你对我们组件感兴趣，可以前往官网我们看看官网上的示例组件，你可以在左侧导航栏中切换想要查看的组件，然后通过右侧的快速前往在不同Demo之间切换。

一帧秒创

基于秒创AIGC引擎的AI内容生成平台，图文转视频，无需剪辑，一键成片，零门槛创作视频。

下载

如果你想尝试参与Angular DevUI 的组件，请前往DevUI Playground，如果你准备添加 Angular DevUI，请前往快速开始文档，只需要几行代码。

如果你对我们的开源项目感兴趣，并希望参与共建，欢迎加入我们的开源社区，添加小助手微信：devui-official，我们会拉你到我们的微信群。

更多编程相关知识，请访问：编程教学！！

动态显示“Last Refreshed X ago”倒计时（支持页面刷新持久化）

Vue 3 动态注册外部组件的零侵入式集成方案

D3.js 气泡图坐标轴与半径域的动态范围设置教程

如何在 Discord.js v14 中实现带成员提及的用户信息命令

如何在 Discord.js v14 中实现带成员提及的前缀式用户信息命令

相关专题

点击input框没有光标怎么办

点击input框没有光标的解决办法：1、确认输入框焦点；2、清除浏览器缓存；3、更新浏览器；4、使用JavaScript；5、检查硬件设备；6、检查输入框属性；7、调试JavaScript代码；8、检查页面其他元素；9、考虑浏览器兼容性。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。

197

2023.11.24

github中文官网入口 github中文版官网网页进入

github中文官网入口https://docs.github.com/zh/get-started，GitHub 是一种基于云的平台，可在其中存储、共享并与他人一起编写代码。通过将代码存储在GitHub 上的“存储库”中，你可以： “展示或共享”你的工作。持续“跟踪和管理”对代码的更改。

4085

2026.01.21

Go高并发任务调度与Goroutine池化实践

本专题围绕 Go 语言在高并发任务处理场景中的实践展开，系统讲解 Goroutine 调度模型、Channel 通信机制以及并发控制策略。内容包括任务队列设计、Goroutine 池化管理、资源限制控制以及并发任务的性能优化方法。通过实际案例演示，帮助开发者构建稳定高效的 Go 并发任务处理系统，提高系统在高负载环境下的处理能力与稳定性。

2026.03.10

Kotlin Android模块化架构与组件化开发实践

本专题围绕 Kotlin 在 Android 应用开发中的架构实践展开，重点讲解模块化设计与组件化开发的实现思路。内容包括项目模块拆分策略、公共组件封装、依赖管理优化、路由通信机制以及大型项目的工程化管理方法。通过真实项目案例分析，帮助开发者构建结构清晰、易扩展且维护成本低的 Android 应用架构体系，提升团队协作效率与项目迭代速度。

2026.03.09

JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开，系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理，以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例，帮助开发者理解浏览器底层工作原理，并掌握提升网页加载速度与交互体验的实用技巧。

2026.03.06

Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开，深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例，分析内存安全保障原理与零成本抽象优势，并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学，掌握在高性能与安全性并重场景中的工程实践能力。

216

2026.03.05

PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开，重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景，深入分析性能瓶颈定位与优化思路，帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

413

2026.03.04