Skip to content

Commit 3c297da

Browse files
zombieJclaude
zombieJ
and
claude
authored
fix(List): legacy List design token not pass to content (ant-design#56913)
* chore: upgrade @ant-design/cssinjs deps Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * chore: init * style: apply linter formatting Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * docs(list): update docs and add spin-debug demo Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * test: update snapshots for List CSS var injection fix --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 01e78e5 commit 3c297da

19 files changed

Lines changed: 231 additions & 59 deletions

File tree

‎components/config-provider/__tests__/__snapshots__/components.test.tsx.snap‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -16614,7 +16614,7 @@ exports[`ConfigProvider components List configProvider 1`] = `
1661416614
class="config-spin-container"
1661516615
>
1661616616
<ul
16617-
class="config-list-items"
16617+
class="config-list-items config-list-container css-var-root"
1661816618
>
1661916619
<li
1662016620
class="config-list-item"
@@ -16668,7 +16668,7 @@ exports[`ConfigProvider components List configProvider componentDisabled 1`] = `
1666816668
class="config-spin-container"
1666916669
>
1667016670
<ul
16671-
class="config-list-items"
16671+
class="config-list-items config-list-container css-var-root"
1667216672
>
1667316673
<li
1667416674
class="config-list-item"
@@ -16722,7 +16722,7 @@ exports[`ConfigProvider components List configProvider componentSize large 1`] =
1672216722
class="config-spin-container"
1672316723
>
1672416724
<ul
16725-
class="config-list-items"
16725+
class="config-list-items config-list-container css-var-root"
1672616726
>
1672716727
<li
1672816728
class="config-list-item"
@@ -16776,7 +16776,7 @@ exports[`ConfigProvider components List configProvider componentSize middle 1`]
1677616776
class="config-spin-container"
1677716777
>
1677816778
<ul
16779-
class="config-list-items"
16779+
class="config-list-items config-list-container css-var-root"
1678016780
>
1678116781
<li
1678216782
class="config-list-item"
@@ -16830,7 +16830,7 @@ exports[`ConfigProvider components List configProvider componentSize small 1`] =
1683016830
class="config-spin-container"
1683116831
>
1683216832
<ul
16833-
class="config-list-items"
16833+
class="config-list-items config-list-container css-var-root"
1683416834
>
1683516835
<li
1683616836
class="config-list-item"
@@ -16884,7 +16884,7 @@ exports[`ConfigProvider components List normal 1`] = `
1688416884
class="ant-spin-container"
1688516885
>
1688616886
<ul
16887-
class="ant-list-items"
16887+
class="ant-list-items ant-list-container css-var-root"
1688816888
>
1688916889
<li
1689016890
class="ant-list-item"
@@ -16938,7 +16938,7 @@ exports[`ConfigProvider components List prefixCls 1`] = `
1693816938
class="ant-spin-container"
1693916939
>
1694016940
<ul
16941-
class="prefix-List-items"
16941+
class="prefix-List-items prefix-List-container css-var-root"
1694216942
>
1694316943
<li
1694416944
class="prefix-List-item"

‎components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4643,7 +4643,7 @@ Array [
46434643
class="ant-spin-container"
46444644
>
46454645
<ul
4646-
class="ant-list-items"
4646+
class="ant-list-items ant-list-container css-var-test-id"
46474647
>
46484648
<li
46494649
class="ant-list-item"

‎components/drawer/__tests__/__snapshots__/demo.test.ts.snap‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -958,7 +958,7 @@ exports[`renders components/drawer/demo/user-profile.tsx correctly 1`] = `
958958
class="ant-spin-container"
959959
>
960960
<ul
961-
class="ant-list-items"
961+
class="ant-list-items ant-list-container css-var-test-id"
962962
>
963963
<li
964964
class="ant-list-item"

‎components/list/__tests__/__snapshots__/Item.test.tsx.snap‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ exports[`List Item Layout horizontal itemLayout List should accept extra node 1`
1313
class="ant-spin-container"
1414
>
1515
<ul
16-
class="ant-list-items"
16+
class="ant-list-items ant-list-container css-var-root"
1717
>
1818
<li
1919
class="ant-list-item"
@@ -72,7 +72,7 @@ exports[`List Item Layout rowKey could be function 1`] = `
7272
class="ant-spin-container"
7373
>
7474
<ul
75-
class="ant-list-items"
75+
class="ant-list-items ant-list-container css-var-root"
7676
>
7777
<li
7878
class="ant-list-item"
@@ -108,7 +108,7 @@ exports[`List Item Layout rowKey could be string 1`] = `
108108
class="ant-spin-container"
109109
>
110110
<ul
111-
class="ant-list-items"
111+
class="ant-list-items ant-list-container css-var-root"
112112
>
113113
<li
114114
class="ant-list-item"
@@ -144,7 +144,7 @@ exports[`List Item Layout should render in RTL direction 1`] = `
144144
class="ant-spin-container"
145145
>
146146
<ul
147-
class="ant-list-items"
147+
class="ant-list-items ant-list-container css-var-root"
148148
>
149149
<li
150150
class="ant-list-item"

‎components/list/__tests__/__snapshots__/demo-extend.test.ts.snap‎

Lines changed: 80 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ exports[`renders components/list/demo/basic.tsx extend context correctly 1`] = `
1313
class="ant-spin-container"
1414
>
1515
<ul
16-
class="ant-list-items"
16+
class="ant-list-items ant-list-container css-var-test-id"
1717
>
1818
<li
1919
class="ant-list-item"
@@ -212,7 +212,7 @@ Array [
212212
class="ant-spin-container"
213213
>
214214
<ul
215-
class="ant-list-items"
215+
class="ant-list-items ant-list-container css-var-test-id"
216216
>
217217
<li
218218
class="ant-list-item ant-list-item-no-flex"
@@ -320,7 +320,7 @@ Array [
320320
class="ant-spin-container"
321321
>
322322
<ul
323-
class="ant-list-items"
323+
class="ant-list-items ant-list-container css-var-test-id"
324324
>
325325
<li
326326
class="ant-list-item"
@@ -393,7 +393,7 @@ Array [
393393
class="ant-spin-container"
394394
>
395395
<ul
396-
class="ant-list-items"
396+
class="ant-list-items ant-list-container css-var-test-id"
397397
>
398398
<li
399399
class="ant-list-item"
@@ -459,7 +459,7 @@ Array [
459459
class="ant-spin-container"
460460
>
461461
<ul
462-
class="ant-list-items"
462+
class="ant-list-items ant-list-container css-var-test-id"
463463
>
464464
<li
465465
class="ant-list-item"
@@ -641,7 +641,7 @@ Array [
641641
class="ant-spin-container"
642642
>
643643
<ul
644-
class="ant-list-items"
644+
class="ant-list-items ant-list-container css-var-test-id"
645645
>
646646
<li
647647
class="ant-list-item ant-list-item-no-flex"
@@ -1250,7 +1250,7 @@ exports[`renders components/list/demo/grid.tsx extend context correctly 1`] = `
12501250
class="ant-spin-container"
12511251
>
12521252
<div
1253-
class="ant-row css-var-test-id"
1253+
class="ant-row ant-list-container css-var-test-id css-var-test-id"
12541254
style="margin-inline: -8px;"
12551255
>
12561256
<div
@@ -2157,7 +2157,7 @@ Array [
21572157
class="ant-spin-container"
21582158
>
21592159
<div
2160-
class="ant-row css-var-test-id"
2160+
class="ant-row ant-list-container css-var-test-id css-var-test-id"
21612161
style="margin-inline: -8px;"
21622162
>
21632163
<div
@@ -2386,7 +2386,7 @@ Array [
23862386
class="ant-spin-container"
23872387
>
23882388
<div
2389-
class="ant-row css-var-test-id"
2389+
class="ant-row ant-list-container css-var-test-id css-var-test-id"
23902390
style="margin-inline: -8px;"
23912391
>
23922392
<div
@@ -2615,7 +2615,7 @@ Array [
26152615
class="ant-spin-container"
26162616
>
26172617
<div
2618-
class="ant-row css-var-test-id"
2618+
class="ant-row ant-list-container css-var-test-id css-var-test-id"
26192619
style="margin-inline: -8px;"
26202620
>
26212621
<div
@@ -3193,7 +3193,7 @@ Array [
31933193
class="ant-spin-container"
31943194
>
31953195
<ul
3196-
class="ant-list-items"
3196+
class="ant-list-items ant-list-container css-var-test-id"
31973197
>
31983198
<li
31993199
class="ant-list-item"
@@ -3452,7 +3452,7 @@ exports[`renders components/list/demo/responsive.tsx extend context correctly 1`
34523452
class="ant-spin-container"
34533453
>
34543454
<div
3455-
class="ant-row css-var-test-id"
3455+
class="ant-row ant-list-container css-var-test-id css-var-test-id"
34563456
style="margin-inline: -8px;"
34573457
>
34583458
<div
@@ -3714,7 +3714,7 @@ Array [
37143714
class="ant-spin-container"
37153715
>
37163716
<ul
3717-
class="ant-list-items"
3717+
class="ant-list-items ant-list-container css-var-test-id"
37183718
>
37193719
<li
37203720
class="ant-list-item ant-list-item-no-flex"
@@ -3822,7 +3822,7 @@ Array [
38223822
class="ant-spin-container"
38233823
>
38243824
<ul
3825-
class="ant-list-items"
3825+
class="ant-list-items ant-list-container css-var-test-id"
38263826
>
38273827
<li
38283828
class="ant-list-item"
@@ -3895,7 +3895,7 @@ Array [
38953895
class="ant-spin-container"
38963896
>
38973897
<ul
3898-
class="ant-list-items"
3898+
class="ant-list-items ant-list-container css-var-test-id"
38993899
>
39003900
<li
39013901
class="ant-list-item"
@@ -3942,6 +3942,70 @@ exports[`renders components/list/demo/simple.tsx extend context correctly 2`] =
39423942
]
39433943
`;
39443944

3945+
exports[`renders components/list/demo/spin-debug.tsx extend context correctly 1`] = `
3946+
<div
3947+
class="ant-list ant-list-split css-var-test-id"
3948+
>
3949+
<div
3950+
aria-busy="false"
3951+
aria-live="polite"
3952+
class="ant-spin css-var-test-id"
3953+
>
3954+
<div
3955+
class="ant-spin-container"
3956+
>
3957+
<ul
3958+
class="ant-list-items ant-list-container css-var-test-id"
3959+
>
3960+
<li
3961+
class="ant-list-item"
3962+
>
3963+
<div
3964+
class="ant-list-item-meta"
3965+
>
3966+
<div
3967+
class="ant-list-item-meta-avatar"
3968+
>
3969+
<span
3970+
class="ant-avatar ant-avatar-circle ant-avatar-image css-var-test-id ant-avatar-css-var"
3971+
>
3972+
<img
3973+
src="https://api.dicebear.com/7.x/miniavs/svg?seed=0"
3974+
/>
3975+
</span>
3976+
</div>
3977+
<div
3978+
class="ant-list-item-meta-content"
3979+
>
3980+
<h4
3981+
class="ant-list-item-meta-title"
3982+
>
3983+
<a
3984+
href="https://ant.design"
3985+
>
3986+
Ant Design Title 1
3987+
</a>
3988+
</h4>
3989+
<div
3990+
class="ant-list-item-meta-description"
3991+
>
3992+
Ant Design, a design language for background applications, is refined by Ant UED Team
3993+
</div>
3994+
</div>
3995+
</div>
3996+
</li>
3997+
</ul>
3998+
</div>
3999+
</div>
4000+
</div>
4001+
`;
4002+
4003+
exports[`renders components/list/demo/spin-debug.tsx extend context correctly 2`] = `
4004+
[
4005+
"Warning: [antd: List] The \`List\` component is deprecated. And will be removed in next major version.",
4006+
]
4007+
`;
4008+
39454009
exports[`renders components/list/demo/vertical.tsx extend context correctly 1`] = `
39464010
<div
39474011
class="ant-list ant-list-vertical ant-list-lg ant-list-split ant-list-something-after-last-item css-var-test-id"
@@ -3955,7 +4019,7 @@ exports[`renders components/list/demo/vertical.tsx extend context correctly 1`]
39554019
class="ant-spin-container"
39564020
>
39574021
<ul
3958-
class="ant-list-items"
4022+
class="ant-list-items ant-list-container css-var-test-id"
39594023
>
39604024
<li
39614025
class="ant-list-item"

‎components/list/__tests__/__snapshots__/demo-semantic.test.tsx.snap‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ exports[`renders components/list/demo/_semantic.tsx correctly 1`] = `
2626
class="ant-spin-container"
2727
>
2828
<ul
29-
class="ant-list-items"
29+
class="ant-list-items ant-list-container css-var-test-id"
3030
>
3131
<li
3232
class="ant-list-item"

0 commit comments

Comments
 (0)