Change Log

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.8.4#

    2018-08-27

    • 🐞 Fixed an issue where the Tag component would cause a line break after deleting the tag.

  • 3.8.3#

    2018-08-26

    • 📖 Rewrite the documentation of Customize Theme and provider instruction for major Less variables. 6fd5e9 53dd82

    • 🐞 Fix the zoom animation style for Badge. #11870

    • 🐞 Fix the abnormal width in IE and Edge for Cascader. #11857

    • 🐞 Fix the blurry style in Windows Chrome for Checkbox. #11797

    • 🐞 Fix that style prop is not effective for DatePicker.WeekPicker. #11738

    • 🐞 Fix the flash style for Drawer. #11813

    • 🐞 Fix the border style for compact Input.Group with prefix or suffix. #11863

    • Menu

      	- 🐞 Fix the gap style between SubMenu and that Menu disappears when hovering over the tap. [#11725](https://github.com/ant-design/ant-design/issues/11725)
	- 🐞 Fix the displayed error when ItemGroup wraps the first SubMenu and the Menu is collapsed. [a52370](https://github.com/ant-design/ant-design/commit/a523706625bd695f44401579d980089292089dda) [@ohhoney1](https://github.com/ohhoney1)

    • 🐞 Fix that overlong description is cut off for Steps. #11864

    • 🐞 Fix that the word maybe break in overlong title for Tooltip. #11722

    • 🐞 Fix that custom prop of TreeNode cannot be accepted for Tree. #11423

    • 🐞 Fix the effective area for Upload.Dragger. #11869

  • 3.8.2#

    2018-8-18

    • 🐞 Fixed Tag still visible when initially setting visible prop to false. #11757

    • 🐞 Fixed Modal text got selected when opened by double click. #11777

    • 🐞 Fixed style of Rate component while getting clicked. #11736

    • 🐞 Fixed style of Badge component when its children is display:block. #84119d8

    • Drawer

      • 🐞 Fixed Drawer not compatible with IE10 and IE9. #11583

      • 🐞 Fixed Drawer not being able to be scrolled vertically on mobile device. #11443

    • TypeScript

      • 🐞 Fixed selectable prop is missing in TreeNode props. #11604 @apieceofbart

      • 🐞 Fixed autosize prop is missing in Input props. #11697

  • 3.8.1#

    2018-08-12

    • 🐞 Fixed TimePicker unexpected long width. 80f8267

    • 🐞 Fixed Tabs that focusable element in inactive panel cause tabs disappear. #11261

    • 🐞 Fixed Badge offset x y axis order error. #11648 @tangjinzhou

    • Upload

      • 🐞 Fixed detete button missing in Upload. #10454

      • 🐞 Fixed Upload thumbnail which url has no extension. #11684 @elantion

    • 🐞 Fixed Anchor with affix=true doesn't work inside inner scrollable. #11688 @vitaliymaz

    • 🐞 Fixed card width in List.Grid. !11712

    • 🐞 Fixed Radio align problem in safari. 754a22c

    • 💄 Apply wave click animation to components Switch, Radio.Button and Tag. 9cf6ae6

    • TypeScript

    • 💄 Migrate to new lifecycle methods, include components TimePicker, Upload, CheckboxGroup, Layout.Sider, Tooltip, Popconfirm. #11666 @dancerphil #11682 @dancerphil

  • 3.8.0#

    2018-08-05

    Thanks to 24 contributors who send pull request to 3.8.0!

    • 💄 Support TypeScript 3 and improve lots of definitions.

    • 💄 Use tabular-nums font variant instead of monospaced numberic font family Tahoma. #11567 @tibdex

    • 🌟 Timeline support mode="left|right|alternate" now. #11490 @jrvboesch

    • 🌟 Button added block prop which allow to fit parent container. #11500 @ilanus

    • Tree

      • 💄 Better accessibility support.

      • 🐞 Fixed that some tree nodes disapear after dragged. #11492

      • 🐞 Fixed a vertical align style issue of draggable tree. #11458

    • Table

    • Avatar

    • 🌟 Card added headStyle prop. #11407 @emersonlaurentino

    • 🐞 Fixed that Tooltip not working with DatePicker. #11451 @yociduo

    • 🐞 Fixed that Tooltip not working with Input.Group. #11532 @yociduo

    • 🐞 Fixed that DatePicker time panel text jumping when hovering. #11460

    • 🐞 Fixed Tabs display issue when switch focus elements bettween panels. #11261

    • Select

      • 💄 Support data-* attributes.

      • 🐞 Fixed that selected item don't display correct position in dropdown menu items. #11268

    • 🌟 Calendar added onChange prop. #11476 @tangjinzhou

    • 🌟 Popconfirm added icon prop. #11191 @nuintun

    • Modal

      • 🌟 Added centered prop to set vertical center position of modal. #11537 @yoyo837

      • 🐞 Fixed that closing all modals when pressing ESC once, now they will be closed one by one. #11394 @yoyo837

      • 🐞 Fixed issue resulting title of Model.confirm shows scrollbar again. #11568 @cheshireoctopus

    • 🌟 Progress added strokeLinecap to customize shape of edge. #11547 @blatinier

    • 🌟 Drawer added className and deprecated wrapClassName. #11609 @fergiar

  • 3.7.3#

    2018-07-28

    • 🐞 Fix issue resulting in title not vertical align with icon when setting labelPlacement to vertical in Steps. #11426 @yoyo837

    • 🐞 Fix issue resulting in the children field specified in fieldName could not be read correctly in Cascader. #11311 @405go

    • TypeScript

  • 3.7.2#

    2018-07-25

    • DatePicker

      • 🐞 Fix issue resulting in year and month can not be changed in control mode. b9992f4

      • 🐞 Fix warning of getDerivedStateFromProp. #11398 @yoyo837

    • Drawer

      • 🐞 Fix close animation when setting destroyOnClose. #11307

      • 🐞 Fix display issue when using a vw value as width. #11326

      • 🐞 Fix wrapClassName now working.

    • 🐞 Fix text overflow of Tooltip. #11402 @weidapao

    • 🐞 Fix style issue of dark theme Menu in Layout.Header. #11400 @hongxuWei

    • 🐞 Fix the arrow buttons of InputNumber showing wrong positon in a fixed table. #11408

    • 🐞 Fix issue resulting in Select.Option shows wrong border radius in Select.OptGroup. 6cb6f5c

    • 🐞 Fix issue resulting in onChange was trigged twice when click the filter icon of Table. #11164 @adybionka

    • 🐞 Fix issue resulting title of Model.confirm shows scrollbar on Firefox. #11432

    • TypeScript

  • 3.7.1#

    2018-07-21

    • 🐞 Fix popup content can't display in Drawer component.#11304

    • 🐞 Card using tabList support disabled prop.#11212

    • 🐞 Fix Link of Anchor not sync when href update.#11287 @tangjinzhou

    • 🐞 Fix Menu component style.#11299

    • 🐞 Fix Drawer component don't have animation when destroyOnClose is set.#11307

    • 🐞 Fix DirectoryTree can't expand when expandedKeys is in control.#11366

    • 🐞 Fix Button with Tooltip under ButtonGroup style issue when Button is disabled.11321 @tangjinzhou

  • 3.7.0#

    3.7.0 is a heavy update that brings a lot of exciting changes and new features. Here are some highlights ✨:

    • 🌟 Add drawer component : Drawer. #10791

    • 🌟 Add Tree.DirectoryTree component as the built-in directory tree. #7749

    Component Fixes / Enhancements:

    • Upgrade rc-tree-select to 2.0.5 for TreeSelect, refactored to fix the logic of the check.

      • 🌟 Add autoClearSearchValue prop to clear the value of search input when multiple select is selected or deselected. 10996

      • 🌟 Add searchValue prop to set the value of search input. 6ff7dd8

      • 🌟 Add maxTagCount prop to set the max count of visible tags. fb96c9d

      • 🌟 Add maxTagPlaceholder prop to set the content when the tag is hidden. fb96c9d

      • 🌟 Search input now supports case sensitive search. #10990

      • 🗑 Remove label prop and use title prop instead in the treeData.

    • Upgrade rc-upload to 2.5.0 for Upload.

      • 🌟 Add directory prop to support folder uploading. #7315

      • 🌟 action prop supports to be the a function which returns a Promise object. fd96967

    • Dropdown

      • 🌟 Provide default margin for icon in the menu item. 8e60a59

      • 🌟 Be able to adjust the menu position for the trigger mode of contextMenu automatically. 16e4260

    • Upgrade rc-table to 6.2.2 for Table. f2fddff

      • 🌟 Add expanded as the fourth param of expandedRowRender prop to get the expanded state of current row. #10379

      • 🌟 Add the ability to override the filter menu without the fully controlled component. 59cc3a8 @chrvadala

      • 🌟 filterIcon prop supports to be a render function which returns ReactNode. 1af4392

      • 🐞 Fix the row dislocation problem when the column is fixed. #10392

    • 🌟 Allow to pass data-*, aria-* and role-* props to the inner for Alert. f0b684d

    • 🌟 Add alt prop for Avatar to set the text when the image is unable to display. #10798

    • 🌟 Allow to pass data-*, aria-* and role-* props to the inner Input for DatePicker. e63f9d4

    • 🌟 Add event object as the second param of onSearch prop for Input.Search. #11015

    • 🌟 Add onBreakPoint prop for Layout.Sider to be the callback function when breakpoint is triggered. #10750 @nuintun

    • 🌟 Add okButtonProps prop to set the props of ok button and add cancelButtonProps prop to set the props of cancal button for Modal. #10955 @djyde

    • 🌟 Add strokeColor prop to set the color of progress bar for Progress. #10725

    • 🌟 Add buttonStyle prop whose optional value is outline or solid to set the Radio.Group style. 60e3cfa

    • 🌟 Add setDefaultIndicator static function to set global indicator for Spin. #10787

    • 🌟 Add visible prop to set the visibility for Tag. 4ac0277

    • Upgrade rc-tree to 1.12.0 for Tree

      • 🌟 Add loadedKeys prop to set the loaded nodes, which usually works with loadData prop. #10666

      • 🌟 Add onLoad prop to be the callback function when all the nodes are loaded. c488aca

    • 🗑 Deprecate combobox value for Select[mode] and please replace it with AutoComplete. 53046a4

    • 🐞 Cascader adds fieldNames and discards the misspelled filedNames. #10896

    • 🐞 Fix Timeline dot not working with Tooltip. 0e3b67e

    • 🐞 Fix border radius when avatar has custom size. e1e6523

    • 🌟 Add okButtonDisabled and cancelButtonDisabled props to disable ok button and cancel button. #10955

  • 3.6.6#

    2018-07-07

    • 🐞 Fix the style of the selected day for DatePicker. #6146 #9529

    • 🐞 Fix the style of the selected day for DatePicker.RangePicker. 004561b

    • 🐞 Fix the alignment style wrapped by Form.Item for Cascader. #9827 #11133

    • 🐞 Fix the background style of the handler for InputNumber. 4aabc53

    • 🐞 Fix the header overflow in FireFox when the data is empty for Table. #11135

  • 3.6.5#

    2018-07-02

    • 🐞 Fixed wired Transfer repaint problem in IE or Edge. #9697

    • 🐞 Fixed Card background overflow when zoom in chrome. #9085

    • TypeScript

      • 🐞 Fixed Table incompatible type size. bf5b6ae1

      • 🐞 Fixed Select missing showArrow option in types. cde2a6b6

    • 🐞 Add custom local support in Pagination. babbbdd4

    • 🐞 Move max-width to ant-tooltip, so that it can be override by overlayStyle.maxWidth. e2b359e9

    • 🐞 Adjust Select mirror style to avoid to long string. #11035

  • 3.6.4#

    2018-06-23

    • 🐞 Fixed Steps theme @process-icon-color. #10973

    • 🐞 Fixed style of RangePicker with preset ranges. #10986

    • 🐞 Fixed Dropdown non-boolean attribute warning. #7798

    • TypeScript

      • 🌟 Add Tree prop className definition. #10950

      • 🌟 Add Tree prop selectable definition. 3fb478e

  • 3.6.3#

    2018-06-17

    • 🐞 Fixed that capitalized extension of Upload image url couldn't be recognaized. #10928 @sliwey

    • 🐞 Fixed missing border of InputNumber when browser is zoomed in. #10562

    • 🐞 Fixed that fixed element inside Spin cannot be fixed. #10196

    • 🐞 Fixed broken border style of small table. #9754

    • 🐞 Fixed missing className prop of Table's filterIcon. #10937

    • 🐞 Fixed that Affix offsetTop and offsetBottom cannot be updated. #10874

    • TypeScript

      • 🐞 Fixed TreeSelect TS2339 error. #10868

      • 🌟 Added Form arguments definitions of validateMessages and onFieldsChange.

      • 🌟 Improved Button prop definitions. #10877 @zheeeng

      • 🌟 Added backfill prop for AutoComplete. #10909 @zhanba

  • 3.6.2#

    2018-06-09

    • 🐞 Fix the wrong status of check all checkbox in Table when data change. #10629

    • 🐞 Fix border style of Button.Group.

    • 🐞 Fix file list being reversed when beforeUpload returns false in Upload component. #10681

    • 🐞 Fix overflow of cell content in Calendar. #10808 @Yangzhedi

    • 🐞 Fix the processing color of Badge not follows the primary-color.

    • Spin

      • 🐞 Fix custom icon does not follow the value of size. #10786

      • 🐞 Fix no delay issue when sets spinning to true as default.#10727 @dreamerblue

    • TypeScript

  • 3.6.0#

    2018-06-02

    • 🌟 Form's error message now can be customized with ReactNode. #10136 @lovekonakona

    • 🌟 List support customized configuration for position of pagination. #10581 @zheeeng

    • 🌟 Layout.Sider now can be configured with light or dark theme. #10142 @pd4d10

    • 🌟 Ant Design official site now supports offline mode. #10625

    • 🌟 Transfer adding style and operationStyle props for further customization. @eduludi

    • 🌟 Message adds a promisfied interface to handle callback. #10421 @zhujinxuan

    • 🐞 Fix compilation issue with typescript@v2.9.1 . #10729 @karol-majewski

    • 🐞 Fix a bug in Menu where outer menu item not highlighting while inner item is selected. #8666 @stonehank

    • 🐞 Affix offsetBottom not working. #10674

  • 3.5.4#

    2018-05-26

    • 🐞 Fix showSearch on Cascader not working.968488a2

    • 🐞 Badge[status] support Tooltip.#10626

    • 🐞 Fix text-align on parent element affects Spin.#10643 @wmzhong

    • 💄 Table break line style change from break-all to break-word.#10655 @clinyong

    • 🌟 When Search not define enterButton, click search icon will trigger onSearch. 36ffe7e1

  • 3.5.3#

    2018-05-20

    • 🐞 Fix Affix with offsetTop === 0, value becomes undefined problem #10566

    • 🐞 Fixed issue with shaded Input.Group component shadows#10230

    • 🐞 Fixed issue where the Transfer component checkbox event fired twice #10480

    • 💄 Unifying the name of the variable 12d3046

    • 💄 Fine-tuned the style of Dropdown 8e2f72f

    • 💄 The components of the Chinese document will now be demonstrated using Chinese language packages. 9b17a94

    • 💄 The main theme switch was changed to antd-theme-generato, thanks to the work of @mzohaibqc.

    • TypeScript

      • 🐞 Fixed an issue with the type of gutter attribute in Row b7d508e

      • 💄 Improved the Form component type #10564

      • 💄 Improved the Button and Tag types1ed9fed

  • 3.5.2#

    2018-05-13

    • 🐞 Fixed Table filter doesn't work when click checkbox. #10452

    • 🐞 Fixed Cascader displayRender z-index issue. #10433

    • 🐞 Fixed Button Types of property 'ref' are incompatible. #10405

    • 🐞 Fixed the height of Form item when checks position is dithered. #10445

    • 🌟 Allow to use any CSS units for Layout width. #10479

  • 3.5.1#

    2018-05-09

    • 🐞 Fixed broken style of Input.Group under Form. #10371

    • 🐞 Fixed overlay style of Select. #10383

    • 🐞 Remove focused style of Collapse.

    • 🐞 Remove unnecessary z-index of Input.Group and Checkbox. #9840 #10385

    • 🐞 Fixed that monospaced font family can't be bold.

    • Table

      • 💄 Rewrited the editable table demo. #10119

      • 🐞 Fixed that table column overlay each other. #9822

    • TypeScript

  • 3.5.0#

    2018-05-04

  • 3.4.5#

    2018-05-03

    • 🐞 Fix file object is empty and file name not showing in Upload. #10319

  • 3.4.4#

    2018-04-28

    • 🐞 Fix that Upload file inonChange({ file }) is not a File instance introduced in 3.4.2. #10293

    • 🐞 Fix style lose bug when use tree shaking in webpack@4. #10217 @whtsky

  • 3.4.3#

    2018-04-23

  • 3.4.2#

    2018-04-22

    • 💄 Deployed site by netlify to avoid blocking by GFW.

    • 🐞 Fix TypeScript definitions of Menu, Tooltip, Card, Anchor, Avatar, Form, Tabs, Transfer, Tree, AutoComplete and etc.

    • 💄 Added sideEffects to package.json for better Tree-Shaking. #10043 @Aladdin-ADD

    • List

    • 🐞 Fix wrong preview image of Upload list when file.url contains url params. #10102

    • 🐞 Fix Progress when percent is out of range. 0eb8357

    • Menu

      • 🐞 Fix arrow style of disabled SubMenu. #10113

      • 🐞 Fix that menu width is wrong when collapsedWidth is assigned as px string like 40px. #10140

    • 🐞 Fix that sometimes controlled input in Form cannot be edited. #9790

    • 🐞 Fix padding jumping issue of loading Card. #10052 @zheeeng

    • 🐞 Fix that Avatar's fallback text don't scale as the text avatar does. #10184

    • 🐞 Fix Table getCheckboxProps cannot be updated as expected. #10133

    • 🐞 Fix CheckboxGroup prefixCls prop not passed to Checkbox. #9950

  • 3.4.1#

    2018-04-08

    • 🐞 Fix TypeScript type error caused by code error of Badge. #9931

    • 💄 Improve clicking region of Card actions. #9882

    • 🐞 Fix Divider style issue when used with float elements. #9956

    • 🐞 Fix style issue of Form in advanced-search mode. #9907

    • 🐞 Add onHeaderRow TypeScript type definitions for Table. #9902 @Nokecy

    • 💄 Improve the customized-icon demo of Tree. #9893

    • 🐞 Fix image url display with non-image extention in Upload. #9936

  • 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

  • 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 some new less variables.

    • 🌟 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 TableemptyText. #8871

    • 🐞 Fix now working DropdowntransitionName.

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

  • 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

    • 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

    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.

Customize ThemeThird-Party Libraries