14 KiB
order | title | toc | timeline |
---|---|---|---|
6 | Change Log | false | true |
antd
strictly follows Semantic Versioning 2.0.0.
Release Schedule
- 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.
3.0.3
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
3.0.2
2017-12-17
- 📝 Provide a migration helper for antd@3.0. e71b68dd
- 📝 Rewrite CONTRIBUTING Guideline
- 🌟 Optimize notification display in small screen. #8631
- 🌟 Optimize Pagination design and fix some issues of alignment and margin.
- 🐞 Upgrade to
react-slick@0.16.0
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
3.0.1
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
3.0.0
2017-12-04
Learn more in the Ant Design 3.0 announcement post!
Major Changes
- 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.
Breaking Changes
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/moment@2.19.3/moment.js"></script> <script src="https://unpkg.com/antd@3.0.0/dist/antd.js"></script> </head> </html>
Removed Deprecations
- 🗑 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.
Features and Improvements
- 🌟 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
Bug fixes
- 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
Other things
- Don't need set
allowSyntheticDefaultImports
when using in TypeScript. - We removed
react@0.14
andreact@15
frompeerDependencies
, thoughantd@3.0
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.
2.x
Visit GitHub to read 2.x
change logs.
1.11.4
Visit GitHub to read change logs from 0.x
to 1.x
.