order | title | toc | timeline |
---|---|---|---|
6 |
Change Log |
false |
true |
antd
strictly follows Semantic Versioning 2.0.0.
- Weekly release: patch version at the end of every week for routine bugfix (anytime for urgent bugfix).
- Monthly release: minor version at the end of every month for new features.
- Major version release is not included in this schedule for breaking change and new features.
2018-10-27
- ๐ Improve util function
getScroll
TypeScript definition. #12784 @ztplz - ๐ Fixed Checkbox under group not trigger
onChange
. #12642 - ๐ Fixed Calendar month picker not correct when set with
validRange
. #12675 - ๐ Fixed multiple Select drop-down bug when set
dropdownMatchSelectWidth
. #12816 @hengkx - ๐ Fixed Card title overflow bug. #12680
- ๐ Fixed Form[inline] help and extra overlapped. #12725
- Table
- ๐ Support custom Table filter backgrounds. #12775 @ivankravets
- ๐ Adjust small table placeholder style. #12682
- ๐ Fixed small size table header border missing in Firefox. #12840
- ๐ Fixed checkbox align of small/middle size table. #12723
2018-10-23
- ๐ Translated documentation patterns overview to English. #12637 @ilanus
- ๐ Improve support vi_VN locale for DatePicker component. #12656 @hieuhlc
- ๐ Fixed TimePicker style issue in IE11. #12707 jinyaqiao1102
- ๐ Fixed Popconfirm defaultVisible. #12733
- ๐ Fixed Table th border missing in Firefox. #12628
- ๐ Add
touch-action: none
css on Slider to fix chrome warning. #12595 - ๐ Fixed Tabs ink-bar vertical css. #12276
- ๐ Fixed vertical align issue of empty Button. #12681
- ๐ Fixed Calendar
locale
prop should have priority. #12706 - ๐ Fixed Checkbox[checked] indeterminate style. #12724
- ๐ Fixed
prefixCls
not passed to Popconfirm's button. #12677 @concefly - ๐ Fixed Edge ignoring
pointer-events:none
on Button's span. #12712 @dazbo - Progress
- TypeScript
- ๐ Fixed
trexpandedKeys
andonTreeExpand
definition missing in TreeSelect. #12648 @decadef20 - ๐ Fixed missed property
key
in TabPaneProps. 682af0d @ztplz - ๐ Fixed some definition of Icon. 3dbc357
- ๐ Fixed
2018-10-12
- ๐ Ant Design Mobile of Angular(NG-ZORRO-Mobile) released!
- ๐ Upgrade document
Real project with dva
to Real project with umi. - Table
- ๐ Fixed clicking all columns will trigger sort behavior even without
sorter
props. #12515 - ๐ Fixed extra "Sort" title hint of column. #12613
- ๐ Fixed broken style of sort and right-aligned column. #12552
- ๐ Fixed sort not working as expected when
columns
defined inrender
. #12571 - ๐ Fixed sorted column background color of small size Table.
- ๐ Fixed overlap style of Table row selection Checkbox in chrome. 5bef1aa
- ๐ Fixed broken style of Table inside Form.Item. #12554
- ๐ Fixed clicking all columns will trigger sort behavior even without
- DatePicker
- ๐ Fixed Anchor text edge cut problem. #12520
- ๐ Fixed that Drawer still cover page even set
mask={false}
. #12401 - ๐ Fixed disabled style missing of Input.TextArea when used as custom input in AutoComplete. #12594
- ๐ Fixed Modal.confirm
prefixCls
prop not passing to mask element, and changed it's default value toant-model-confirm
. #12546 - ๐ Fixed an align issue of Input.Group in safari. #12493
- ๐ Fixed an align issue of standalone
<Badge />
. #12419 - ๐ Fixed inconsistent arugments of
onExpand
when click Tree.DirectoryTree switch icon and tree node. #12567 - ๐ Fixed hasFeedback icon unexpected focused state in IE11. #12524 @siyu77
- ๐ Fixed multiple Select will trigger
onFocus
andonBlur
repeatly when click it multiple times. #12281 @Frezc - ๐ Fixed long text overflow issue of circle type Progress.
- TypeScript
2018-09-30
- ๐ Upload adds
openFileDialogOnClick
prop to allow setting whether to open the upload dialog when the component is clicked. #12347 @hengkx - ๐ InputNumber adds
decimalSeparator
prop to allow setting a custom decimal. #12329 @amedora - ๐ TreeSelect adds the
treeExpandedKeys
andonTreeExpand
props to control the expansion of the tree. #12145 - Transfer
- ๐ Adds
disabled
prop. #12066
- ๐ Adds
- Modal
- Table
- ๐ Alert adds
icon
prop to allow setting a custom icon. Demo - ๐ The following components add a
suffixIcon
prop, which is used to set the icon behind the input box. For details, please refer to the documentation.- Cascader
- DatePicker
- Select
- TreeSelect
- TimePicker
- ๐ Add some new less variables. f237eff
- ๐ Fix Icon.createFromIconfontCN prepending
https
to thescriptUrl
. #12316 - ๐ Fix the issue with the
gutter
props of Row that doesn't work when using nested Col. #12320 - ๐ Fix the issue where the Tree.DirectoryTree component could not properly expand the node when the 'expandedKeys` prop had initial values. #12396
- ๐ Fix the issue when the
render
prop of the Transfer component returns a ReactNode, thetitle
property of the list item shows an unexpected value. #12399 - ๐ Fix Tooltip not working with CheckboxGroup. #12427
- ๐ Fix the issue that Button can still be clicked in IE9 under loading state. #12466 @snail
- ๐ Fix the issue with mouse hover when using non-Input components in Input.Group. #12407 @hengkx
- ๐ Fix some TypeScript type definitions. #12374 #12370 #12354 #12473
2018-09-22
- ๐ Fix
Select
render lag of long text in Chrome. #11456 #11843 - ๐ Fix
onOpenChange
handler not being called inRangePicker
for preset ranges. #12142@leijingdao - ๐ Fix parameter
dontAnimate
togoTo
ofCarousel
, the parameter be used to closing animation transitions. #12205 - ๐ Fix duplicated className for tabBar in
Tabs
. 589ba #12051 - ๐ Fix the vertical alignment for the title of
Card
. #11036 #10576 - ๐ Fix Item key unspected change on
List
component. #12299@douglasjunior - ๐ Fix
confirmFilter
inTable
does not refresh immediately. 954c7 #12284 - Menu
- ๐ Fix extra scrollbar when popup
Menu
inhorizontal
mode. #12152 - ๐ Fix
openKeys
have higher priority inMenu
. #12361 @tangjinzhou
- ๐ Fix extra scrollbar when popup
- Upload
- Icon related
- ๐ Fix
Upload
close icon style error. #12330 #12304 - ๐ Fix
Select
add select clear icon. #12196 #12181 - ๐ Fix
Icon
svg align. 0698c - ๐ Fix
React.Children.only
error whenIcon
contain children. c21ff - ๐ Fix
Notification
icon align when no description. e6579 - ๐ Fix sorter icon align of
Table
. c935d
- ๐ Fix
- TypeScript
2018-09-08
- ๐ Title of children
Card
underCard
usingtab-card
has wrong padding. #12083 - ๐ Fix
AutoComplete
usingTextArea
as input, height adjust by manual has time delay. #12117 - ๐ Fix
maskStyle
underDrawer
not working. #12125@ryerh - ๐
Popconfirm
can detect whetheronVisibleChange
is triggered by Ok or Cancel buttons. #8614 - ๐ Fix something table header in
Table
using fixed header and colums display unecessary scorllbar. #6515 - ๐ Fix
Spin
usingdelay
still render at first time. #12131 - Icon related:
2018-09-03
- ๐ Fixed the bug that
Tooltip
can not be triggered byIcon
. #12005 - ๐ Fixed the bug that
InputNumber
shows wrong UP icon. #12035 - ๐ Fixed the bug that
Modal
shows no icon in error confirm. #12026 - ๐ Fixed the bug that the icon is misaligned in
Popconfirm
. #12026 - ๐ Fixed the but that the icons are misaligned in
Card
'sActions
panel. #12016 - ๐ Fixed that the icons in
Form
,Alert
,TimePicker
have wrong theme. #12016 - ๐ Fixed that the icons are set to have 90deg rotation in the
header
property inCollapse
. #12016 - ๐ FIxed the issue that there are still old icons in some production environments. #12016 8b82f14
- ๐ Fixed the bug that the new static method
Icon.createFromIconFontCN({...})
doesn't work and gives a warning. #12013
2018-09-02
In September we brought an update for 3.9.0
. There are many new features in 3.9.0
, Ant Design is getting stronger and solider.
- ๐ฅ๐ฅ๐ฅ In the
3.9.0
version, we redraw all the icons, adding two new categories, more than 90 new icons. And the bit adds a variety of styles to each icon. To this end, we have rewritten the Icon component, replaced thefontface
icon withSVG
, adding a number of features that allow us to quickly use new icons and styles.- ๐ Replace the
css
font icon with theSVG
icon, see more disscussion about it. - ๐ You can now render a two-color icon.
- ๐ We provide three theme of icons: outlined, filled, twoTone, default theme is outlined.
- ๐ Two new categories, Edit Icons and Data Icons, have been added.
- ๐ Add the
theme
attribute to set the theme style of the icon. #11971 - ๐ Added
component
attribute, you can externally pass a component to customize the control rendering result. #11322 - ๐ The
twoToneColor
property is added to control the theme color of the two-color icon. #11971 - ๐ Added static methods
Icon.getTowToneColor()
andIcon.setTwoToneColor(...)
to globally get and set the theme color of all two-color icons. #11971 - ๐ The new static method
Icon.createFromIconfontCN({...})
is added to make it easier to use icons hosted oniconfont.cn
. For more usage, please refer to Ant Design Pro - Introduction to Business Icons. #11322
- ๐ Replace the
- ๐ฅ Added a new component Skeleton.
- ๐ฅ Menu will automatically close up to fit width in
horizontal
mode. - ๐ฅ The
placement
of the drawer supportstop
andbottom
to accommodate more scenes.
In addition, our Ant Design Pro 2.0.0 version has also been released simultaneously, please see here for details.
- ๐ Added Modal.open for optional icon dialog. #11982 @hsiehjack
- ๐ Modal.info adds the configuration of
getContainer
. #11377 - ๐ Improve RangePicker footer UI by merging them.
- ๐ The Anchor component adds
onClick
property. #11898 - ๐ The Tab component adds the
renderTabBar
property. #11856 - ๐ The Input component adds the
select
method. #11906 - ๐ Steps adds the
initial
attribute. #11180 - ๐ Fixed Steps dot style broken.
- ๐ Fixed an issue where setting fontSize in the
headStyle
of the Card does not work. #11995 - ๐ Fixed an issue where the Button component wave animation was mix up. #11985
- ๐ Fixed an issue where the Modal.confirm setting
centered
attribute didn't work. #11969 - ๐ Fixed an issue where setting the
suffix
andprefix
of the second Input in thecompact
mode of Input.Group would cause the right border to disappear. #11965 - ๐ Fixed an issue where Upload components might cause misplaced images when uploading many images. #11183
- ๐ Fixed MonthPicker
renderExtraFooter
not working. #8184
2018-08-27
- ๐ Fixed an issue where the Tag component would cause a line break after deleting the tag.
- ๐ Fixed
Failed to execute 'removeChild' on 'Node'
error when click Switch.
2018-08-26
- ๐ Rewrite the documentation of Customize Theme and provider instruction for major
Less
variables. 6fd5e9 53dd82 - ๐ Fix the zoom animation style for Badge. #11870
- ๐ Fix the abnormal width in IE and Edge for Cascader. #11857
- ๐ Fix the blurry style in Windows Chrome for Checkbox. #11797
- ๐ Fix that
style
prop is not effective for DatePicker.WeekPicker. #11738 - ๐ Fix the flash style for Drawer. #11813
- ๐ Fix the border style for compact Input.Group with
prefix
orsuffix
. #11863 - Menu
- ๐ Fix that overlong
description
is cut off for Steps. #11864 - ๐ Fix that the word maybe break in overlong
title
for Tooltip. #11722 - ๐ Fix that
custom prop
of TreeNode cannot be accepted for Tree. #11423 - ๐ Fix the effective area for Upload.Dragger. #11869
2018-8-18
- ๐ Fixed Tag still visible when initially setting
visible
prop to false. #11757 - ๐ Fixed Modal text got selected when opened by double click. #11777
- ๐ Fixed style of Rate component while getting clicked. #11736
- ๐ Fixed style of Badge component when its children is
display:block
. #84119d8 - Drawer
- TypeScript
- ๐ Fixed
selectable
prop is missing in TreeNode props. #11604 @apieceofbart - ๐ Fixed
autosize
prop is missing in Input props. #11697
- ๐ Fixed
2018-08-12
- ๐ Fixed TimePicker unexpected long width. 80f8267
- ๐ Fixed Tabs that focusable element in inactive panel cause tabs disappear. #11261
- ๐ Fixed Badge
offset
x y axis order error. #11648 @tangjinzhou - Upload
- ๐ Fixed Anchor with
affix=true
doesn't work inside inner scrollable. #11688 @vitaliymaz - ๐ Fixed card width in List.Grid. !11712
- ๐ Fixed Radio align problem in safari. 754a22c
- ๐ Apply wave click animation to components Switch, Radio.Button and Tag. 9cf6ae6
- TypeScript
- ๐ Migrate to new lifecycle methods, include components TimePicker, Upload, CheckboxGroup, Layout.Sider, Tooltip, Popconfirm. #11666 @dancerphil #11682 @dancerphil
2018-08-05
Thanks to 24 contributors who send pull request to 3.8.0!
- ๐ Support TypeScript 3 and improve lots of definitions.
- ๐ Use tabular-nums font variant instead of monospaced numberic font family Tahoma. #11567 @tibdex
- ๐ Timeline support
mode="left|right|alternate"
now. #11490 @jrvboesch - ๐ Button added
block
prop which allow to fit parent container. #11500 @ilanus - Tree
- Table
- ๐ Added
rowSelection.columnTitle
to customize selection column title. #11042 @littleLane - ๐ Added demo of resizable columnsใ
- ๐ Support to select multiple rows when pressing
shift
. #11404 @RaphaelChauveau
- ๐ Added
- Avatar
- ๐ Added
onError
prop that is callback when image loading fail. #11285 @paranoidjk - ๐ Added
size
prop for customize size of Avatar. #11256 @emersonlaurentino
- ๐ Added
- ๐ Card added
headStyle
prop. #11407 @emersonlaurentino - ๐ Fixed that Tooltip not working with DatePicker. #11451 @yociduo
- ๐ Fixed that Tooltip not working with Input.Group. #11532 @yociduo
- ๐ Fixed that DatePicker time panel text jumping when hovering. #11460
- ๐ Fixed Tabs display issue when switch focus elements bettween panels. #11261
- Select
- ๐ Support
data-*
attributes. - ๐ Fixed that selected item don't display correct position in dropdown menu items. #11268
- ๐ Support
- ๐ Calendar added
onChange
prop. #11476 @tangjinzhou - ๐ Popconfirm added
icon
prop. #11191 @nuintun - Modal
- ๐ Progress added
strokeLinecap
to customize shape of edge. #11547 @blatinier - ๐ Drawer added
className
and deprecatedwrapClassName
. #11609 @fergiar
2018-07-28
- ๐ Fix issue resulting in title not vertical align with icon when setting
labelPlacement
tovertical
in Steps. #11426 @yoyo837 - ๐ Fix issue resulting in the children field specified in
fieldName
could not be read correctly in Cascader. #11311 @405go - TypeScript
2018-07-25
- DatePicker
- Drawer
- ๐ Fix text overflow of Tooltip. #11402 @weidapao
- ๐ Fix style issue of dark theme Menu in Layout.Header. #11400 @hongxuWei
- ๐ Fix the arrow buttons of InputNumber showing wrong positon in a fixed table. #11408
- ๐ Fix issue resulting in Select.Option shows wrong border radius in Select.OptGroup. 6cb6f5c
- ๐ Fix issue resulting in
onChange
was trigged twice when click the filter icon of Table. #11164 @adybionka - ๐ Fix issue resulting title of Modal.confirm shows scrollbar on Firefox. #11432
- TypeScript
- ๐ Fix type definition of Radio.Group. #11409 @eddiemoore
- ๐ Fix type definition of TreeSelect. #11442 @JribiBelhassen
- ๐ Fix type definition of Badge. #11421 @zongzi531
2018-07-21
- ๐ Fix popup content can't display in Drawer component.#11304
- ๐ Card using
tabList
supportdisabled
prop.#11212 - ๐ Fix Link of Anchor not sync when
href
update.#11287 @tangjinzhou - ๐ Fix Menu component style.#11299
- ๐ Fix Drawer component don't have animation when
destroyOnClose
is set.#11307 - ๐ Fix DirectoryTree can't expand when
expandedKeys
is in control.#11366 - ๐ Fix Button with Tooltip under ButtonGroup style issue when Button is
disabled
.11321 @tangjinzhou
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
to2.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 usetitle
prop instead in thetreeData
.
- ๐ Add
- Upgrade
rc-upload
to2.5.0
for Upload. - Dropdown
- Upgrade
rc-table
to6.2.2
for Table. f2fddff- ๐ Add
expanded
as the fourth param ofexpandedRowRender
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
- ๐ Add
- ๐ Allow to pass
data-*
,aria-*
androle-*
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-*
androle-*
props to the inner Input for DatePicker. e63f9d4 - ๐ Add
event
object as the second param ofonSearch
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 addcancelButtonProps
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 isoutline
orsolid
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 forTag
. 4ac0277 - Upgrade
rc-tree
to1.12.0
for Tree - ๐ Deprecate
combobox
value forSelect[mode]
and please replace it withAutoComplete
. 53046a4 - ๐ Cascader adds
fieldNames
and discards the misspelledfiledNames
. #10896 - ๐ Fix Timeline dot not working with Tooltip. 0e3b67e
- ๐ Fix border radius when avatar has custom size. e1e6523
- ๐ Add
okButtonDisabled
andcancelButtonDisabled
props to disable ok button and cancel button. #10955
2018-07-07
- ๐ Fix the style of the selected day for
DatePicker
. #6146 #9529 - ๐ Fix the style of the selected day for
DatePicker.RangePicker
. 004561b - ๐ Fix the alignment style wrapped by
Form.Item
forCascader
. #9827 #11133 - ๐ Fix the background style of the
handler
forInputNumber
. 4aabc53 - ๐ Fix the header overflow in
FireFox
when the data is empty forTable
. #11135
2018-07-02
- ๐ Fixed wired
Transfer
repaint problem in IE or Edge. #9697 - ๐ Fixed
Card
background overflow when zoom in chrome. #9085 - TypeScript
- ๐ Add custom local support in
Pagination
. babbbdd4 - ๐ Move max-width to ant-tooltip, so that it can be override by overlayStyle.maxWidth. e2b359e9
- ๐ Adjust
Select
mirror style to avoid to long string. #11035
2018-06-23
- ๐ Fixed
Steps
theme@process-icon-color
. #10973 - ๐ Fixed style of RangePicker with preset ranges. #10986
- ๐ Fixed
Dropdown
non-boolean attribute warning. #7798 - TypeScript
2018-06-17
- ๐ Fixed that capitalized extension of Upload image url couldn't be recognaized. #10928 @sliwey
- ๐ Fixed missing border of InputNumber when browser is zoomed in. #10562
- ๐ Fixed that fixed element inside Spin cannot be fixed. #10196
- ๐ Fixed broken border style of small table. #9754
- ๐ Fixed missing
className
prop of Table'sfilterIcon
. #10937 - ๐ Fixed that Affix
offsetTop
andoffsetBottom
cannot be updated. #10874 - TypeScript
2018-06-09
- ๐ Fix the wrong status of check all checkbox in Table when data change. #10629
- ๐ Fix border style of Button.Group.
- ๐ Fix file list being reversed when
beforeUpload
returnsfalse
in Upload component. #10681 - ๐ Fix overflow of cell content in Calendar. #10808 @Yangzhedi
- ๐ Fix the processing color of Badge not follows the
primary-color
. - Spin
- ๐ Fix custom icon does not follow the value of
size
. #10786 - ๐ Fix no
delay
issue when setsspinning
totrue
as default.#10727 @dreamerblue
- ๐ Fix custom icon does not follow the value of
- TypeScript
2018-06-02
- ๐
Form
's error message now can be customized with ReactNode. #10136 @lovekonakona - ๐
List
support customized configuration for position of pagination. #10581 @zheeeng - ๐
Layout.Sider
now can be configured withlight
ordark
theme. #10142 @pd4d10 - ๐ Ant Design official site now supports offline mode. #10625
- ๐
Transfer
addingstyle
andoperationStyle
props for further customization. @eduludi - ๐
Message
adds a promisfied interface to handle callback. #10421 @zhujinxuan - ๐ Fix compilation issue with [email protected] . #10729 @karol-majewski
- ๐ Fix a bug in
Menu
where outer menu item not highlighting while inner item is selected. #8666 @stonehank - ๐ Affix
offsetBottom
not working. #10674
2018-05-26
- ๐ Fix
showSearch
onCascader
not working.968488a2 - ๐
Badge[status]
supportTooltip
.#10626 - ๐ Fix
text-align
on parent element affectsSpin
.#10643 @wmzhong - ๐
Table
break line style change frombreak-all
tobreak-word
.#10655 @clinyong - ๐ When
Search
not defineenterButton
, click search icon will triggeronSearch
. 36ffe7e1
2018-05-20
- ๐ Fix
Affix
with offsetTop === 0, value becomesundefined
problem #10566 - ๐ Fixed issue with shaded
Input.Group
component shadows#10230 - ๐ Fixed issue where the
Transfer
component checkbox event fired twice #10480 - ๐ Unifying the name of the variable 12d3046
- ๐ Fine-tuned the style of
Dropdown
8e2f72f - ๐ The components of the Chinese document will now be demonstrated using Chinese language packages. 9b17a94
- ๐ The main theme switch was changed to
antd-theme-generato
, thanks to the work of @mzohaibqc. - TypeScript
2018-05-13
- ๐ Fixed
Table
filter doesn't work when click checkbox. #10452 - ๐ Fixed
Cascader
displayRender z-index issue. #10433 - ๐ Fixed
Button
Types of property 'ref' are incompatible. #10405 - ๐ Fixed the height of
Form
item when checks position is dithered. #10445 - ๐ Allow to use any CSS units for
Layout
width. #10479
2018-05-09
- ๐ Fixed broken style of Input.Group under Form. #10371
- ๐ Fixed overlay style of Select. #10383
- ๐ Remove focused style of Collapse.
- ๐ Remove unnecessary
z-index
of Input.Group and Checkbox. #9840 #10385 - ๐ Fixed that monospaced font family can't be bold.
- Table
- TypeScript
- ๐ Fixed Breadcrumb.Item type. #10372 @karol-majewski
- ๐ Fixed Table
rowSelection
typeใ#10374
2018-05-04
- ๐ Add
title
prop toBadge
that shows when hovering it. 74d81c2 @ludwigbacklund - ๐ Add
successPercent
asProgress[format]
argument. #10096 - ๐ Update
rc-notification
to 3.1.0 so thatNotification
support setmaxCount
. #10161 @jzhangs - ๐ Update
rc-cascader
to 1.13.0 so thatCascader
support setfiledNames
. react-component/cascader#23 @405go - ๐ Add ability to update
Notification
props by key. react-component/notification#40 @yevhen-hryhorevskyi - ๐
List
support pagination by default. #10135 - Table
- ๐ Column
sorter
function is passedsortOrder
as param. #10306 @kumarashwin - ๐ Fix merged header cell border. #10359
- ๐ Fix lost of user selection on data updates. #10332 @chrvadala
- ๐ Column
- Menu upgrade
rc-menu
to7.x
#10305- ๐ Better aria-* attributes support. react-component/menu#137
- ๐ Improve Menu performance by avoiding unnecessary updates. react-component/menu#133
- ๐ Support passing props through to MenuItem list item. react-component/menu#135
- ๐ Minor key shortcut bug fixes. react-component/menu#132
- Collapse
- ๐ Support custom
Collapse
styles with less. #9943 @davidhatten - ๐ Update
rc-collapse
to 1.9.0 to addCollapse
keyboard support. react-component/collapse#84 @kossel
- ๐ Support custom
- Select
- ๐ Fix type for
placeholder
. #10282 @thomasthiebaud - ๐ Fix extra space taken up when arrow disabled. #10296
- ๐ Fix property
value
typescript type. #10336 @paranoidjk
- ๐ Fix type for
- Input
- Form
- ๐ Fix typing for
Form.onValuesChange
. #10231 @whtsky - ๐ Fix typescript interface
ComponentDecorator
. #10324 @paranoidjk
- ๐ Fix typing for
- ๐ Fix dashed
Divider
. #10216 - ๐ Fix
Spin
container interaction. #10227 - ๐ Fix
Notification
icon hover color. #10272 - ๐ Fix
Upload
propertylastModifiedDate
name. #10315 @danielg2002 - ๐ Fix
Button
props type, useReact.HTMLProps
. #10229 @whtsky - ๐ Fix less var naming convention. #10275
2018-05-03
- ๐ Fix file object is empty and file name not showing in Upload. #10319
2018-04-28
- ๐ Fix that Upload file in
onChange({ file })
is not a File instance introduced in3.4.2
. #10293 - ๐ Fix style lose bug when use tree shaking in webpack@4. #10217 @whtsky
2018-04-23
- ๐ Fix style lose bug when use tree shaking in webpack@4. #10197 @Aladdin-ADD
- ๐ Fix
Menu
item's clickable region in dark theme. #10187 @dgeibi
2018-04-22
- ๐ Deployed site by netlify to avoid blocking by GFW.
- ๐ Fix TypeScript definitions of Menu, Tooltip, Card, Anchor, Avatar, Form, Tabs, Transfer, Tree, AutoComplete and etc.
- ๐ Added
sideEffects
topackage.json
for better Tree-Shaking. #10043 @Aladdin-ADD - List
- ๐ Fix wrong preview image of Upload list when file.url contains url params. #10102
- ๐ Fix Progress when percent is out of range. 0eb8357
- Menu
- ๐ Fix that sometimes controlled input in Form cannot be edited. #9790
- ๐ Fix padding jumping issue of loading Card. #10052 @zheeeng
- ๐ Fix that Avatar's fallback text don't scale as the text avatar does. #10184
- ๐ Fix Table
getCheckboxProps
cannot be updated as expected. #10133 - ๐ Fix CheckboxGroup
prefixCls
prop not passed to Checkbox. #9950
2018-04-08
- ๐ Fix TypeScript type error caused by code error of Badge. #9931
- ๐ Improve clicking region of Card
actions
. #9882 - ๐ Fix Divider style issue when used with float elements. #9956
- ๐ Fix style issue of Form in advanced-search mode. #9907
- ๐ Add
onHeaderRow
TypeScript type definitions for Table. #9902 @Nokecy - ๐ Improve the customized-icon demo of Tree. #9893
- ๐ Fix image url display with non-image extention in Upload. #9936
2018-04-01
- Tree
- ๐ In this version, we refactored the underlying code of Tree to resolve some long living issues.
- ๐ Added
defaultExpandParent
for expanding parent at first render. - ๐ Added
disabled
for disabling the whole tree. - ๐ Added
TreeNode[icon]
to allow setting custom node icon. - ๐ Improved the check logic for disabled TreeNode.
- ๐ Anchor added
getContainer
for setting the container of scroll content. - ๐ Table added a new less variable
@table-expanded-row-bg
. #9789 - ๐ Fixed a less syntax error. #9832 @jojoLockLock
- ๐ Fixed
moment.locale
invoking error in LocaleProvider. #9853 - ๐ Fixed issue resulting in
style
of WeekPicker not works. #9848 - ๐ Fixed type definition of Layout.Sider. #9885 @zachguo
- ๐ Improved style of Modal for long contents. #9592
- ๐ Added new locale Slovenian.
2018-03-25
- Revert Upload
file
type change in previous version which causes breaking change.
2018-03-24
- ๐
Carousel
: Upgradereact-slick
version to fix width calculation. #3659 - ๐
Rate
: Adjustdisabled
style. #9747 - ๐
Modal
: Adjustconfirm-modal
style to fix display issue when content use grid layout. #9374 - ๐
Menu
: Adjust style to fix mouse trigger event region. #9666 @dgeibi - ๐
Upload
: Fix type offile
onbeforeUpload
function. #9775 - ๐
Button
: Fixtwo-chinese-words
space not re-calculate when text changed. 4502ad8
2018-03-18
- ๐ Tweak danger button focus style.
- ๐ Fix a show error when the value of enterButton is a button element. #9639
- ๐ Fix missing key of
column.title
in Table .#9658 @terence55 - ๐ Fix
scroll: { x: true }
not working if.ant-table-scroll table
width isauto
. #9704 - ๐ Fix when the helper message disappears, the input box will shake. #8831
- ๐ Fix isMoment call in
TimePicker
will report error in parcel. 85c78e4 - ๐ Tweak
Table
border radius. #9674
2018-03-12
- ๐ Add
afterClose
prop forAlert
to achieve smooth unmount. #9448 @Hughen - ๐ Add
validRange
prop forCalendar
to set the date range. 71f65a0 @Rohanhacker - ๐ Add
defaultActiveTabKey
prop forCard
to initial TabPane's active key. 30fe88d @u3u DatePicker
- ๐ Add
orientation
prop forDivider
to set the alignment of text in divider. #9275 @jrvboesch - ๐ Add
keyboard
prop forModal
to set whether Modal could be closed byEsc
key. #8818 - ๐ Improve the TypeScript definition of
event
param inonChange
prop forRadio
andCheckbox
. #9574 Table
- ๐ Add
position
prop inpagination
prop to set the position of pagination. #9357 @kanweiwei - ๐ Add event param of
onSelect
prop inrowSelection
prop. #9376 @kanweiwei - ๐ Add
columnWidth
prop inrowSelection
prop to set the column width of selection. #9474 @SimpleFrontend - ๐ Fix border radius issue in
Chrome
forTable
. af8e54f
- ๐ Add
- ๐ Add
pendingDot
prop forTimeline
to set icon of ghost node. #9546 @SimpleFrontend - ๐ Add
inputReadOnly
prop forTimePicker
to set if it's read only. 4a69446 @JesperWe - ๐ Add
dropdownClassName
prop forTreeSelect
. 69b154f 56e4ce0 - ๐ Improve the preview for
Upload
when uploading the file of non-image format. #9621 @zswang - ๐ Fix
successPercent
prop that cannot decide the success status forProgress
. #9382 - ๐ Fix font size for
Tabs
. #9509 - ๐ Fix that disabled parent node cannot spread for
Tree
andTreeSelect
. #9539
2018-03-02
- ๐ Fix props
onPopupScroll
ts define inSelect
. #9475 @twobin - ๐ Fix
Table
filter dropdown menu popup container. #9209 - ๐ Fix
Timeline
head custom style error in chrome. #9429 @vthinkxie - ๐ Fix
Select
dropdown border. 82092c1 - ๐ Fix compatibility with less 3. #7850
- ๐ Fix
DatePicker.WeekPicker
year. #9463 - ๐ Fix
Button.Group
align issue in chrome. #9457
2018-02-24
- ๐ Add font-family variable for
Pagination
. #9351 - ๐ Add font-weight variable for
Badge
. #9352 - ๐ Fix table custom spin indicator. #9355
- ๐ Fix
Form.create
. #9331 - ๐ Revert typescript definition of
column.dataIndex
. #9393 - ๐ Fix last menu item in Sider could be blocked by collapse trigger. #9398 @MJ111
- ๐ Fix badge works wrong in dot mode. #9359 @khayalan-mathew
2018-02-11
- ๐ Add icons of some famous products. c04377e5
- Mention
- ๐
multiLines
mode will support autosize. - ๐ Fix paste not working when
placeholder
is specified. #9215
- ๐
- Table
- Select
- ๐ Fix wrong scroll position when navigating active item with keyboard. #9276
- ๐ Fix arrow position in IE11.
- ๐ Fix issue that file item showing
uploading
when UploadbeforeUpload
return false. #8020 - ๐ Fix misplace of feedback icon of
vertical
layout Form. #9153 - ๐ Fix loading style missing of empty childen Card. #9258
- ๐ Fix background color of Avatar when image source is not existe. #9278 @andriijas
- ๐ Fix RangePicker
Cannot read property 'locale' of undefined
error when select end date. #9267 - ๐ Fix style problem when using disabled button with Tooltip inside ButtonGroup. #9296 #9296
- ๐ Fix z-index of Dropdown's submenu. #9218
2018-02-04
- ๐ Add new
tabBarGutter
prop to Tab to allow setting gutter between tabs. #8644 @lixiaoyang1992 - ๐ Add new
hasSider
prop to Layout to avoid render error when server rendering. #8937 - ๐ Add new
successPercent
to Progress to allow showing two phases. Demo - ๐ Add new
iconType
prop to Alert to allow settting icon type. #8811 @minwe - ๐ Add
id
prop to DatePicker. #8598 @mgrdevport - ๐ Add new
forceRender
prop to Collapse to allow rendering hide panel. #9192 #Pyroboomka @paulcmason - RangePicker
- ๐ Improve
ranges
prop to allow passing function to it. #8281 - ๐ Fix issue resulting in can not input start date manually. #6999
- ๐ Fix issue resulting date panel being closed without animation when click on the preset range. #6364
- ๐ Fix issue resulting
onOk
is not being trigged, when click on the preset range. #7747
- ๐ Improve
- Select
- ๐ Improve
onChange
,onDeselect
, they will receive selectedOption
as second paramteter. - ๐ Fix issue resulting in
onSelect
is not trigged when using automatic tokenization. #9094 - ๐ Fix the missing scrollbar in Chrome.
- ๐ Improve
- ๐ Improve Table's
rowSelection[getCheckboxProps]
prop, now the all the properties returned bygetCheckboxProps
will be passed to checkbox. #9054 @mgrdevport - ๐ Fix issue resulting in Calendar's
mode
not being allowed to be changed from outside. #9243 @mgrdevport - ๐ Fix issue resulting AutoComplete showing wrong border when showing validattion message.9f2b490
- ๐ Fix issue resulting in DatePicker showing wrong time in the control mode. #8885
- ๐ Fix issue resulting in TextArea showing wrong height in Edge. #9108 @cuyl
- ๐ Fix issue resulting in Tabs showing wrong tab style when using
type="card"
combine withtabPosition="bottom"
. #9165 @ryanhoho - ๐ Add new Kurdish locale.
2018-01-28
- ๐ Revert #9141 since it causes year and month can not be selected in DatePicker.
2018-01-27
- ๐ Fix Select Options were disappeared when click the scrollbar in IE11. #7934 @tianlang89757
- ๐ Fix Form
getFieldDecorator
referenced item will conflicted when using the same id. #9103 #7351 - ๐ Fix RangePicker i18n issue which will shown the last language when change the language. #8970
- ๐ Fix DatePicker shown wrong in the control mode. #8885
- ๐ Fix Table shown emptyText when loading state. #9095 @sallen450
- ๐ Add Icon
file-word
. #9092 #9061 - ๐ Fix wrong font family. commit/506f97
- ๐ Add some TypeScript type definitions
- Add
duration
for Notification. pull/9120 @duhongjun - Add
style
for Steps. pull/9126 @wanliyunyan
- Add
- ๐ Optimize Avatar default background color. commit/275946
- ๐ Add the less variable for Slider and Menu. pull/9065 pull/9115 @mrgeorgegray
2018-01-21
- ๐ Fix ButtonGroup z-index issue. #9014
- ๐ Fix Dropdown.Button can not be fully disabled. #8991 @sallen450
- ๐ Fix Layout error responsive docs. #8995 @ReedSun
- ๐ Fix List
grid
do not support xxl. #9019 - ๐ Fix RangePicker can not cancel selected start date when the panel is closed. #8839
- ๐ Fix Tabs error margin. commit/200d6c
- ๐ Fix WeekPicker shows error weeks. #9021
- ๐ Fix some TypeScript type definitions.
- Add
subMenuCloseDelay
andsubMenuOpenDelay
for Menu. #8976 @Rohanhacker - Refactor DatePicker types. commit/0bb531
- Fix Input
maxLength
type definitions. #9046 @Riokai
- Add
- ๐ Add some new less variables.
- About Checkbox and Radio: #9003 @mrgeorgegray
- About Breadcrumb: #9022 @mrgeorgegray
- ๐ Add aliyun icon.
2018-01-14
- ๐ Fix error when passing
null
locale
to LocaleProvider.
2018-01-13
- ๐ Fix Button can not display
0
. #8733 @Cuihongsen - ๐ Fix extra scrollbar in Table and List caused by Spin. #8799
- ๐ Fix can not pass function to Table[emptyText]. #8871
- ๐ Fix now working Dropdown[transitionName].
- ๐ Fix issue resulting in font changes when enter number in Input.#8636
- ๐ Fix issue resulting in wrong locale text when import multiple locale files. #8785
- ๐ Fix
locales
in dist/antd-with-locales.js has aextra
default key. #8881 - ๐ Fix some TypeScript type definitions. 4cc29bc 693e734 67e956d ecd4177 33119ec 88e0c9b
- ๐ Add some new less variables b9b5aba 5931b20 c9d7397
- ๐ Optimize Chinese quotes displaying.
2018-01-08
- ๐ Published the new site and design guideline.
- ๐ Updated the guideline of real project with dva to roadhog 2.0. 5dcf1c0
- ๐ Published the new sketch resource of Ant Design 3.0. 22dfe88
- ๐ Fix contextMenu event for trigger prop in the TypeScript definition of Dropdown. #8646 @cjahv
- ๐ Fix HOC in Button not inserted space between chinese words.
- ๐ Fix the style compatibility in IE 11 for List Component. #8784
- ๐ Fix notFoundContent prop not working for Select Component. #8809
- ๐ Fix the warning for BackTop Component in React 16. #8848
- ๐ Fix unexpected scrollbar for List Component when setting gutter. #8799
- ๐ Fix to support complete href link for Anchor.Link Component. #8808
- ๐ Optimize the font family of Chinese quote. c6fcc31
2017-12-29
Happy 2018 !~ 2018 2018 2018 coming!~~~
- ๐ Fix ant-spin-container overflow resizing for Spin component. #8602 @jhsu
- ๐ Fix extra padding in Table small with fixed columns. #8724
- ๐ Fix Checkbox.Group align issue in Form. #8739
- ๐ Fix unexpected scrollbar in Affix. #8606
- ๐ Fix List component "No Data" mixed with loading. #8647
- ๐ Add onKeyUp TypeScript definition to Input component. #8705 @delesseps
- ๐ Add
showArrow
for disabling arrow icon in collapse panel. #8536 @apieceofbart - ๐ Rate add
allowClear
for reset when click again. #8627 - ๐ Add responsive for BackTop. #8719 @JetRunner
- ๐ Add
destroyOnClose
to Modal component to support unmount child compenents on onClose. #8769 @Rohanhacker - ๐ Pagination add
hideOnSinglePage
for support hide it when only one page. #8615 @camsong - ๐ Support customize spin for List component.
- ๐ป Support open official demo in CodeSandbox.
2017-12-22
- ๐ Add React.SFC type for Form.create return value. #8672
- ๐ Fix form item height and align problem. #8701
- ๐ Improve input addon size. #8680
- ๐ Fix table size of fixed column. #8660
2017-12-17
- ๐ Provide a migration helper for [email protected]. e71b68dd
- ๐ Rewrite CONTRIBUTING Guideline
- ๐ Optimize notification display in small screen. #8631
- ๐ Optimize Pagination design and fix some issues of alignment and margin.
- ๐ Upgrade to
[email protected]
for peerDependencies warning. #8455 - ๐ Fix not working
size
property in fixed-header Table. #8577 - ๐ Fix not working
locale
property of DatePicker/RangePicker. #8635 - ๐ Fix Popover arrow position and size cannot be overrided by less variable. #8548 #8549
- ๐ Fix not working
notFoundContent
of AutoComponent. #8553 - ๐ Tweak RangePicker vertical align position.
- ๐ Layout.Sider breakpoints is same as Grid's now. #8620
- ๐ Fix submenu still showing in a collapsed menu when collapsedWidth is
0
. #8587 - ๐ Fix Card's
Meta.title
text overflow not working. #8597 - ๐ Fix pagination margin problem of bordered List. #8562
- ๐ Fix Menu's submenu cannot open when specified non-existed
defaultOpenKeys
. #8475 - ๐ Fix type name collisions of
InputProps
andSearchProps
in Input, AutoComplete, Transfer. #8478
2017-12-11
- Remove useless DOM wrapper of Card, so that Card's DOM structure will be the same as Card of 2.x.
- Fix that missing
antd/lib/style/v2-compatible-reset.css
. 28d13e2 - Fix that Affix will be overlap when it is heigher than viewport. 31a0654
- Fix the open animation of Collapse. edd592c
- Fix the aligment of large size Input and Button in Form. #8459
- Menu
- Fix compile error of style of Notification. #8437
- Fix the background color of mini Pagination. e13c6d8
- Table
- TypeScript
2017-12-04
Learn more in the Ant Design 3.0 announcement post.
- New color system, We changed our primary color from ใ
#108EE9
ใ to ใ#1890FF
ใ, we called the new primary color "ๆๆ่ (Daybreak Blue)" which means the color of the sky at daybreak. - New design of components.
- Increased the base font size from 12px to 14px.
- Changed default locale to
en_US
. - Support React 16.
- Better TypeScript support.
- New List component.
- New Divider component.
- 30 New icons.
We suggest you upgrade to latest 3.x verison directly.
Some APIs may be daparated in other 3.x versions which don't described below, please pay attention to warning in browser console and upgrade them.
We provide a migration tool to help you find deprecated usages in your codebase.
-
Card's
noHovering
has been renamed tohoverable
, and its default value now istrue
. -
Added new Grid breakpoints. #7230
-
Form
getFieldDecorator
'sexclusive
option has been removeed. -
Added
Form.createFormField
, and you must use it to wrap field data returned inoption.mapPropsToFields
:import { Form } from 'antd'; Form.create({ mapPropsToFields() { return { - name: { value: 'antd' }, + name: Form.createFormField({ value: 'antd' }), }; }, })
-
Improved global reset style, if you encounter style problem after upgrading, you can try import our v2 compatible style.
import 'antd/lib/style/v2-compatible-reset';
Or use less
@import '~antd/lib/style/v2-compatible-reset.less';
-
Since we changed default locale to en_US, LocalProvider is not required any more for English users.
-
We don't set
size="large"
toInput
inForm
by default any more. -
Input.Search
๐ icon don't be interactive anymore, you can use newenterButton
prop to add a button after input. -
UMD version of
dist/antd.js
doesn't include moment any more, you need add moment by yourself if you are using the UMD version.<html> <head> + <script src="https://unpkg.com/[email protected]/moment.js"></script> <script src="https://unpkg.com/[email protected]/dist/antd.js"></script> </head> </html>
- ๐ DatePicker.Calendar has been removed, you can use Calendar directly.
- ๐ DatePicker's
toggleOpen
prop has been removed, useonOpenChange
instead. - ๐ Form's
inline
,horizontal
,vertical
props has been removed, uselayout
instead. - ๐ Input's
type
prop has dropped textarea support, please use Input.TextArea instead. - ๐ Mention's
toEditorState
has been removed. - ๐ Select's
multiple
,combobox
,tags
props has been removed, usemode
instead.
- ๐ Tabs added new size
size="large"
ใ - ๐ Row's
gutter
now support responsive setting, you can writegutter={{ sm: 16, lg: 32 }}
. - ๐ Spin added new
indicator
prop to allow setting custom indicator. #7977 @kossel - ๐ Input.Search added new
enterButton
prop to allow setting custom search button.#7596 - ๐ Mention added new
placement
prop to allow setting the popup direction. - ๐ Carousel added new
next()
,prev()
,goTo(slideNumber)
methods to allow controlling slides programmatically. - ๐ Button added link support, Button with
href
prop will render to<a>
. #8343 - ๐ Steps was refactored, first rendering won't flash. #6010
- ๐ Switch added new
loading
prop to show a loading status. - Menu
- ๐ We refactored it with rc-trigger for delay popup and auto overflow in viewport.
- ๐ Added new
subMenuOpenDelay
andsubMenuCloseDelay
props to allow setting delay time for submenu toggling. - ๐ Added new
forceSubMenuRender
prop to render submenu even if it's collapsed. #5586
- Form
- ๐ Added animations for validation message showing.
- ๐ Added field conditional rendering support. #react-component/117
- Message
- ๐ Allow
duration
optional. #7857 @monkindey
- ๐ Allow
- Badge
- ๐ Added new
offset
prop to allow setting the offset of status point. - ๐
status
can use whithchildren
now. #8164
- ๐ Added new
- Card
- DatePicker
- TimePicker
- ๐ Added new
hourStep
,minuteStep
,secondStep
props to allow customizing time setps. Demo - ๐ Added new
focusOnOpen
prop to focus input after panel is open.
- ๐ Added new
- Table
- ๐ Added new
components
prop to allow overriding default table elements.// You can override following elements const components = { table: MyTable, header: { wrapper: HeaderWrapper, row: HeaderRow, cell: HeaderCell, }, body: { wrapper: BodyWrapper, row: BodyRow, cell: BodyCell, }, }; <Table components={components} columns={columns} data={data} />
- ๐ Added new
onRow
prop to allow passing custom props to table body row. - ๐ Added new
onHeaderRow
props to allow passing custom props to table header row. - ๐ Added
column[onCell]
to allow passing custom props to table body cell. - ๐ Added
column[onHeaderCell]
to allow passing custom props to table header cell. - ๐ Added
column[align]
to allow setting how text aligns. - ๐ Added
column[defaultSortOrder]
to allow setting default sort order. #8111 @megawac - ๐ Added
rowSelection[fixed]
to allow fixing the selection column.ใ - ๐
Deprecated
getBodyWrapper
, please usecomponents
instead. - ๐
Deprecated
onRowClick
,onRowDoubleClick
,onRowContextMenu
,onRowMouseEnter
,onRowMouseLeave
, please useonRow
instead.<Table onRow={(record) => ({ onClick: () => {}, onDoubleClick: () => {}, onContextMenu: () => {}, onMouseEnter: () => {}, onMouseLeave: () => {}, })} />
- ๐ Added new
- Select
- ๐ Option's value can be a number in single or multiple mode.
- ๐ Added new
maxTagCount
andmaxTagPlaceholder
props. - ๐ Added new
showAction
prop to allow setting the trigger action for popup. - ๐ Added new
onMouseEnter
andonMouseLeave
callback.
- LocaleProvider
- ๐ฎ๐ธ Added Icelandic. #7561 @paunovic-stefan
- ๐ช๐ฌ Added Egyptian Arabic. #7888 @mohamed-seada-1994
- ๐บ๐ฆ Added Ukrainian. #8169 @anxolerd
- Form
- ๐ Fixed issue result in Input icon is hovered by feedback icon.
- ๐ Fixed feedback icon not centered in large input.
- ๐ Fix Menu key press error. #8089
- Don't need set
allowSyntheticDefaultImports
when using in TypeScript. - We removed
[email protected]
andreact@15
frompeerDependencies
, though[email protected]
still works on old React versions, but we highly recommend you upgrading to React 16 since we may use the new features only exists in React 16 in the future. See React 16 - Fully es module support, if you are using webpack 3, you can set babel-plugin-import's
libraryDirectory
toes
to enable tree shaking . - We will support 2.x branch until June in next year.
Visit GitHub to read 2.x
change logs.
Visit GitHub to read change logs from 0.x
to 1.x
.