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

DatePickerPro

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

设计层面：

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 的动画效果： 

以下是新旧版本日期选择器的对比图： 

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