Skip to content

Upgrading antd 0.12 to 1

Breaking0.12.17 → 1.11.6Breaking14Deprecated3New55Changed39Fixed131Other11

BreakingUpgrade verdict

14 breaking changes.

  • Table stops adding an extra sorting field to your data rows.
  • The old form validation component is gone; use the separate package instead.
  • Breadcrumb items no longer take a link property; put a link inside the item yourself.
  • Modals no longer accept an align setting; use style for positioning.
Top 5 of 17 that need code or config changes

Adds object.omit ^2.0.0, rc-rate ~1.1.2, react-addons-pure-render-mixin ^15.0.0, shallowequal ^0.2.2.

Drops object-assign, rc-form-validation, rc-trigger, velocity-animate.

Installs 85 packages in all (was 72).

Breaking14
Table no longer adds indexForSort to the data.
TableindexForSort
Removes the Validation component deprecated in 0.12; use rc-form-validation instead.
Validationrc-form-validation
Removes the href property from Breadcrumb.Item; wrap clickable content in an a tag instead.
Breadcrumb.Itemhref
Removes the align property from Modal; use style to adjust position instead.
Modalalignstyle
Renames the iconClassName option of Modal.confirm and similar methods to iconType.
Modal.confirmiconClassNameiconType
Removes the label argument from Select onChange and adds the labelInValue property.
SelectonChangelabellabelInValue
Alert type warn is renamed to warning.
Alerttypewarnwarning
Steps refactors its layout for flexible responsive layout and performance, and removes the maxDescriptionWidth property.
StepsmaxDescriptionWidth
Full style imports move to antd/dist/antd.css and antd/dist/antd.less; on-demand loading is recommended.
antd/dist/antd.cssantd/dist/antd.less
Progress.Line usage changes to <Progress /> or <Progress type="line" />.
Progress.LineProgress
Progress.Circle usage changes to <Progress type="circle" />.
Progress.CircleProgress
Spin's spining prop is corrected to spinning.
Spinspiningspinning
notification.warn and message.warn become notification.warning and message.warning.
notification.warnmessage.warnnotification.warningmessage.warning
Tree's onExpand signature changes to function(expandedKeys, {expanded, node}).
TreeonExpand
Deprecated3
Deprecates QueueAnim; import rc-queue-anim instead.
QueueAnimrc-queue-anim
Renames the Affix offset property to offsetTop, with a console warning.
AffixoffsetoffsetTop
Renames the Popover overlay property to content, with a console warning.
Popoveroverlaycontent