2021年8月20日,Old-ear同学给我们提了一个issue。
因此诞生了DevUI Dashboard组件,经过内部长时间的孵化,正式在12.2.0版本开源,欢迎试用并给我们反馈,也欢迎参与共建!
新特性
- 新增Dashboard仪表盘组件
- CategorySearch新增
showSearchCategory
开关控制是否显示关键字搜索下拉菜单 - Tree支持树节点单个设置是否显示checkbox
- AutoComplete/MultiAutoComplete/EditableSelect 新增API
appendToBodyDirections
使下拉菜单能自适应弹出方向 - TagsInput新增虚拟滚动API
virtualScroll
Bug修复
- DataTable优化虚拟滚动不传
tableHeight
的逻辑,可以结合maxHeight
自适应判断高度;修复单元格二次编辑需要点两次取消;修复单元格编辑,在数量过多时会卡顿 - Tree修复传入
selectDisabledKey
不生效;修复使用addNode
新建节点没有checkbox的问题 - Tooltip修复flex导致的传入html会布局错乱的问题;修复失焦导致的重复添加或错误添加问题
- TagsInput修复关键字包含在选项中失焦时未添加为tag
特点介绍
Dashboard 组件封装了gridstack,实现了数据驱动的可视化拖拽看板布局系统的抽象和简化,类似瓷砖/卡片的呈现形式,轻松拖拽位置和大小即可实现布局的编排。
功能详情
- 组件提供瓷砖/卡片的呈现形式,可以通过拖拽移动位置、调整大小,实现布局的编排;
- 卡片内容区域可以轻松嵌套自定义的组件;
- 配套了对应的外部拖入增加、拖到外部删除组件的功能指令;
- 支持格子间距,行数,列数的自由设置等等。
DevUI 招募贡献者啦
Dashboard 目前还在持续演进中,欢迎社区的小伙伴们加入共建!
添加小助手微信:devui-official
,拉你进DevUI技术交流群。
Dashboard 组件的:
- 源码地址:github.com/DevCloudFE/…
- demo地址:devui.design/components/…
目前Ng DevUI的所有任务都在以下projects
看板中,欢迎认领:
欢迎关注:DevUI开源的故事,并加入到DevUI开源生态的建设中来!