DevUI 是一款面向企业中后台产品的开源前端解决方案,它倡导沉浸
、灵活
、至简
的设计价值观,提倡设计者为真实的需求服务,为多数人的设计,拒绝哗众取宠、取悦眼球的设计。如果你正在开发 ToB
的工具类产品
,DevUI 将是一个很不错的选择!
DatePickerPro
本次版本我们带来了升级版的日期选择器,具体有哪些提升呢?我们一起来看看吧!
设计层面:
- 借鉴移动端,利用鼠标滚轮特性及精准点击特性,减少用户操作路径;
- 模块化设计,可以按业务需求拆分重组,搭配快速选择区,提升效率。
用户使用层面:
- 组件提供了单选/范围类型,支持日期/周/月份/年份的模式,支持各种自定义模板扩展,充分满足业务复杂场景;
- 通过组件封装的方式可以强管控用户的使用方法及样式,同时保证了组件的易用性和一致性;
- 参数及使用方式大部分继承了之前的组件,减少了用户的迁移成本。
大家快来体验吧!除此之外新版本主要有以下新增特性和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,请参考:
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。