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

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

内容简介: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


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

查看所有标签

猜你喜欢:

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

风吹江南之互联网金融

风吹江南之互联网金融

陈宇(江南愤青) / 东方出版社 / 2014-6-1 / 55元

随着中国互联网金融浪潮高涨,P2P、众筹、余额宝、微信支付等新生事物层出不穷,加之大数据等时髦概念助阵,简直是乱花渐欲迷人眼,令媒体兴奋,公众狂热。那么,互联网金融真的能“颠覆”传统金融吗?当互联网思维对撞传统金融观念,是互联网金融的一统天下,还是传统金融业的自我革新?究竟是谁动了金融业的奶酪? 本书作者早期试水创立具有互联网金融雏形的网站,后来成为互联网金融的资深投资人,基于其多年在该领域......一起来看看 《风吹江南之互联网金融》 这本书的介绍吧!

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具