ant-design

12 KiB

Raw Blame History

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 breadking change and new features.

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 the popup will disappear unexpectly in Safari. #8453
- Fix the open animation. edd592c
Fix compile error of style of Notification. #8437
Fix the background color of mini Pagination. e13c6d8
Table
- Fix broken style in mobile. #8465
- Fix broken style when use size and nested Table together. #8525
TypeScript
- Fix TypeScript definition of AutoComplete. #8383 @nidhi-ag
- Fix TypeScript definition of Divider. #8504 @cyyyu
- Fix TypeScript definition of Dropdown. #8444
- Fix TypeScript definition of List. e27061e 1b2a955
- Fix TypeScript definition of Table. #8507 #8515 @danedavid

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

Card's noHovering has been renamed to hoverable，and its default value now is true.
Added new Grid breakpoints. #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:

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" to Input in Form by default any more.
Input.Search 🔍 icon don't be interactive anymore, you can use new enterButton 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, 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 @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 and subMenuCloseDelay 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
Badge
- 🌟 Added new offset prop to allow setting the offset of status point.
- 🌟 status can use whith children now. #8164
Card
- 🌟 Added new inner type. Demo。
- 🌟 Added cover、actions and a new Meta component. Demo。
DatePicker
- 🌟 Added mode and onPanelChange，to allow controlling the panel mode. Demo。
- 🌟 Added WeekPicker component. Demo
- 🌟 Added new dateRender prop to allow customizing date cell.
TimePicker
- 🌟 Added new hourStep, minuteStep, secondStep props to allow customizing time setps. Demo
- 🌟 Added new focusOnOpen prop to focus input after panel is open.
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 use components instead.
- 🙅 Deprecated onRowClick，onRowDoubleClick、onRowContextMenu、onRowMouseEnter、onRowMouseLeave, please use onRow instead.
```
<Table onRow={(record) => ({
  onClick: () => {},
  onDoubleClick: () => {},
  onContextMenu: () => {},
  onMouseEnter: () => {},
  onMouseLeave: () => {},
})} />
```
Select
- 🌟 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.
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 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
Fully es module support, if you are using webpack 3, you can set babel-plugin-import's libraryDirectory to es 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.

12 KiB Raw Blame History