Skip to content
Changelog Hub

antd 3.7.0

npm / antd / 3.7.0 source ↗

3.7.0 is a heavy update that brings a lot of exciting changes and new features.
Here are some highlights ✨:

  • 🌟 Add drawer component : Drawer. #10791
  • 🌟 Add Tree.DirectoryTree component as the built-in directory tree. #7749

Component Fixes / Enhancements:

  • Upgrade rc-tree-select to 2.0.5 for TreeSelect, refactored to fix the logic of the check.
    • 🌟 Add autoClearSearchValue prop to clear the value of search input when multiple select is selected or deselected. 10996
    • 🌟 Add searchValue prop to set the value of search input. 6ff7dd8
    • 🌟 Add maxTagCount prop to set the max count of visible tags. fb96c9d
    • 🌟 Add maxTagPlaceholder prop to set the content when the tag is hidden. fb96c9d
    • 🌟 Search input now supports case sensitive search. #10990
    • 🗑 Remove label prop and use title prop instead in the treeData.
  • Upgrade rc-upload to 2.5.0 for Upload.
    • 🌟 Add directory prop to support folder uploading. #7315
    • 🌟 action prop supports to be the a function which returns a Promise object. fd96967
  • Dropdown
    • 🌟 Provide default margin for icon in the menu item. 8e60a59
    • 🌟 Be able to adjust the menu position for the trigger mode of contextMenu automatically. 16e4260
  • Upgrade rc-table to 6.2.2 for Table. f2fddff
    • 🌟 Add expanded as the fourth param of expandedRowRender prop to get the expanded state of current row. #10379
    • 🌟 Add the ability to override the filter menu without the fully controlled component. 59cc3a8 @chrvadala
    • 🌟 filterIcon prop supports to be a render function which returns ReactNode. 1af4392
    • 🐞 Fix the row dislocation problem when the column is fixed. #10392
  • 🌟 Allow to pass data-*, aria-* and role-* props to the inner for Alert. f0b684d
  • 🌟 Add alt prop for Avatar to set the text when the image is unable to display. #10798
  • 🌟 Allow to pass data-*, aria-* and role-* props to the inner Input for DatePicker. e63f9d4
  • 🌟 Add event object as the second param of onSearch prop for Input.Search. #11015
  • 🌟 Add onBreakPoint prop for Layout.Sider to be the callback function when breakpoint is triggered. #10750 @nuintun
  • 🌟 Add okButtonProps prop to set the props of ok button and add cancelButtonProps prop to set the props of cancal button for Modal. #10955 @djyde
  • 🌟 Add strokeColor prop to set the color of progress bar for Progress. #10725
  • 🌟 Add buttonStyle prop whose optional value is outline or solid to set the Radio.Group style. 60e3cfa
  • 🌟 Add setDefaultIndicator static function to set global indicator for Spin. #10787
  • 🌟 Add visible prop to set the visibility for Tag. 4ac0277
  • Upgrade rc-tree to 1.12.0 for Tree
    • 🌟 Add loadedKeys prop to set the loaded nodes, which usually works with loadData prop. #10666
    • 🌟 Add onLoad prop to be the callback function when all the nodes are loaded. c488aca
  • 🗑 Deprecate combobox value for Select[mode] and please replace it with AutoComplete. 53046a4
  • 🐞 Cascader adds fieldNames and discards the misspelled filedNames. #10896
  • 🐞 Fix Timeline dot not working with Tooltip. 0e3b67e
  • 🐞 Fix border radius when avatar has custom size. e1e6523
  • 🌟 Add okButtonDisabled and cancelButtonDisabled props to disable ok button and cancel button. #10955

3.7.0是一个重磅更新，带来了很多激动人心的变化和新特性.

以下是一些亮点✨：

  • 🔥 增加抽屉组件 : Drawer #10791
  • 🔥 新增 Tree.DirectoryTree 组件，作为内置的目录树。#7749

组件修复/功能增强：

  • TreeSelect 组件升级 rc-tree-select 到 2.0.5，进行了重构，修复了 check 的逻辑。
    • 🌟 新增 autoClearSearchValue 属性，当多选模式下值被选择，用于自动清空搜索框。10996
    • 🌟 新增 searchValue 属性，用于设置搜索框的值。6ff7dd8
    • 🌟 新增 maxTagCount 属性，用于设置显示标签的最大数量。fb96c9d
    • 🌟 新增 maxTagPlaceholder 属性，用于设置标签隐藏时显示的内容。fb96c9d
    • 🌟 搜索框支持大小写敏感。#10990
    • 🗑 treeData 数据格式中的 label 属性被废弃，使用 title 属性代替。
  • Upload 组件升级 rc-upload 到 2.5.0
    • 🌟 新增 directory 属性，支持上传一个文件夹。#7315
    • 🌟 action 属性支持作为一个返回 Promise 对象的函数，使用更加灵活。fd96967
  • Dropdown 增加新特性，可以做为右键菜单来使用。
    • 🌟 给菜单项的 icon 提供默认的外间距样式。8e60a59
    • 🌟 触发方式为 contextMenu 时自动调整菜单的位置。16e4260
  • Table 组件升级 rc-table 到 6.2.2。 f2fddff
    • 🌟 新增 expanded 作为 expandedRowRender 属性函数的第四个参数，用于获取当前行是否展开。#10379
    • 🌟 新增无须使用完全受控组件也能覆盖筛选菜单的能力。59cc3a8 @chrvadala
    • 🌟 filterIcon 属性支持作为一个返回 ReactNode 的函数。1af4392
    • 🐞 修复在固定列时导致的行错位的问题。#10392
    • 🐞 修复在组件中使用 combobox 模式的 Select 导致的重影问题。#10828
    • 🐞 修复 components 属性值不能变化的问题。 c380186
  • 🗑 Select 组件废弃了 combobox 模式，请使用 AutoComplete 组件代替。53046a4
  • 🌟 Alert 组件允许传递 data-*、aria-* 和 role-* 属性到组件内部。f0b684d
  • 🌟 Avatar 组件新增 alt 属性，用于设置图像无法显示时的替代文本。#10798
  • 🌟 DatePicker 组件允许传递 data-*、aria-* 和 role-* 属性到组件内部的 Input。e63f9d4
  • 🌟 Input.Search 组件新增 event 事件对象作为 onSearch 属性函数的第二个参数。#11015
  • 🌟 Layout.Sider 组件新增 onBreakPoint 属性，用作响应式布局的断点触发时的回调函数。#10750 @nuintun
  • 🌟 Modal 组件新增 okButtonProps 和 cancelButtonProps 属性，分别用于设置 取消 按钮和 确定 按钮的属性。#10955 @djyde
  • 🌟 Progress 组件新增 strokeColor 属性，用于设置进度条的颜色。#10725
  • 🌟 Radio.Group 组件新增 buttonStyle 属性 (可选值 outline | solid)，用于设置 RadioButton 的风格样式。60e3cfa
  • 🌟 Spin 组件新增 setDefaultIndicator 静态方法，用于设置全局的加载指示符。#10787
  • 🌟 Tag 组件新增 visible 属性，用于设置是否显示标签。4ac0277
  • Tree 组件升级 rc-tree 到 1.12.0
    • 🌟 新增 loadedKeys 属性，用于设置已经加载的节点，需要配合 loadData 使用。#10666
    • 🌟 新增 onLoad 属性，作为节点加载完毕时的回调函数。c488aca
  • 🌟 增加 okButtonDisabled and cancelButtonDisabled 属性用于禁用确定和取消按钮。#10955
  • 🌟 Cascader 新增 fieldNames 并废弃拼写错误的 filedNames。 #10896
  • 🐞 修复时间轴不能与 Tooltip 一起使用的问题。 0e3b67e
  • 🐞 修复当 Avatar 自定义大小时，圆角不改变的问题。e1e6523