Ant Design 4.5.0 发布,企业级 UI 设计语言和 React 实现

栏目: 软件资讯 · 发布时间: 4年前

内容简介:Ant Design 4.5.0 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件...

Ant Design 4.5.0 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计 工具 体系。

此版本更新内容:

  • Input 和 Input.TextArea 支持 bordered 属性。#25617
  • Message 新增 useMessage hook,以支持 context 访问。#25422
  • Tree 添加 titleRender 以支持定制所有节点内容。#25624
  • Descriptions 新增 extra 属性。#25512 @zzz111
  • 新增 Modal.config 用于全局配置 Modal 静态方法的 rootPrefixCls#25613
  • Drawer 增加 push 属性用于自定义多层级 Drawer 之间的联动。#25445 @jinxin0112
  • 新增 Badge.Ribbon 缎带组件。#25456
  • Steps 新增 percent 属性来展示步骤图标的进度。#25839
  • Menu.Item 水平模式的蓝色指示线和下拉菜单宽度现在和其文字内容宽度一致。#25622
  • Avatar
    • 新增 Avatar.Group 用于展现一组头像集合。#25192
    • 修复 Avatar src 图片地址失效时没有正确 fallback 的问题。#25806
  • DatePicker
    • DatePicker 支持 date-fns 日期库。#25822 @fireairforce
    • 提升日期组件悬停体验,当悬停在某个日期上时占位符将变为对应的日期格式化后的值。(#25050)。#25784 @Kermit-Xuan
    • RangePicker onCalendarChange 参数中增加 range 用于指示当前触发面板。#25568 @Kim-Wing-Fung
    • DatePicker 支持 panelRender 以自定义渲染面板。#25488
    • 修复 QuarterPicker 无法使用的问题,同时更新官网示例将 XxxPicker 调整为 picker='xxx',这是 v4 更推荐的写法。#25768
  • Form
    • Form.List 中的 remove 方法支持数组类型。#25638 @fireairforce
    • Form.Item 在 children 形为 render props 时支持使用 dependencies 控制更新逻辑。#25408
    • 调整 Form.Item validateFirst 属性为依次执行校验,原并行逻辑改由配置 parallel 开启。#25321
    • 修复 Form.Item 有时候没有清理之前的错误信息的问题。#25737
    • 修复 Form.Item 在子 Form.Item 设置 noStyle 并校验失败时没有更新 validateStatus 的问题。#25734
    • 修复 Form 垂直布局时 Form.Item 设置 labelCol={{ offset: number }} 不生效的问题。#25713 @zhangchen915
    • Form 错误信息节点增加属性 role="alert" 以增强可访问性。#25735 @AlbertAZ1992
  • Calendar
    • 修复 Calendar 组件的 validRange 导致 disabledDate 不生效 。#25626 @zhangchen915
    • 修复 Calendar validRange 对月份下拉菜单不生效的问题。#25626 @zhangchen915
  • 修复 Table getCheckboxProps 返回的 indeterminate 不生效。#25649
  • 修复 Select 清除按钮在 Form.Item 下位置不对的问题。#25728
  • 修复 Pagination 翻页按钮的鼠标样式。#25772
  • 修复 TreeSelect treeNodeLabelProp 会影响树节点展示内容的问题。#25755
  • 修复 Carousel 在 React 严格模式下的 findDOMNode 废弃警告。#25744
  • 修复 Radio 在 webpack@4.44.0 SSR 构建出错的问题。25821 @Kermit-Xuan
  • 修复 Tabs 禁用时 focus & active 状态的颜色。25827 hsuanxyz
  • Card 操作面板颜色与主体颜色统一。#25722
  • 提升 Alert/message/notification 组件的可访问性。#25774
  • 新增 zh_HK 本地化。#25731 @wuchu
  • 改进 de_DE 本地化。#25823 @LukeTimeWalker

更新说明:https://github.com/ant-design/ant-design/releases/tag/4.5.0


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

RabbitMQ实战

RabbitMQ实战

Alvaro Videla、Jason J. W. Williams / 汪佳南 / 电子工业出版社 / 2015-10 / 75.00元

本书对RabbitMQ做了全面、翔实的讲解,体现了两位专家的真知灼见。本书首先介绍了有关MQ的历史,然后从基本的消息通信原理讲起,带领读者一路探索RabbitMQ的消息通信世界。这当中不仅包含了针对单台RabbitMQ服务器和RabbitMQ集群的讲解,还教导读者如何使用各种工具来进行监控。 本书内容浅显易懂,文笔风趣幽默。书中包含了丰富的、可以运行的示例程序源代码,读者可以自行下载并运行,......一起来看看 《RabbitMQ实战》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

MD5 加密
MD5 加密

MD5 加密工具