DevUI是面向企业中后盾产品的开源前端解决方案，其设计价值观基于”至简”、”沉迷”、”灵便”三种天然与人文相结合的理念，旨在为设计师、前端开发者提供规范的设计体系，并满足各类落地场景，是一款企业级开箱即用的产品。如果你正在开发 ToB 的工具类产品，DevUI 将是一个很不错的抉择！
DevUI是一款基于DevUI Design设计规范的Angular组件库，开源于2019年，曾经继续保护2年工夫，积淀了61个组件，其中有不少都是业界组件库没有的特色组件。
后面预报了两次，明天 DevUI 12 版本终于来了！降级了最新的 Angular 12 版本，让咱们一起来看看还有哪些新个性吧！
DevUI 12：全面反对 Angular Ivy 新引擎
新个性
- 规范化组件间距，变更为4的倍数以更好兼容缩放等计算后的展现成果
- Select反对多选模式下回车选中/勾销选中
- TreeSelect反对自定义已选中项模板，反对通过设置checkRelation管制父子节点的选中关系
- Upload反对抉择文件夹上传，单文件上传胜利后保留文件显示
- Cascader反对设置appendTobody
- Button优化设置宽度后文字过长超出显示范畴
Bug修复
- TreeSelect修复多选模式下设置treeNodeIdKey后无奈删除节点的问题
- DataTable修复拖拽中容易失焦的问题
- dragDrop修复无主题设置场景下placeholder无色彩的问题
- Editorx中文输入法下光标定位等问题修复
- Tree修复调用checkAllNodes办法无奈扭转半选状态的问题
- TagsInput修复标签过长无奈删除的问题
残缺Changelog：12.0.0版本Changelog
特色组件展播
Datepicker Pro 日期选择器
组件链接：https://devui.design/componen…
特点介绍
Datepicker Pro组件借鉴挪动端，利用鼠标滚轮操作范畴抉择，附加精准地位点击，缩小用户的点击次数，缩短用户对于工夫抉择的操作门路。
性能详情
- 组件提供了单选/范畴类型，反对日期/周/月份/年份的模式，反对各种自定义模板扩大，充沛满足业务简单场景
- 提供日历面板模式，用户可自定义嵌入各类型场景，灵便应用
更具体的介绍能够参考咱们之前的文章：
DevUI 11.4.0 公布：DatePickerPro来啦
Category Search 分类搜寻
组件链接：https://devui.design/componen…
特点介绍
Category Search组件将高频罕用的搜寻过滤内容聚合到一个组件中，造成合乎搜寻过滤的操作模型，缩小页面冗余的搜寻过滤条件的出现，进而升高用户的了解和应用老本
性能详情
组件提供多场景菜单模式，不同操作模式下，菜单的展现内容不同：
- 默认提供类别信息
- 存在类别选中项时，展现该类别的选项详情
- 输入框存在搜寻文本，展现合乎文本的搜寻分类或分类下符合条件的选项
组件提供一键清空，过滤器保留，类别过多的列表展现，最大水平兼容各类简单的业务场景
更具体的介绍能够参考咱们之前的文章：
CategorySearch分类搜寻组件初体验
Quadrant Diagram 象限图
组件链接：https://devui.design/componen…
特点介绍
象限图常常用于布局事件的优先级，用于剖析解决数据与冀望的偏离水平等。组件通过拖拽，实现对指标的地位掌控及信息出现。
性能详情
- 组件通过与拖拽的联动，坐标追随线的定位，能够轻松实现标签的挪动，便于使用者进行数据的变更，掌控事项的倒退；
- 组件内置了性能区域，提供标签的放大，放大及象限图全屏的性能；
- 灵便的款式定制能力，用户可依据本人的诉求灵便搭配。
手把手教你如何应用象限图组件
Gantt 甘特图
组件链接：https://devui.design/componen…
特点介绍
甘特图罕用于多个事务进度的跟踪与治理，每个我的项目以条状图的模式显示，进度与其余工夫相干的停顿的外在关系以可视化模式进行显示。
性能详情
- 根本图形模式出现，以工夫维度显示每个条目之间内在联系，反对bar、bar-parent、milestone三种不同模式条状展现；
- 多种交互反对：条目拖拽、进度更新、工夫范畴更新、快捷跳转、视图变动、全屏等；
- 与table搭配：可与datatable搭配应用，进行更丰盛维度信息出现与治理。
致谢
感激对DevUI组件库给予帮助的开发者们，祝大家应用欢快~
预报
DevUI Admin 2.0 版本也将在本月17号重磅公布，提供了一项神奇的黑科技，让咱们刮目相待吧！
也欢送大家参加到DevUI生态的建设中来，目前 DevUI 开源生态次要有以下产品：
- NG DevUI：基于DevUI Design设计规范的Angular组件库
- DevUI Icons：与DevUI组件库配套应用的字体图标库
- NG DevUI Admin：开箱即用的企业级中后盾管理系统
- DevUI Helper：一款VSCode插件，DevUI代码助手，给你带来丝滑的代码补全体验。
- Vue DevUI：vue3版本DevUI组件库，反对PC/Mobile（目前还在孵化中，欢送参加建设~）
发表回复