antd 4.19.0

npm / antd / 4.19.0 source ↗

• 💄 Optimize arrow style for some components. #33710
• Input
  • 🛠 Refactor Input with rc-input. #34206
    • Attention: The type and value of ref is modified because of refactoring from class component to function component. You can still get DOM node from input, and other methods such as focus and blur mentioned in document are also supported.
  • 🆕 Support clearIcon prop for customizing clear icon. #34325
• Table
  • 🆕 filterSearch now support passing function to customize search. #34085 @heiyu4585
  • 🆕 column.filterDropdown({ clearFilters }) support clearFilters({ confirm: false, closeDropdown: false }). #34120 @heiyu4585
  • ⌨️ Table adds aria-sort attribute for screen readers. #33603 @dgreene1
  • 🐞 Fix Table filters select-all Checkbox not changed when select item. #34295
• 🆕 Data entry components add status prop to support custom status.
  • Transfer #34098
  • AutoComplete #34096
  • TreeSelect #34093
  • Cascader #34086
  • Select #34084
  • DatePicker and TimePicker #34073
  • Mentions #34071
  • InputNumber #34042
  • Input #33995
• 🆕 InputNumber supports controls={{ upIcon, downIcon }} to customize icon up and down. #33914 @heiyu4585
• 🆕 Notification placement support top / bottom #33871 @heiyu4585
• 🆕 Select, Cascades, DatePicker now support placement property. #33641 @ONLY-yours
• 🆕 Dropdown support arrow={{ pointAtCenter: true }} to make arrow point at center. And top bottom placement are also supported. #33658
• 🆕 Skeleton.Input Adds block prop. #33672 @woochanleee
• 🆕 Move TimePicker disabledHours, disabledMinutes, disabledSeconds into disabledTime to align with DatePicker. #33503
• 💄 Modify the color of some borders and the background color of the progress bar to be transparent to suit the colored background. #33506
• 💄 Space support custom children key. #33607 @qin20
• 🐞 Fix Typography.Title didn't keep font size when become editable. #34169 @heiyu4585
• 🐞 Fix Form.Item throw warning React does not recognize the requiredMark prop on a DOM element. #34323

---

• 💄 优化部分组件箭头样式。 #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 @heiyu4585
  • 🆕 column.filterDropdown({ clearFilters }) 支持参数 clearFilters({ confirm: false, closeDropdown: false }) 控制筛选。#34120 @heiyu4585
  • ⌨️ 增加 aria-sort 属性以优化屏幕阅读器的使用体验。 #33603 @dgreene1
  • 🐞 修复 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 @heiyu4585
• 🆕 Notification 组件弹窗位置新增支持 top / bottom。 #33871 @heiyu4585
• 🆕 Select、Cascader、DatePicker 等组件新增 placement 用于自定义弹层方向。 #33641 @ONLY-yours
• 🆕 Dropdown 组件支持 arrow={{ pointAtCenter: true }} 用于指向元素正中间，并且新增 top bottom 两种 placement 位置。 #33658
• 🆕 Skeleton.Input 添加 block 属性。 #33672 @woochanleee
• 🆕 合并 TimePicker disabledHours、disabledMinutes、disabledSeconds 至 disabledTime 以保持与 DatePicker 接口一致性。 #33503
• 💄 修改部分边框颜色和进度条的背景色为透明色以适应有色背景。 #33506
• 💄 Space 支持自定义 children 的 key。 #33607 @qin20
• 🐞 修复 Typography.Title 进入编辑模式时大小不一致的问题。 #34169 @heiyu4585
• 🐞 修复 Form.Item 抛出 React does not recognize the requiredMark prop on a DOM element 的问题。 #34323