DevUI 12.2.0 发布:Dashboard来啦!惊艳!一款超强的布局编排组件!

avatar
前端组件库 @华为

2021年8月20日,Old-ear同学给我们提了一个issue

image.png

因此诞生了DevUI Dashboard组件,经过内部长时间的孵化,正式在12.2.0版本开源,欢迎试用并给我们反馈,也欢迎参与共建!

新特性

  1. 新增Dashboard仪表盘组件
  2. CategorySearch新增showSearchCategory开关控制是否显示关键字搜索下拉菜单
  3. Tree支持树节点单个设置是否显示checkbox
  4. AutoComplete/MultiAutoComplete/EditableSelect 新增API appendToBodyDirections 使下拉菜单能自适应弹出方向
  5. TagsInput新增虚拟滚动API virtualScroll

Bug修复

  1. DataTable优化虚拟滚动不传tableHeight的逻辑,可以结合maxHeight自适应判断高度;修复单元格二次编辑需要点两次取消;修复单元格编辑,在数量过多时会卡顿
  2. Tree修复传入selectDisabledKey不生效;修复使用addNode新建节点没有checkbox的问题
  3. Tooltip修复flex导致的传入html会布局错乱的问题;修复失焦导致的重复添加或错误添加问题
  4. TagsInput修复关键字包含在选项中失焦时未添加为tag

特点介绍

Dashboard 组件封装了gridstack,实现了数据驱动的可视化拖拽看板布局系统的抽象和简化,类似瓷砖/卡片的呈现形式,轻松拖拽位置和大小即可实现布局的编排。

功能详情

  1. 组件提供瓷砖/卡片的呈现形式,可以通过拖拽移动位置、调整大小,实现布局的编排;
  2. 卡片内容区域可以轻松嵌套自定义的组件;
  3. 配套了对应的外部拖入增加、拖到外部删除组件的功能指令;
  4. 支持格子间距,行数,列数的自由设置等等。

dashboard.gif

DevUI 招募贡献者啦

Dashboard 目前还在持续演进中,欢迎社区的小伙伴们加入共建!

添加小助手微信:devui-official,拉你进DevUI技术交流群。

Dashboard 组件的:

目前Ng DevUI的所有任务都在以下projects看板中,欢迎认领:

欢迎关注:DevUI开源的故事,并加入到DevUI开源生态的建设中来!