🌟 Vue DevUI 1.6.0,视觉升级、重量组件发布!

13,884 阅读2分钟

🎉 官网视觉升级

1、更加符合DevUI设计理念的全新首页🆕

2、优化内页布局结构,更好的交互体验get✔️

🎉 组件库1.6.0版本更新,MD、代码编辑、代码检视等重量组件发布!

✨ 新特性

  • 新增ActionTimeline操作时间轴组件
  • 新增CodeEditor代码编辑器组件
  • 新增CodeReview代码检视组件
  • 新增Markdown MD编辑器组件
  • 新增Dragdrop拖拽组件
  • 新增DCharts图标组件
  • 新增GitGraph提交网络图组件
  • 新增Carousel走马灯组件
  • Select: editable-select和select组件增加input-change事件
  • Modal: 添加close监听事件
  • Form: 新增hideRequiredMark参数
  • Splitter: 增加updateCollapsed方法
  • Grid: 新增noOuter参数,抵消外层边距
  • ...

一起来看一下新增的组件们在业务中的落地效果吧👏

  • mardown编辑器:

  • CodeEditor 代码编辑

  • CodeReview 代码检视

更多新增组件请访问 Vue-DevUI 网站查看体验。

🐛 Bug修复

  • Collapse: 修复折叠面板禁用时图标颜色
  • Tag: 修复Tag标签primary类型选中状态下,关闭按钮颜色与背景色一致
  • ImagePreview: 修复图片拖动并重置,再次拖动时的位置问题
  • Select: 修复select组件清空时不清空filterQuery的问题
  • Tree: 修复tree组件新增节点时折叠父节点,父节点会变成懒加载状态
  • Tooltip: tooltip组件xss问题修复
  • ...

🔖 接下来做什么

在未来的2.0版本(github规划地址),组件库将重点关注以下方面:

📚 组件完善

  • 添加更多更实用的组件,如NavSprite、CategorySearch、Gantt、Dashboard等
  • 对现有的Table、Select、DatePickerPro等组件进行功能优化与完善
  • 封装通用的响应式组件、动画组件以及无障碍能力

🔧 工程和文档优化

  • 完善组件单元测试,使用统一的错误处理和提示机制
  • 搜索引擎优化,提高页面体验
  • 完善组件英文文档,提供更好的国际化支持
  • 提供更好的主题定制能力

👇 了解更多

如果你今天刚刚加入我们,可以先看看官网上的示例组件,你可以在左侧导航栏中切换想要查看的组件,然后通过右侧的快速前往在不同Demo之间切换。

如果你准备添加 Vue DevUI,请前往快速开始文档,只需要几行代码。

如果你对我们的开源项目感兴趣,并希望参与共建,欢迎加入我们的开源社区,关注DevUI微信公众号:DevUI 。