Ant Design v6 tasks #52115
Description
- Discussion from [RFC] Planning about v6 #51919
- Preparation
- Create next branch
- React support version bump to 18
- CI 16, 17, 18 Test Case change to 18, 19 @zombieJ
-
rc-utilremove all the.jssuffix file @li-jia-nan -
rc-util/refsupport React 19 chore: support Ref check update react-component/util#594 -
rc-utilReactRenderremove React 17 support refactor: rm legacy code react-component/util#617 - Latest nextjs version example update @li-jia-nan
- Pre compile with react compiler
- Use ES classes, remove these babel plugins: https://github.com/ant-design/antd-tools/blob/9dcecb4b5f7edd839e425645863aa7b403705cb9/src/getBabelCommonConfig.ts#L25-L26 @Wxh16144
- Raise build target to reduce bundle size @zombieJ refactor: Update build tools #53390
- Remove findDOMNode & Update Ref
- Remove
findDOMNode:- Remove
findDOMNodefromrc-util/React/findDOMNode@Zyf665 remove React.findDOMNode react-component/util#611 - Remove
findDOMNodefromrc-resize-observer@Zyf665 feat: Remove findDOMNode react-component/resize-observer#216 -
Remove(check and no need) @GDobbyfindDOMNodefromrc-trigger - Remove
findDOMNodefromrc-virtual-list@CoderSerio feat: remove findDomNode react-component/virtual-list#295 - Remove
findDOMNodefromrc-mutation-observerRemove findDOMNode from rc-mutate-observer react-component/mutate-observer#14 - Remove
findDOMNodefromrc-css-motionfeat: Remove findDOMNode from rc-css-motion react-component/motion#59
- Remove
- Update
ref- Keep
forwardRefas fallback to compatible with React 18. This may do nothing currently
- Keep
- Tag remove margin @li-jia-nan
- Remove
- css variables only
- @ant-design/cssinjs provide pure css variable mode
- Change theme should not re-render sub component
- Remove style compatible code & docs
- Remove React ≤ 18 version compatible code
- Remove dynamic style code and provide css variables code only
- Update
@ant-design/cssinjs-util - Remove antd ConfigProvider
cssvarconfig. @Roxannej - zero runtime ability
- @ant-design/cssinjs provide pure css variable mode
- Retire v4 deprecated API
- Check
dist/antd.jsfor listing thewarningmethod listing. - Remove Icon file chore: [v6] rm legacy Icon component #52241
- Remove BackTop file chore: [v6] rm legacy BackTop component #52206
- rc component warning fixing & update antd code @aojunhao123
-
@ant-design/compatiblefor v6 - Remove Dropdown.Button demo & API @meet-student chore: [v6] rm Dropdown.Button #53793 feat(Dropdown.Button): deprecated in favor of Space.Compact + Dropdown + Button #53262
- antd deprecated API @kiner-tang
- antd warning fixing
- Remove doc from antd site
- Remove test case from antd code
Components: - auto-complete feat: [V6] Retire deprecated api for AutoComplete #52198
- breadcrumb feat: [v6] Retire deprecated api for bredcrumb #52202
- cascader feat: [v6] Retire deprecated api for cascader #52203
- collapse feat: [v6] Retire deprecated api for collapse #52204
- config-provider
- date-picker feat: [v6] Retire deprecated api for date-picker #52232
- drawer feat: [v6] Retire deprecated api for drawer #52233
- dropdown feat: [v6] Retire deprecated api for dropdown #52234
- form feat: [v6] Retire deprecated api for form #52235
- modal feat: [v6] Retire deprecated api for modal #52237
- popconfirm feat: [V6] Retire deprecated api for tooltip/popover/popconfirm #52457 @thinkasany
- progress feat: [v6] Retire deprecated api for progress #52244
- select feat: [v6] Retire deprecated api for select #52368
- slider feat: [v6] Retire deprecated api for slider #52369
- table feat: [v6] Retire deprecated api for table #52460
- tag feat: [v6] Tag support disabled and href #52229 @aojunhao123
- time-picker
- tooltip feat: [V6] Retire deprecated api for tooltip/popover/popconfirm #52457 @thinkasany
- tree
- tree-select feat: [v6] Retire deprecated api for tree-select #52471
- typography feat: [v6] Retire deprecated api for typography #52472
- upload feat: [V6] Retire deprecated api upload #52476
- Check
- Mobile UX improvement
- Refactor
rc-triggerto support mobile style switch - Listing component with popup for update
-
rc-pickeradd mobile vision
- Refactor
- Completely drop the dependency on
@ctrl/tinycolor- Replace
@ctrl/tinycolorto@ant-design/fast-color@aojunhao123
- Replace
- Features
- Masonry @OysterD3
- Grid support media query @985563349
- Replace Result default image to reduce bundle size
- Carousel dot show duration Carousel dot show duration #46876
- Remove copy-to-clipboard chore: [v6] Remove copy-to-clipboard #54448
- Semantic DOM & Design [RFC] Semantic DOM Structure with classNames or styles #51885
- All
dropdownrename topopup@aojunhao123 - Semantic DOM Update @thinkasany
- Affix @thinkasany feat(Affix): support
classNamesandstylesfor component and ConfigProvider #52745 - Alert @thinkasany feat(Alert): support
classNamesandstylesfor component and ConfigProvider #52669 - Anchor @thinkasany feat(Anchor): support
classNamesandstylesfor component and ConfigProvider #52866
- App @thinkasany
- AutoComplete @thinkasany feat(AutoComplete): support
classNamesandstylesfor component and ConfigProvider #53150 - Avatar @thinkasany refactor: hooks of context for avatar #52807
BackTop - Badge @thinkasany feat(Badge.Ribbon): support ConfigProvider #52303
- Breadcrumb @thinkasany feat(Breadcrumb): support
classNamesandstylesfor component and ConfigProvider #52859 - Button @thinkasany @liangchaofei feat(Button): support
classNamesandstylesfor component and ConfigProvider #53055 - Calendar @thinkasany feat(Calendar): support
classNamesandstylesfor component and ConfigProvider #53159 - Card @thinkasany feat: configProvider support Card.Meta #52214
- Carousel @zombieJ
- Cascader @thinkasany feat(Cascader): support
classNamesandstylesfor component and ConfigProvider #53694 - Checkbox @thinkasany feat(Checkbox): support
classNamesandstylesfor component and ConfigProvider #52781
- Col @thinkasany
- Collapse @thinkasany feat(Collapse): support
classNamesandstylesfor component and ConfigProvider #52258 - ColorPicker @thinkasany feat(ColorPicker): support
classNamesandstylesfor component and ConfigProvider #53303 - DatePicker @thinkasany feat(TimePicker, DatePicker): support
classNamesandstylesfor components and ConfigProvider #53489 - Descriptions @thinkasany feat: ConfigProvider support
classNamesandstylesfor Descriptions #52120 - Divider @thinkasany feat(Divider): support
classNamesandstylesfor component and ConfigProvider #53890 - Drawer @thinkasany feat: improve Semantic for Drawer #52247
- Dropdown @thinkasany feat(Dropdown): support
classNamesandstylesfor component and ConfigProvider #53272 - Empty @thinkasany feat: ConfigProvider support classNames and styles for Empty #52208
- Flex @thinkasany
- FloatButton @thinkasany @zombieJ feat(FloatButton): support semantic structure and support ConfigProvider to pass related props #54145
- Form @thinkasany feat(Form): support
classNamesandstylesfor component and ConfigProvider #53226 - Image @thinkasany feat(Image): support
classNamesandstylesfor component and ConfigProvider #53028 - Input @thinkasany @aojunhao123 feat(Input): support semantic DOM #53958
- InputNumber @thinkasany feat(InputNumber): support
classNamesandstylesfor component and ConfigProvider #53698
- Layout @thinkasany
- List @thinkasany @zombieJ feat: ConfigProvider support classnames and styles for list #52908
- Mentions @thinkasany feat(Mentions): support
classNamesandstylesfor component and ConfigProvider #52961 - Menu @thinkasany feat(Menu): support
classNamesandstylesfor component and ConfigProvider #53324 - Modal @thinkasany feat(Modal): support
classNamesandstylesfor component and ConfigProvider #52340 - Pagination @thinkasany feat(Pagination): support
classNamesandstylesfor component and ConfigProvider #52893 - Popconfirm @thinkasany feat: ConfigProvider support popconfirm #52126
- Popover @thinkasany feat: ConfigProvider support popover #52110
- Progress @thinkasany @zombieJ feat(Progress): support
classNamesandstylesfor component and ConfigProvider #53535 - QRCode @thinkasany feat(QRCode): support ConfigProvider #52172
- Radio @thinkasany feat(Radio): support
classNamesandstylesfor component and ConfigProvider #52780 - Rate @thinkasany refactor: context hook of rate #52883
- Result @thinkasany feat(Result): support
classNamesandstylesfor component and ConfigProvider #52171
- Row @thinkasany
- Segmented @thinkasany feat(Segmented): support
classNamesandstylesfor component and ConfigProvider #52376 - Select @thinkasany feat(Select): support
classNamesandstylesfor component and ConfigProvider #52948 - Skeleton @coding-ice feat(Skeleton): support
classNamesandstyles#52470 - Slider @thinkasany feat: ConfigProvider support classNames and styles for slider #52185
- Space @thinkasany feat: ConfigProvider support root for Space #52248
- Spin @thinkasany feat(Spin): support
classNamesandstylesfor component and ConfigProvider #52823 - Splitter @thinkasany @wanpan11 feat(Splitter): support
classNamesandstyles#53225- Splitter custom dragger icon @wanpan11
- Statistic @thinkasany feat(Statistic): support
classNamesandstylesfor component and ConfigProvider #52141 - Steps @thinkasany @zombieJ feat(Steps): support
classNamesandstylesfor component and ConfigProvider #53789 - Switch @thinkasany feat(Switch): support
classNamesandstylesfor component and ConfigProvider #52849 - Table @thinkasany feat(Table): support
classNamesandstylesfor component and ConfigProvider #53659 - Tabs @thinkasany feat(Tabs): support
classNamesandstylesfor component and ConfigProvider #52895 - Tag @thinkasany feat(Tag): support
classNamesandstylesfor component and ConfigProvider #52764 - TimePicker @thinkasany feat(TimePicker, DatePicker): support
classNamesandstylesfor components and ConfigProvider #53489 - Timeline @thinkasany feat(Timeline): support
classNamesandstylesfor component and ConfigProvider #52976 - Tooltip @thinkasany feat: ConfigProvider support tooltip #51872
- Tour @thinkasany feat(Tour): support ConfigProvider #52250
- Transfer @zombieJ feat(Transfer): support
classNamesandstylesfor component and ConfigProvider #53429 - Tree @thinkasany feat(Tree): support
classNamesandstylesfor component and ConfigProvider #53174 - TreeSelect @thinkasany feat(TreeSelect): support
classNamesandstylesfor component and ConfigProvider #53229
- Typography @thinkasany
- Upload @thinkasany feat(Upload): support
classNamesandstylesfor component and ConfigProvider #52972 - Watermark @thinkasany feat(Watermark): support
classNamesandstylesfor component and ConfigProvider #52811 - message @thinkasany feat(Message): support
classNamesandstylesfor component and ConfigProvider #52793 - notification @thinkasany feat(Notification): support
classNamesandstylesfor component and ConfigProvider #52759
- Affix @thinkasany feat(Affix): support
- All
- antd-migration-helper (v5 => v6)
- 首页做个设计小改版，大版本发布最好还是有点变化比较好
- Before release
- All semantic structure
- variant same style (solid, filled, outlined, borderless)
- classNames.root should only affect on the single element not same as
rootClassName