Ant Design 4.0.0-rc.0 release, enterprise-class UI design language

Ant Design 4.0.0-rc.0 released. Ant Design Ali is a set of enterprise-class open source UI design language and React to achieve, using TypeScript constructed to provide a complete type definition file, extract comes from a background in enterprise-class product interaction language and visual style, out of the box React high quality components and design tools to develop and link the whole system.

This updated version:

New features and improvements

• antd package size optimization, js gzipped to 532.75KB decreased from 289.89 KB. # 20356
• New dark theme support. # 20281
• ConfigProvider support  direction international settings  rtl. # 19380
• The new Form components. # 17327
  • Form component comes with data binding.
  • Field value changes only affect the rendering of related components rather than the entire Form.
  • Add  initialValues to initialize the field instead of the original field.
  • New  validateMessages to support the modified checkerboard pattern.
  • Add  onFinish to  onFinishFailed complete the overall assembly validation logic.
  • New  onFieldsChange and  onValuesChange for state-controlled trigger.
  • Provide  useForm hook support.
  • Form.Item new  name properties for data binding.
  • Form.Item  validateTrigger will only trigger without checking the collection field values at the same time.
  • Form.Item new  rules attributes for data verification.
  • Form.Item new  shouldUpdate properties to support render props.
  • Form.Item new  dependencies attribute update logic to simplify the relevant fields.
  • Form.Item new  noStyle property and adding no style data binding.
  • Add Form.List CRUD simplified assembly operations.
  • New Form.Provider components to support multi-table linkage.
• The new Table component. # 19678
  • Adding  summary support summary line.
  • Now  fixedColumn, expandable, scroll can be mixed.
  • Support for multi-column sort.
  • Support for custom  body and add a virtual scroll example.
  • Css used  sticky to achieve an anchor effect to optimize performance.
  • Optimization of  expand animation.
• The new DatePicker, TimePicker and Calendar components. # 20023
  • Support custom date library.
  • Adding  picker support setting selector (no longer needed by the controlled  mode analog selector).
  • Full range selector support: time, date, week, month, year.
  • Range selector may now be individually selected start and end times.
  • Range selector may be provided separately start and end time  disabled.
  • Range selector may allow the start and end time is empty.
  • Optimized keyboard support.
• Remove Icon, use  @ant-design/icons instead. # 18217
• Skeleton
  • Support Skeleton.Avatar mass components. 19898 #  @ Rustin-Liu
  • Support Skeleton.Button mass components. 19699 #  @ Rustin-Liu
  • Support Skeleton.Input mass components. 20264 #  @ Rustin-Liu
• Tree supports virtual scrolling. # 18172
• Tree enhanced accessibility support, and keyboard interaction. # 18866
• Select Use Virtual Scrolling to support and enhance the accessibility and keyboard interaction. # 18658
• TreeSelect use the virtual keyboard to scroll and optimization support. # 19040
• Button added  danger of  default and  link style. # 19837
• Form and ConfigProvider support  size is provided comprising a component size. # 20570
• Typography increase  suffix property. # 20224
• Progress increased  steps subcomponents. # 19613
• TextArea support  onResize. # 20408
• New Alert.ErrorBoundary error interception for a friendly and prompt. # 19923
• Upload support iconRender to customize the icon. 20034 #  @ qq645381995
• Tag default state color component. # 19399
• Grid use  flex layout. # 16635
• Repair Carousel component  dotposition is  left | right displayed wrong. 20645 #  @xrkffgg
• Alert component to fix the problem text overflow. # 20318
• Remove dead API warnings. # 17510
• V3 icon using the string as Avatar, Button, Modal.method Result assembly and increase warning. # 20226
• Add  @border-color-split-popover, @input-icon-hover-color, @select-clear-background, @cascader-menu-border-color-split, @modal-header-border-color-split, @skeleton-to-color, @transfer-item-hover-bg and other less variable. # 20070

In addition, the migration from v3 to v4 can refer to the migration documentation for details View update:

https://github.com/ant-design/ant-design/releases/tag/4.0.0-rc.0