ant-design/CHANGELOG.en-US.md

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.4.0

2018-04-01

• Tree
  • 🛠 In this version, we refactored the underlying code of Tree to resolve some long living issues.
  • 🌟 Added defaultExpandParent for expanding parent at first render.
  • 🌟 Added disabled for disabling the whole tree.
  • 🌟 Added TreeNode[icon] to allow setting custom node icon.
  • 🌟 Improved the check logic for disabled TreeNode.
• 🌟 Anchor added getContainer for setting the container of scroll content.
• 🌟 Table added a new less variable @table-expanded-row-bg. #9789
• 🐞 Fixed a less syntax error. #9832 @jojoLockLock
• 🐞 Fixed moment.locale invoking error in LocaleProvider. #9853
• 🐞 Fixed issue resulting in style of WeekPicker not works. #9848
• 🐞 Fixed type definition of Layout.Sider. #9885 @zachguo
• 💄 Improved style of Modal for long contents. #9592
• 🌟 Added new locale Slovenian.

3.3.3

2018-03-25

• Revert Upload file type change in previous version which causes breaking change.

3.3.2

2018-03-24

• 🐞 Carousel: Upgrade react-slick version to fix width calculation. #3659
• 💄 Rate: Adjust disabled style. #9747
• 💄 Modal: Adjust confirm-modal style to fix display issue when content use grid layout. #9374
• 💄 Menu: Adjust style to fix mouse trigger event region. #9666 @dgeibi
• 🐞 Upload: Fix type of file on beforeUpload function. #9775
• 🐞 Button: Fix two-chinese-words space not re-calculate when text changed. 4502ad8

3.3.1

2018-03-18

• 💄 Tweak danger button focus style.
• 🐞 Fix a show error when the value of enterButton is a button element. #9639
• 🐞 Fix missing key of column.title in Table .#9658 @terence55
• 🐞 Fix scroll: { x: true } not working if .ant-table-scroll table width is auto. #9704
• 🐞 Fix when the helper message disappears, the input box will shake. #8831
• 🐞 Fix isMoment call in TimePicker will report error in parcel. 85c78e4
• 🐞 Tweak Table border radius. #9674

3.3.0

2018-03-12

• 🌟 Add afterClose prop for Alert to achieve smooth unmount. #9448 @Hughen
• 🌟 Add validRange prop for Calendar to set the date range. 71f65a0 @Rohanhacker
• 🌟 Add defaultActiveTabKey prop for Card to initial TabPane's active key. 30fe88d @u3u
• DatePicker
  • 🌟 Add dropdownClassName prop to set the className of popup calendar. #7211
  • 🐞 Fix the error of resolving moment object. #9539
  • 🐞 Fix uncorrect import of turkish(tr_TR) locale file. #9373
• 🌟 Add orientation prop for Divider to set the alignment of text in divider. #9275 @jrvboesch
• 🌟 Add keyboard prop for Modal to set whether Modal could be closed by Esc key. #8818
• 🌟 Improve the TypeScript definition of event param in onChange prop for Radio and Checkbox. #9574
• Table
  • 🌟 Add position prop in pagination prop to set the position of pagination. #9357 @kanweiwei
  • 🌟 Add event param of onSelect prop in rowSelection prop. #9376 @kanweiwei
  • 🌟 Add columnWidth prop in rowSelection prop to set the column width of selection. #9474 @SimpleFrontend
  • 🐞 Fix border radius issue in Chrome for Table. af8e54f
• 🌟 Add pendingDot prop for Timeline to set icon of ghost node. #9546 @SimpleFrontend
• 🌟 Add inputReadOnly prop for TimePicker to set if it's read only. 4a69446 @JesperWe
• 🌟 Add dropdownClassName prop for TreeSelect. 69b154f 56e4ce0
• 🌟 Improve the preview for Upload when uploading the file of non-image format. #9621 @zswang
• 🐞 Fix successPercent prop that cannot decide the success status for Progress. #9382
• 🐞 Fix font size for Tabs. #9509
• 🐞 Fix that disabled parent node cannot spread for Tree and TreeSelect. #9539

3.2.3

2018-03-02

• 🐞 Fix props onPopupScroll ts define in Select. #9475 @twobin
• 🐞 Fix Table filter dropdown menu popup container. #9209
• 🐞 Fix Timeline head custom style error in chrome. #9429 @vthinkxie
• 🐞 Fix Select dropdown border. 82092c1
• 🐞 Fix compatibility with less 3. #7850
• 🐞 Fix DatePicker.WeekPicker year. #9463
• 🐞 Fix Button.Group align issue in chrome. #9457

3.2.2

2018-02-24

• 🌟 Add font-family variable for Pagination. #9351
• 🌟 Add font-weight variable for Badge. #9352
• 🐞 Fix table custom spin indicator. #9355
• 🐞 Fix Form.create. #9331
• 🐞 Revert typescript definition of column.dataIndex. #9393
• 🐞 Fix last menu item in Sider could be blocked by collapse trigger. #9398 @MJ111
• 🐞 Fix badge works wrong in dot mode. #9359 @khayalan-mathew

3.2.1

2018-02-11

• 🌟 Add icons of some famous products. c04377e5
• Mention
  • 🌟 multiLines mode will support autosize.
  • 🐞 Fix paste not working when placeholder is specified. #9215
• Table
  • 🐞 Fix padding of middle size table. #9319
  • 🐞 Fix border bug of small size table. #8980
  • 🐞 Fix overflow issue of sort icon interactive area. #8979
  • 🌟 Improve typescript definition of column.dataIndex. #9298 @clinyong
• Select
  • 🐞 Fix wrong scroll position when navigating active item with keyboard. #9276
  • 🐞 Fix arrow position in IE11.
• 🐞 Fix issue that file item showing uploading when Upload beforeUpload return false. #8020
• 🐞 Fix misplace of feedback icon of vertical layout Form. #9153
• 🐞 Fix loading style missing of empty childen Card. #9258
• 🐞 Fix background color of Avatar when image source is not existe. #9278 @andriijas
• 🐞 Fix RangePicker Cannot read property 'locale' of undefined error when select end date. #9267
• 🐞 Fix style problem when using disabled button with Tooltip inside ButtonGroup. #9296 #9296
• 🐞 Fix z-index of Dropdown's submenu. #9218

3.2.0

2018-02-04

• 🌟 Add new tabBarGutter prop to Tab to allow setting gutter between tabs. #8644 @lixiaoyang1992
• 🌟 Add new hasSider prop to Layout to avoid render error when server rendering. #8937
• 🌟 Add new successPercent to Progress to allow showing two phases. Demo
• 🌟 Add new iconType prop to Alert to allow settting icon type. #8811 @minwe
• 🌟 Add id prop to DatePicker. #8598 @mgrdevport
• 🌟 Add new forceRender prop to Collapse to allow rendering hide panel. #9192 #Pyroboomka @paulcmason
• RangePicker
  • 🌟 Improve ranges prop to allow passing function to it. #8281
  • 🐞 Fix issue resulting in can not input start date manually. #6999
  • 🐞 Fix issue resulting date panel being closed without animation when click on the preset range. #6364
  • 🐞 Fix issue resulting onOk is not being trigged, when click on the preset range. #7747
• Select
  • 🌟 Improve onChange、onDeselect, they will receive selected Option as second paramteter.
  • 🐞 Fix issue resulting in onSelect is not trigged when using automatic tokenization. #9094
  • 🐞 Fix the missing scrollbar in Chrome.
• 🌟 Improve Table's rowSelection[getCheckboxProps] prop, now the all the properties returned by getCheckboxProps will be passed to checkbox. #9054 @mgrdevport
• 🐞 Fix issue resulting in Calendar's mode not being allowed to be changed from outside. #9243 @mgrdevport
• 🐞 Fix issue resulting AutoComplete showing wrong border when showing validattion message.9f2b490
• 🐞 Fix issue resulting in DatePicker showing wrong time in the control mode. #8885
• 🐞 Fix issue resulting in TextArea showing wrong height in Edge. #9108 @cuyl
• 🐞 Fix issue resulting in Tabs showing wrong tab style when using type="card" combine with tabPosition="bottom". #9165 @ryanhoho
• 🌟 Add new Kurdish locale.

3.1.6

2018-01-28

• 🐞 Revert #9141 since it causes year and month can not be selected in DatePicker.

3.1.5

2018-01-27

• 🐞 Fix Select Options were disappeared when click the scrollbar in IE11. #7934 @tianlang89757
• 🐞 Fix Form getFieldDecorator referenced item will conflicted when using the same id. #9103 #7351
• 🐞 Fix RangePicker i18n issue which will shown the last language when change the language. #8970
• 🐞 Fix DatePicker shown wrong in the control mode. #8885
• 🐞 Fix Table shown emptyText when loading state. #9095 @sallen450
• 🐞 Add Icon file-word. #9092 #9061
• 🐞 Fix wrong font family. commit/506f97
• 📖 Add some TypeScript type definitions
  • Add duration for Notification. pull/9120 @duhongjun
  • Add style for Steps. pull/9126 @wanliyunyan
• 🌟 Optimize Avatar default background color. commit/275946
• 🌟 Add the less variable for Slider and Menu. pull/9065 pull/9115 @mrgeorgegray

3.1.4

2018-01-21

• 🐞 Fix ButtonGroup z-index issue. #9014
• 🐞 Fix Dropdown.Button can not be fully disabled. #8991 @sallen450
• 🐞 Fix Layout error responsive docs. #8995 @ReedSun
• 🐞 Fix List grid do not support xxl. #9019
• 🐞 Fix RangePicker can not cancel selected start date when the panel is closed. #8839
• 🐞 Fix Tabs error margin. commit/200d6c
• 🐞 Fix WeekPicker shows error weeks. #9021
• 🐞 Fix some TypeScript type definitions.
  • Add subMenuCloseDelay and subMenuOpenDelay for Menu. #8976 @Rohanhacker
  • Refactor DatePicker types. commit/0bb531
  • Fix Input maxLength type definitions. #9046 @Riokai
• 🌟 Add some new less variables.
  • About Checkbox and Radio: #9003 @mrgeorgegray
  • About Breadcrumb: #9022 @mrgeorgegray
• 🌟 Add aliyun icon.

3.1.3

2018-01-14

• 🐞 Fix error when passing null locale to LocaleProvider.

3.1.2

2018-01-13

• 🐞 Fix Button can not display 0. #8733 @Cuihongsen
• 🐞 Fix extra scrollbar in Table and List caused by Spin. #8799
• 🐞 Fix can not pass function to Table[emptyText]. #8871
• 🐞 Fix now working Dropdown[transitionName].
• 🐞 Fix issue resulting in font changes when enter number in Input.#8636
• 🐞 Fix issue resulting in wrong locale text when import multiple locale files. #8785
• 🐞 Fix locales in dist/antd-with-locales.js has a extra default key. #8881
• 🐞 Fix some TypeScript type definitions. 4cc29bc 693e734 67e956d ecd4177 33119ec 88e0c9b
• 🌟 Add some new less variables b9b5aba 5931b20 c9d7397
• 🌟 Optimize Chinese quotes displaying.

3.1.1

2018-01-08

• 📖 Published the new site and design guideline.
• 📖 Updated the guideline of real project with dva to roadhog 2.0. 5dcf1c0
• 📖 Published the new sketch resource of Ant Design 3.0. 22dfe88
• 🐞 Fix contextMenu event for trigger prop in the TypeScript definition of Dropdown. #8646 @cjahv
• 🐞 Fix HOC in Button not inserted space between chinese words.
• 🐞 Fix the style compatibility in IE 11 for List Component. #8784
• 🐞 Fix notFoundContent prop not working for Select Component. #8809
• 🐞 Fix the warning for BackTop Component in React 16. #8848
• 🐞 Fix unexpected scrollbar for List Component when setting gutter. #8799
• 🐞 Fix to support complete href link for Anchor.Link Component. #8808
• 🌟 Optimize the font family of Chinese quote. c6fcc31

3.1.0

2017-12-29

Happy 2018 !~ 2018 2018 2018 coming!~~~

• 🐞 Fix ant-spin-container overflow resizing for Spin component. #8602 @jhsu
• 🐞 Fix extra padding in Table small with fixed columns. #8724
• 🐞 Fix Checkbox.Group align issue in Form. #8739
• 🐞 Fix unexpected scrollbar in Affix. #8606
• 🐞 Fix List component "No Data" mixed with loading. #8647
• 🌟 Add onKeyUp TypeScript definition to Input component. #8705 @delesseps
• 🌟 Add showArrow for disabling arrow icon in collapse panel. #8536 @apieceofbart
• 🌟 Rate add allowClear for reset when click again. #8627
• 🌟 Add responsive for BackTop. #8719 @JetRunner
• 🌟 Add destroyOnClose to Modal component to support unmount child compenents on onClose. #8769 @Rohanhacker
• 🌟 Pagination add hideOnSinglePage for support hide it when only one page. #8615 @camsong
• 🌟 Support customize spin for List component.
• 👻 Support open official demo in CodeSandbox.

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 and SearchProps 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 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

We provide a migration tool 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

• 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.