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 breadking change and new features.
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.
-
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. -
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
- 🌟 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
- 🌟 Added new
- 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-import-plugin's
libraryDirectory
toes
to enable tree shaking . - We will support 2.x branch until July in next year.
Visit GitHub to read 2.x
change logs.
Visit GitHub to read change logs from 0.x
to 1.x
.