Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

v5 Task List

See original GitHub issue

ref #33862

Task List

🚨 Note: Volunteer will be removed if long time not update.

Preparation

New Design Token @zombieJ
- v5 Design Token @arvinxx
- Viewable Default Theme @zombieJ
CSSINJS @zombieJ
- SSR support @zombieJ
- Component: Button @zombieJ https://github.com/ant-design/ant-design/pull/33890
  - Full Token #34690
- Component: Affix @LongHaoo #34558
  - Full Token (no need)
- Component: Divider @LongHaoo #34364
  - Full Token #34713
- Component: Anchor @LongHaoo #35139
  - Full Token #35588
- Component: Icon @LongHaoo #35346
  - Full Token (no need)
- Component: BackTop @LongHaoo #34882
  - Full Token #35599
- Component: Empty @LongHaoo #34842
  - Full Token
- Component: Space @0x219 #35211
  - Full Token (no need)
- Component: Typography @afc163 https://github.com/ant-design/ant-design/pull/34372
  - Full Token #34713
- Component: Upload @afc163 🤖 https://github.com/ant-design/ant-design/pull/34528
  - Full Token #35617
- Component: Carousel @afc163 https://github.com/ant-design/ant-design/pull/34634
  - Full Token #35624
- Component: Table @afc163 #35584
  - Full Token #35888
- Component: Checkbox @zombieJ #34247
  - Full Token #34713
- Component: Select @zombieJ #34339
  - Full Token #34713
- Component: Tree @zombieJ #34258
  - Full Token #34713
- Component: TreeSelect @zombieJ #34383
  - Full Token #34713
- Component: Layout @zpc7 #35102
  - Full Token #35628
- Component: Menu @heiyu4585 #34958
  - Full Token #35650
- Component: Dropdown @zombieJ #35214
- Component: AutoComplete @zombieJ #34339
  - Full Token #34713
- Component: Cascader @zombieJ #34374
  - Full Token #34766
- Component: Slider @zombieJ #34489
  - Full Token #34766
- Component: Input @MadCcc https://github.com/ant-design/ant-design/pull/34288
  - Full Token #34766
- Component: TextArea @MadCcc https://github.com/ant-design/ant-design/pull/34484
  - Full Token #34766
- Component: InputNumber @MadCcc https://github.com/ant-design/ant-design/pull/34384
  - Full Token #34766
- Component: DatePicker @MadCcc https://github.com/ant-design/ant-design/pull/35037
  - Full Token #35615
- Component: TimePicker @MadCcc https://github.com/ant-design/ant-design/pull/35037
  - Full Token #35615
- Component: Mentions @MadCcc #34536
  - Full Token #34766
- Component: Form @MadCcc #34679
- Component: Alert @xrkffgg https://github.com/ant-design/ant-design/pull/34285
  - Full Token #35702
- Component: Popover @xrkffgg https://github.com/ant-design/ant-design/pull/34607
  - Full Token #35712
- Component: Avatar @xrkffgg https://github.com/ant-design/ant-design/pull/34737
  - Full Token #35764
- Component: Collapse @xrkffgg https://github.com/ant-design/ant-design/pull/35066
  - Full Token #35789
- Component: Tag @vagusX https://github.com/ant-design/ant-design/pull/34422
  - Full Token #35830
- Component: Result @vagusX https://github.com/ant-design/ant-design/pull/34317
  - Full Token #35834
- Component: Radio @vagusX https://github.com/ant-design/ant-design/pull/34740
  - Full Token #35838
- Component: Segmented @vagusX #34319 #35134
  - Full Token #35845
- Component: Badge @iamkun https://github.com/ant-design/ant-design/pull/34386
  - Full Token #35858
- Component: Statistic @iamkun https://github.com/ant-design/ant-design/pull/34514
  - Full Token #35877
- Component: Transfer @miracles1919 #35508
  - Full Token #35882
- Component: Tooltip @zpc7 #35340
  - Full Token #35896
- Component: Tabs @miracles1919 #34811
  - Full Token #35891
- Component: Rate @PeachScript #34373
  - Full Token #35886
- Component: Switch @PeachScript #34517
  - Full Token #35873
- Component: Pagination @PeachScript #34661
  - Full Token #35872
- Component: Breadcrumb @PeachScript 🤖 #35125
  - Full Token #35868
- Component: Skeleton @heiyu4585 #34698
  - Full Token #35866
- Component: Steps @zpc7 #35058
  - Full Token #35841
- Component: Grid 🚀 @JiquanWang99 #34573
  - Full Token #35847
- Component: Spin 🚀 @jrr997 #34653 https://github.com/ant-design/ant-design/issues/34087#issuecomment-1066523999
  - Full Token #35746
- Component: Progress @shuaijiumei #34692
  - Full Token #35745
- Component: Descriptions 🚀 @Dunqing #34786
  - Full Token #35697
- Component: Timeline @LuZhenJie1999 #34980
  - Full Token #35686
- Component: Message @TrickyPi #35565
  - Full Token #35741
- Component: Notification @zpc7 #35559
  - Full Token #35656
- Component: Popconfirm #35683
  - Full Token perfectly done 🚀
- Component: Calendar @Dunqing #34835
  - Full Token #35615
- Component: Drawer 🚀 @heiyu4585 #34656
  - Full Token #35596
- Component: List @heiyu4585 #34739
  - Full Token #35571
- Component: Modal @foryuki #35260
  - Full Token #35477
- Component: Image 🚀 @heiyu4585 #34630
  - Full Token #35465
- Component: Card @miracles1919 #35008
  - Full Token #35514

Validation Version (Alpha)

This version used for validation which is not aim to work on production. And not promise api will be the same as major version.

Production warning #36194
- Issue update
v4 Theme validation
- Light Theme
- Dark Theme
RM less file
Third part cssinjs extension (ProComponents)(useToken only)
Theme Previewer seed support
Dumi ConfigProvider injection

Available Version

Theme
- Default Theme Algorithm @arvinxx
- Dark Theme Algorithm @arvinxx
- Compact Theme Algorithm @arvinxx
- V4 Theme @MadCcc
ProComponent use v5 token @chenshuai2144
- One sample component @MadCcc
Refactor @zombieJ
- Popup related component provide unique panel component
  - API design @arvinxx
  - Modal #36012
  - Drawer
  - Popconfirm @caoj1993
  - Notification @zombieJ #35948
  - Message @zombieJ
- Move all className on the top of DOM (e.g. Image) @MadCcc
day.js replacement @iamkun https://github.com/ant-design/ant-design/pull/34057
- Document Update @iamkun #35935
Control component trade null as empty value #34437 @shezhangzhang
Component cutoff
- Remove Strcutrue Syntactic Sugar
  - TreeSelect @heiyu4585 #37622
  - select @heiyu4585 #37601
  - Tree @heiyu4585 #37626
  - AutoComplete @heiyu4585 #37592
  - Cascader
  - Dropdown
  - Menu
  - Mentions @heiyu4585 #38630
  - Table
- Refactor Picker generator to Function component @heiyu4585 #35425
- Table colums.render only support returning ReactNode
- Replace all dropdownClassName with popupClassName @heiyu4585 https://github.com/ant-design/ant-design/issues/37326
Compatible package @vagusX
Alpha app test @@iamkun
Move to ProComponent: @chenshuai2144
- PageHeader @chenshuai2144
- Comment @chenshuai2144
- compatible package
Remove antd/lib/xxx, ESM only
- Remove babel-plugin-import warning You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size.
DatePicker support sidebar https://github.com/ant-design/ant-design/issues/36860
New Component
- WaterMark
- Tour https://github.com/ant-design/ant-design/pull/37867
- QrCode
- Floating Button https://github.com/ant-design/ant-design/issues/12738

Release

Compatible Package
- v4 theme
  - dark
  - default
- less file @zombieJ
Codemod
Theme: default, dark, compact
Site Related
- Official Site @zombieJ @MadCcc @li-jia-nan
- PreRender @PeachScript
- Link 404 @PeachScript
- Changelog @MadCcc
- Migrate guid @MadCcc
- 4x Site @MadCcc
- Home page recommend with v5 blog ref
Remove css variables & less file
Theme Editor @MadCcc
dayjs 替换 moment
Blog: v5 release
- Chinese blog release
- English blog release
Package publish

After Release

V5 Blog
- Components level css-in-js
New components
- Tour
- Progress
- Circle
- DatePicker
- FloatButton
- Steps
- WaterMark
- QRCode
- ColorPicker
Close v4 PR

Both Benefit

Convert Testing Lib @li-jia-nan #37229
- ConfigProvider @li-jia-nan #37142
- _util/tests @li-jia-nan #37155
- Component: Button @Carrotzpc #35869
- Component: Affix @zggmd #35860
- Component: Divider @jrr997 #35326
- Component: Anchor @linqiqi077 #35371
- Component: Icon
- Component: BackTop @foryuki #35909
- Component: Empty @lalalazero #35289
- Component: Space @jrr997 #35372
- Component: Typography @yykoypj #35955
- Component: Upload @yykoypj #36024
- Component: Carousel @yykoypj #35926
- Component: Table @poyiding #35925 #35989
- Component: Checkbox @TrickyPi #35354
- Component: Select @heiyu4585 #35633
- Component: Tree @dancerphil #35674
- Component: TreeSelect @li-jia-nan #37190
- Component: Layout #36323
- Component: Menu @poyiding #37046
- Component: Dropdown @foryuki #37003
- Component: AutoComplete @foryuki #35900
- Component: Popover @li-jia-nan #36997
- Component: DatePicker @li-jia-nan #37115
- Component: TimePicker @li-jia-nan #37055
- Component: Mentions @li-jia-nan #36998
- Component: Cascader @poyiding #36475
- Component: Slider @0x219 #36888
- Component: Input @zhengshuai1001 #35754
- Component: TextArea
- Component: InputNumber @heiyu4585 #36080
- Component: Alert @Shezhangzhang #35736
- Component: Avatar @yykoypj #35791
- Component: Collapse @foryuki #36227
- Component: Tag @vagusX #35783
- Component: Result @vagusX #35621
- Component: Radio @cwjTerrace #36664
- Component: Segmented @vagusX #35538
- Component: Badge @foryuki #36033
- Component: Statistic @foryuki #36019 #36034
- Component: Tooltip @zpc7 #35396
- Component: Tabs #35796
- Component: Rate
- Component: Switch @foryuki #36326
- Component: Pagination #36178
- Component: Breadcrumb #36276
- Component: Skeleton @foryuki #36856
- Component: Steps @heiyu4585 #37042
- Component: Grid @foryuki #37057
- Component: Spin @foryuki #36317
- Component: Progress
- Component: Descriptions @li-jia-nan #36970
- Component: Timeline @jrr997 #35654
- Component: Message @0x219 #36923
- Component: Notification @0x219 #36924
- Component: Drawer @yykoypj #35839
- Component: List @yykoypj #35850
- Component: Modal @foryuki #35785
- Component: Image @yykoypj #35806
- Component: Card @LongHaoo #35751
- Component: Affix @RexSkz #37299
- Component: Avatar @li-jia-nan #37266
- Component: menu @li-jia-nan #37274
- Component: message @li-jia-nan #37256
- Component: notification @li-jia-nan #37253
- Component: Tag @vagusX #35783
- Component: Transfer @LiHaoGit #37029
- Component: PageHeader @li-jia-nan #37218
- demoTest function @heiyu4585 @zombieJ #37381
- focusTest function @heiyu4585 #37280
- rtlTest function @li-jia-nan #37315
- Component: Calendar @lzm0x219 #37704
- Component: form @li-jia-nan #37727
- Component: Popconfirm @lzm0x219 #37703
- setup.js @li-jia-nan #37854
React 18 Support
- Base test case support #34787
- Site support StrictMode #34895
- Concurrent support

Join Ding group to contribute

🚨 为确保加入同学对开源社区有参与兴趣，加入请贴上一则在 ant-design 或 react-component 上贡献的 PR 地址。反之，入群申请会被拒绝。

🚨 In order to ensure that students who join are interested in participating in the open source community, please post a post in ant-design or react-component contributed PR address. Otherwise, the application to join the group will be rejected.