--- order: 6 title: Change Log toc: false timeline: true --- `antd` strictly follows [Semantic Versioning 2.0.0](http://semver.org/). #### 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](https://github.com/ant-design/ant-design/commit/28d13e2539817f87b8a2029ea22d9c30b377167f) * Fix that Affix will be overlap when it is heigher than viewport. [31a0654](https://github.com/ant-design/ant-design/commit/31a0654ef990eb7bae2b18095fa0d5230b9be1da) * Fix the open animation of Collapse. [edd592c](https://github.com/ant-design/ant-design/commit/edd592cb9dd79d534853e7a0c1b648382e3f1a12) * Fix the aligment of large size Input and Button in Form. [#8459](https://github.com/ant-design/ant-design/issues/8459) * Menu * Fix the popup will disappear unexpectly in Safari. [#8453](https://github.com/ant-design/ant-design/issues/8453) * Fix the open animation. [edd592c](https://github.com/ant-design/ant-design/commit/edd592cb9dd79d534853e7a0c1b648382e3f1a12) * Fix compile error of style of Notification. [#8437](https://github.com/ant-design/ant-design/issues/8437) * Fix the background color of mini Pagination. [e13c6d8](https://github.com/ant-design/ant-design/commit/e13c6d87fa6bf7d5cf4b2d5154a85b4793997de5) * Table * Fix broken style in mobile. [#8465](https://github.com/ant-design/ant-design/issues/8465) * Fix broken style when use size and nested Table together. [#8525](https://github.com/ant-design/ant-design/issues/8525) * TypeScript * Fix TypeScript definition of AutoComplete. [#8383](https://github.com/ant-design/ant-design/pull/8383) [@nidhi-ag](https://github.com/nidhi-ag) * Fix TypeScript definition of Divider. [#8504](https://github.com/ant-design/ant-design/pull/8504) [@cyyyu](https://github.com/cyyyu) * Fix TypeScript definition of Dropdown. [#8444](https://github.com/ant-design/ant-design/issues/8444) * Fix TypeScript definition of List. [e27061e](https://github.com/ant-design/ant-design/commit/e27061ea5b2f2d3273b45862d9b87285448f0998) [1b2a955](https://github.com/ant-design/ant-design/commit/1b2a9550d9595dd2f31f79d1bdd52695ec792692) * Fix TypeScript definition of Table. [#8507](https://github.com/ant-design/ant-design/issues/8507) [#8515](https://github.com/ant-design/ant-design/pull/8515) [@danedavid](https://github.com/danedavid) ## 3.0.0 `2017-12-04` Learn more in the [Ant Design 3.0 announcement post](https://medium.com/ant-design/announcing-ant-design-3-0-70e3e65eca0c)! ### Major Changes - 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. - 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](https://ant.design/components/list/) component. - New [Divider](https://ant.design/components/divider/) component. - 30 New [icons](https://ant.design/components/icon/). ### Breaking Changes We provide a [migration tool](https://github.com/ant-design/antd-migration-helper) to help you find deprecated usages in your codebase. - Card's `noHovering` has been renamed to `hoverable`,and its default value now is `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`: ```diff 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. ```javascript import 'antd/lib/style/v2-compatible-reset'; ``` Or use less ```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. ```diff
+ ``` ### 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,Button with `href` prop will render to ``. [#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 - 🌟 We refactored it with [rc-trigger](https://github.com/react-component/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](https://github.com/ant-design/ant-design/issues/5586) - Form - 🌟 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) - Card - 🌟 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)。 - DatePicker - 🌟 Added `mode` and `onPanelChange`,to allow controlling the panel mode. [Demo](https://ant.design/components/date-picker/#components-date-picker-demo-mode)。 - 🌟 Added `WeekPicker` component. [Demo](https://ant.design/components/date-picker/#components-date-picker-demo-basic) - 🌟 Added new `dateRender` prop to allow customizing date cell. - TimePicker - 🌟 Added new `hourStep`, `minuteStep`, `secondStep` props to allow customizing time setps. [Demo](https://ant.design/components/time-picker/#components-time-picker-demo-interval-options) - 🌟 Added new `focusOnOpen` prop to focus input after panel is open. - Table - 🌟 Added new `components` prop to allow overriding default table elements. ```javascript // You can override following elements const components = { table: MyTable, header: { wrapper: HeaderWrapper, row: HeaderRow, cell: HeaderCell, }, body: { wrapper: BodyWrapper, row: BodyRow, cell: BodyCell, }, };