头图

DevUI 是一款面向企业中后台产品的开源前端解决方案,它倡导沉浸灵活至简的设计价值观,提倡设计者为真实的需求服务,为多数人的设计,拒绝哗众取宠、取悦眼球的设计。如果你正在开发 ToB工具类产品,DevUI 将是一个很不错的选择!

DatePickerPro

1.PNG

本次版本我们带来了升级版的日期选择器,具体有哪些提升呢?我们一起来看看吧!

设计层面:

  1. 借鉴移动端,利用鼠标滚轮特性及精准点击特性,减少用户操作路径;
  2. 模块化设计,可以按业务需求拆分重组,搭配快速选择区,提升效率。

用户使用层面:

  1. 组件提供了单选/范围类型,支持日期/周/月份/年份的模式,支持各种自定义模板扩展,充分满足业务复杂场景;
  2. 通过组件封装的方式可以强管控用户的使用方法及样式,同时保证了组件的易用性和一致性;
  3. 参数及使用方式大部分继承了之前的组件,减少了用户的迁移成本。

大家快来体验吧!除此之外新版本主要有以下新增特性和BUG修复:

新增特性

  • 新增datepicker-pro组件
  • drawer支持自定义模板
  • steps-guide新增beforeChange方法,在setcurrentIndex前置执行,控制该步骤是否显示
  • panel支持隐藏左侧填充
  • transfer增加showOptionTitleAPI来控制鼠标悬浮是否显示title,优化transfer样式
  • category-search在toggleEvent新增参数currentSelecttag
  • alert新增simple类型展示
  • gantt优化按需加载及超出容器自动滚动
  • cascader添加下拉头部自定义模板
  • tree的删除节点方法在虚拟滚动模式下支持控制是否立即更新,兼容大数据量删除的场景

以下是 DatePickerPro 的动画效果:
1626014266341.gif

以下是新旧版本日期选择器的对比图:
datepicker.jpg

Bug修复

  • category-search修复filterName类型为null时报错,修复部分下拉内容没有title的问题
  • datatable修复checked状态更新的部分问题
  • transfer修复特定条件下状态显示有误的问题
  • popover修复初始化弹出位置计算错误的问题
  • input-number修复上下按钮不能触发正则校验
  • time-axis水平默认文字居中且末尾无线,type、status表现和之前统一,修复模板data数据不正确,增加API改变时间圈颜色
  • tree-select修复leafOnly条件下,父节点会显示在输入框的bug
  • upload修复oneTimeUpload条件下,上传文件成功却进入onError事件的bug
  • tree修复beforeAdd方法无法阻止节点添加的bug

欢迎您一起参与DevUI的开源,我们任何形式的贡献!

欢迎加DevUI小助手微信:devui-official,一起讨论组件技术和前端技术。

欢迎关注我们DevUI组件库,点亮我们的小星星🌟:

https://github.com/devcloudfe/ng-devui

也欢迎使用DevUI新发布的DevUI Admin系统,开箱即用,10分钟搭建一个美观大气的后台管理系统!

详细的 Release Notes,请参考:

https://github.com/DevCloudFE/ng-devui/releases/tag/11.4.0


DevUI团队
714 声望810 粉丝

DevUI,致力于打造业界领先的企业级UI组件库。[链接]