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

内容简介：Ant Design 4.19.0 现已发布，主要变化如下： 优化部分组件箭头样式。 #33710 Input 引入 rc-input 重构 Input 组件为 function component。#34206 注意：由于从 class component 变为 function component，Input...

Ant Design 4.19.0 现已发布，主要变化如下：

• 优化部分组件箭头样式。 #33710
  
• Input
  • 引入 rc-input 重构 Input 组件为 function component。#34206
    • 注意：由于从 class component 变为 function component，Input 组件的 ref 类型及内容已经更新，可以通过 import { InputRef } from 'antd' 引入。其中的 input 属性作为获取 DOM 的途径被保留，同时支持 focus 和 blur 等文档中支持的方法。
  • 新增 clearIcon 属性，支持自定义清除按钮。 #34325
• Table
  • column.filterSearch 属性现在支持返回一个函数用于自定义搜索条件。#34085
  • column.filterDropdown({ clearFilters }) 支持参数 clearFilters({ confirm: false, closeDropdown: false }) 控制筛选。#34120
  • 增加 aria-sort 属性以优化屏幕阅读器的使用体验。 #33603
  • 修复 Table 列筛选器中选择全部 Checkbox 状态问题。 #34295
• 表单组件新增 status 属性以支持自定义状态。
  • Transfer #34098
  • AutoComplete #34096
  • TreeSelect #34093
  • Cascader #34086
  • Select #34084
  • DatePicker 和 TimePicker #34073
  • Mentions #34071
  • InputNumber #34042
  • Input #33995
    
• InputNumber 组件支持 controls={{ upIcon, downIcon }} 用于自定义上下图标。#33914
• Notification 组件弹窗位置新增支持 top / bottom。 #33871
• Select、Cascader、DatePicker 等组件新增 placement 用于自定义弹层方向。 #33641
• Dropdown 组件支持 arrow={{ pointAtCenter: true }} 用于指向元素正中间，并且新增 top bottom 两种 placement 位置。 #33658
• Skeleton.Input 添加 block 属性。 #33672
• 合并 TimePicker disabledHours、disabledMinutes、disabledSeconds 至 disabledTime 以保持与 DatePicker 接口一致性。 #33503
• 修改部分边框颜色和进度条的背景色为透明色以适应有色背景。 #33506
• Space 支持自定义 children 的 key。 #33607
• 修复 Typography.Title 进入编辑模式时大小不一致的问题。 #34169
• 修复 Form.Item 抛出 React does not recognize the requiredMark prop on a DOM element 的问题。 #34323

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

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

查看所有标签

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