2016-09-28 13:43:32 +08:00
---
2017-01-22 19:16:54 +08:00
order: 6
2016-09-28 13:43:32 +08:00
title: Change Log
toc: false
timeline: true
---
2017-01-23 21:12:19 +08:00
`antd` strictly follows [Semantic Versioning 2.0.0 ](http://semver.org/ ).
2017-02-07 15:22:16 +08:00
#### 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 breadking change and new features.
2016-09-28 13:43:32 +08:00
---
2017-02-04 18:32:31 +08:00
2017-12-04 19:53:07 +08:00
## 3.0.0
`2017-12-04`
2017-12-04 22:05:42 +08:00
Learn more in the [Ant Design 3.0 announcement post ](https://medium.com/ant-design/announcing-ant-design-3-0-70e3e65eca0c )!
2017-12-04 19:53:07 +08:00
### Major Changes
2017-12-04 23:38:31 +08:00
- New [color system ](https://ant.design/docs/spec/colors#Color-Palettes ), 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.
2017-12-04 19:53:07 +08:00
- New design of components.
- Increased the base font size from 12px to 14px.
2017-12-04 23:38:31 +08:00
- Changed default locale to `en_US` .
2017-12-04 19:53:07 +08:00
- Support React 16.
- Better TypeScript support.
- New [List ](https://ant.design/components/list/ ) component.
- New [Divider ](https://ant.design/components/divider/ ) component.
- 30 New [icons ](https://ant.design/components/icon/ ).
### Breaking Changes
- Card's `noHovering` has been renamed to `hoverable` ， `true` .
- Added new Grid breakpoints. [#7230 ](https://github.com/ant-design/ant-design/pull/7230 )
- Form `getFieldDecorator` 's `exclusive` option has been removeed.
- Added `Form.createFormField` , and you must use it to wrap field data returned in `option.mapPropsToFields` :
2017-12-04 21:49:59 +08:00
```diff
import { Form } from 'antd';
Form.create({
mapPropsToFields() {
return {
- name: { value: 'antd' },
+ name: Form.createFormField({ value: 'antd' }),
};
},
})
```
2017-12-04 19:53:07 +08:00
- Improved global reset style, if you encounter style problem after upgrading, you can try import our v2 compatible style.
2017-12-04 21:49:59 +08:00
```javascript
2017-12-04 23:30:00 +08:00
import 'antd/lib/style/v2-compatible-reset';
2017-12-04 21:49:59 +08:00
```
2017-12-04 19:53:07 +08:00
2017-12-04 21:49:59 +08:00
Or use less
2017-12-04 19:53:07 +08:00
2017-12-04 21:49:59 +08:00
```less
2017-12-04 23:20:21 +08:00
@import '~antd/lib/style/v2-compatible-reset.less';
2017-12-04 21:49:59 +08:00
```
2017-12-04 19:53:07 +08:00
- Since we changed default locale to en_US, LocalProvider is not required any more for English users.
- We don't set `size="large"` to `Input` in `Form` by default any more.
2017-12-10 16:59:21 +08:00
- `Input.Search` 🔍 icon don't be interactive anymore, you can use new `enterButton` prop to add a button after input.
2017-12-05 10:18:41 +08:00
- 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.
2017-12-05 10:24:49 +08:00
```diff
< 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 >
```
2017-12-04 19:53:07 +08:00
### Removed Deprecations
- 🗑 DatePicker.Calendar has been removed, you can use Calendar directly.
- 🗑 DatePicker's `toggleOpen` prop has been removed, use `onOpenChange` instead.
- 🗑 Form's `inline` , `horizontal` , `vertical` props has been removed, use `layout` 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, use `mode` instead.
### Features and Improvements
- 🌟 Tabs added new size `size="large"` 。
- 🌟 Row's `gutter` now support responsive setting, you can write `gutter={{ sm: 16, lg: 32 }}` .
- 🌟 Spin added new `indicator` prop to allow setting custom indicator. [#7977 ](https://github.com/ant-design/ant-design/pull/7977 ) [@kossel ](https://github.com/ant-design/ant-design/pull/7977 )
- 🌟 Input.Search added new `enterButton` prop to allow setting custom search button.[#7596](https://github.com/ant-design/ant-design/issues/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， `href` prop will render to `<a>` . [#8343 ](https://github.com/ant-design/ant-design/pull/8343 )
- 🌟 Steps was refactored, first rendering won't flash. [#6010 ](https://github.com/ant-design/ant-design/issues/6010 )
- 🌟 Switch added new `loading` prop to show a loading status.
- Menu
2017-12-10 16:59:21 +08:00
- 🌟 We refactored it with [rc-trigger ](https://github.com/react-component/trigger ) for delay popup and auto overflow in viewport.
2017-12-04 19:53:07 +08:00
- 🌟 Added new `subMenuOpenDelay` and `subMenuCloseDelay` props to allow setting delay time for submenu toggling.
- 🌟 Added new `forceSubMenuRender` prop to render submenu even if it's collapsed. [#5586 ](https://github.com/ant-design/ant-design/issues/5586 )
2017-08-11 22:17:50 +08:00
- Form
2017-12-04 19:53:07 +08:00
- 🌟 Added animations for validation message showing.
- 🌟 Added field conditional rendering support. [#react-component/117 ](https://github.com/react-component/form/issues/117 )
- Message
- 🌟 Allow `duration` optional. [#7857 ](https://github.com/ant-design/ant-design/issues/7857 ) [@monkindey ](https://github.com/monkindey )
- Badge
- 🌟 Added new `offset` prop to allow setting the offset of status point.
- 🌟 `status` can use whith `children` now. [#8164 ](https://github.com/ant-design/ant-design/issues/8164 )
2017-08-06 20:21:57 +08:00
- Card
2017-12-04 19:53:07 +08:00
- 🌟 Added new `inner` type. [Demo ](https://ant.design/components/card/#components-card-demo-inner )。
- 🌟 Added `cover` 、`actions` and a new `Meta` component. [Demo ](https://ant.design/components/card/#components-card-demo-meta )。
2017-07-08 12:48:43 +08:00
- DatePicker
2017-12-04 19:53:07 +08:00
- 🌟 Added `mode` and `onPanelChange` ， Demo ](https://ant.design/components/date-picker/#components-date-picker-demo-mode )。
2017-12-04 21:53:45 +08:00
- 🌟 Added `WeekPicker` component. [Demo ](https://ant.design/components/date-picker/#components-date-picker-demo-basic )
2017-12-04 19:53:07 +08:00
- 🌟 Added new `dateRender` prop to allow customizing date cell.
- TimePicker
2017-12-04 21:53:45 +08:00
- 🌟 Added new `hourStep` , `minuteStep` , `secondStep` props to allow customizing time setps. [Demo ](https://ant.design/components/time-picker/#components-time-picker-demo-interval-options )
2017-12-04 19:53:07 +08:00
- 🌟 Added new `focusOnOpen` prop to focus input after panel is open.
2017-07-08 12:48:43 +08:00
- Table
2017-12-04 19:53:07 +08:00
- 🌟 Added new `components` prop to allow overriding default table elements.
2017-12-04 21:49:59 +08:00
```javascript
// You can override following elements
const components = {
table: MyTable,
header: {
wrapper: HeaderWrapper,
row: HeaderRow,
cell: HeaderCell,
},
body: {
wrapper: BodyWrapper,
row: BodyRow,
cell: BodyCell,
},
};
2017-12-04 19:53:07 +08:00
2017-12-04 21:49:59 +08:00
< Table components = {components} columns = {columns data = {data}} / >
```
2017-12-04 19:53:07 +08:00
- 🌟 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 ](https://github.com/ant-design/ant-design/pull/8111 ) [@megawac ](https://github.com/megawac )
- 🌟 Added `rowSelection[fixed]` to allow fixing the selection column.。
- 🙅 Deprecated `getBodyWrapper` , please use `components` instead.
- 🙅 Deprecated `onRowClick` ， `onRow` instead.
2017-12-04 21:49:59 +08:00
```javascript
< Table onRow = {(record) = > ({
onClick: () => {},
onDoubleClick: () => {},
onContextMenu: () => {},
onMouseEnter: () => {},
onMouseLeave: () => {},
})} />
```
2017-04-01 21:07:32 +08:00
- Select
2017-12-04 19:53:07 +08:00
- 🌟 Option's value can be a number in single or multiple mode.
- 🌟 Added new `maxTagCount` and `maxTagPlaceholder` props.
- 🌟 Added new `showAction` prop to allow setting the trigger action for popup.
- 🌟 Added new `onMouseEnter` and `onMouseLeave` callback.
2017-03-27 09:54:05 +08:00
- LocaleProvider
2017-12-04 19:53:07 +08:00
- 🇮🇸 Added Icelandic. [#7561 ](https://github.com/ant-design/ant-design/pull/7561 ) [@paunovic-stefan ](https://github.com/paunovic-stefan )
- 🇪🇬 Added Egyptian Arabic. [#7888 ](https://github.com/ant-design/ant-design/pull/7888 ) [@mohamed-seada-1994 ](https://github.com/mohamed-seada-1994 )
- 🇺🇦 Added Ukrainian. [#8169 ](https://github.com/ant-design/ant-design/pull/8169 ) [@anxolerd ](https://github.com/anxolerd )
2017-03-06 17:39:44 +08:00
2017-12-04 19:53:07 +08:00
### Bug fixes
2017-03-06 17:39:44 +08:00
- Form
2017-12-04 19:53:07 +08:00
- 🐞 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 ](https://github.com/ant-design/ant-design/issues/8089 )
2016-11-13 15:51:46 +08:00
2017-12-04 20:15:21 +08:00
### Other things
2016-11-13 15:51:46 +08:00
2017-12-04 19:53:07 +08:00
- Don't need set `allowSyntheticDefaultImports` when using in TypeScript.
- We removed `react@0.14` and `react@15` from `peerDependencies` , though `antd@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 ](https://reactjs.org/blog/2017/09/26/react-v16.0.html )
2017-12-06 23:23:11 +08:00
- Fully es module support, if you are using webpack 3, you can set babel-plugin-import's `libraryDirectory` to `es` to enable tree shaking .
2017-12-04 20:15:21 +08:00
- We will support 2.x branch until July in next year.
2016-11-13 15:51:46 +08:00
2017-12-04 19:53:07 +08:00
## 2.x
2016-11-11 19:21:47 +08:00
2017-12-04 19:53:07 +08:00
Visit [GitHub ](https://github.com/ant-design/ant-design/blob/2.x-stable/CHANGELOG.md ) to read `2.x` change logs.
2016-09-28 18:17:12 +08:00
2016-09-28 13:43:32 +08:00
2016-11-28 15:33:21 +08:00
## 1.11.4
2016-09-28 13:43:32 +08:00
2017-01-14 21:58:33 +08:00
Visit [GitHub ](https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md ) to read change logs from `0.x` to `1.x` .
