mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-27 20:49:53 +08:00
Code Issues Actions 39 Packages Projects Releases Wiki Activity

feat(Select): Select supports prefix prop (#51186)

Browse Source
This commit is contained in:
Guo Yunhe 2024-10-16 18:04:38 +08:00 committed by GitHub
parent 1d76fe94fa
commit 015740d1eb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
55 changed files with 23060 additions and 18855 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

86
components/auto-complete/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -8,6 +8,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -31,6 +34,7 @@ Array [
>
UnClearable
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -53,6 +57,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -76,6 +83,7 @@ Array [
>
Customized clear icon
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -103,6 +111,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -126,6 +137,7 @@ Array [
>
input here
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -148,6 +160,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -171,6 +186,7 @@ Array [
>
control mode
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -197,6 +213,9 @@ exports[`renders components/auto-complete/demo/certain-category.tsx extend conte
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -259,6 +278,7 @@ exports[`renders components/auto-complete/demo/certain-category.tsx extend conte
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up certain-category-search-dropdown ant-select-dropdown-placement-bottomLeft"
@ -569,6 +589,9 @@ exports[`renders components/auto-complete/demo/custom.tsx extend context correct
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -591,6 +614,7 @@ exports[`renders components/auto-complete/demo/custom.tsx extend context correct
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -644,6 +668,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -665,6 +692,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -982,6 +1010,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1003,6 +1034,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -1053,6 +1085,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1101,6 +1136,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -1271,6 +1307,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1319,6 +1358,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -1490,6 +1530,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1551,6 +1594,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -1722,6 +1766,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1783,6 +1830,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -1850,6 +1898,9 @@ exports[`renders components/auto-complete/demo/non-case-sensitive.tsx extend con
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1873,6 +1924,7 @@ exports[`renders components/auto-complete/demo/non-case-sensitive.tsx extend con
>
try to type \`b\`
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -1974,6 +2026,9 @@ exports[`renders components/auto-complete/demo/options.tsx extend context correc
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1997,6 +2052,7 @@ exports[`renders components/auto-complete/demo/options.tsx extend context correc
>
input here
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -2056,6 +2112,9 @@ exports[`renders components/auto-complete/demo/render-panel.tsx extend context c
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2074,6 +2133,7 @@ exports[`renders components/auto-complete/demo/render-panel.tsx extend context c
value="lucy"
/>
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -2125,7 +2185,7 @@ exports[`renders components/auto-complete/demo/render-panel.tsx extend context c
/>
</div>
<div
aria-selected="false"
aria-selected="true"
class="ant-select-item ant-select-item-option"
title="Lucy"
>
@ -2211,6 +2271,9 @@ exports[`renders components/auto-complete/demo/status.tsx extend context correct
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2232,6 +2295,7 @@ exports[`renders components/auto-complete/demo/status.tsx extend context correct
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -2256,6 +2320,9 @@ exports[`renders components/auto-complete/demo/status.tsx extend context correct
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2277,6 +2344,7 @@ exports[`renders components/auto-complete/demo/status.tsx extend context correct
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -2304,6 +2372,9 @@ exports[`renders components/auto-complete/demo/uncertain-category.tsx extend con
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2366,6 +2437,7 @@ exports[`renders components/auto-complete/demo/uncertain-category.tsx extend con
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -2399,6 +2471,9 @@ exports[`renders components/auto-complete/demo/variant.tsx extend context correc
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2422,6 +2497,7 @@ exports[`renders components/auto-complete/demo/variant.tsx extend context correc
>
Outlined
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -2442,6 +2518,9 @@ exports[`renders components/auto-complete/demo/variant.tsx extend context correc
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2465,6 +2544,7 @@ exports[`renders components/auto-complete/demo/variant.tsx extend context correc
>
Filled
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -2485,6 +2565,9 @@ exports[`renders components/auto-complete/demo/variant.tsx extend context correc
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2508,6 +2591,7 @@ exports[`renders components/auto-complete/demo/variant.tsx extend context correc
>
Borderless
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"

84
components/auto-complete/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -8,6 +8,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -30,6 +33,7 @@ Array [
>
UnClearable
</span>
</span>
</div>
</div>,
<br />,
@ -40,6 +44,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -62,6 +69,7 @@ Array [
>
Customized clear icon
</span>
</span>
</div>
</div>,
]
@ -75,6 +83,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -97,6 +108,7 @@ Array [
>
input here
</span>
</span>
</div>
</div>,
<br />,
@ -107,6 +119,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -129,6 +144,7 @@ Array [
>
control mode
</span>
</span>
</div>
</div>,
]
@ -141,6 +157,9 @@ exports[`renders components/auto-complete/demo/certain-category.tsx correctly 1`
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -202,6 +221,7 @@ exports[`renders components/auto-complete/demo/certain-category.tsx correctly 1`
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
</div>
`;
@ -213,6 +233,9 @@ exports[`renders components/auto-complete/demo/custom.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -234,6 +257,7 @@ exports[`renders components/auto-complete/demo/custom.tsx correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
</div>
`;
@ -273,6 +297,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -293,6 +320,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
</div>
</div>
@ -476,6 +504,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -496,6 +527,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
</div>
</span>
@ -534,6 +566,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -581,6 +616,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
</div>
</div>
@ -678,6 +714,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -725,6 +764,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
</div>
</span>
@ -823,6 +863,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -883,6 +926,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
</div>
</span>
@ -981,6 +1025,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1041,6 +1088,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
</div>
<button
@ -1090,6 +1138,9 @@ exports[`renders components/auto-complete/demo/non-case-sensitive.tsx correctly
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1112,6 +1163,7 @@ exports[`renders components/auto-complete/demo/non-case-sensitive.tsx correctly
>
try to type \`b\`
</span>
</span>
</div>
</div>
`;
@ -1123,6 +1175,9 @@ exports[`renders components/auto-complete/demo/options.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1145,6 +1200,7 @@ exports[`renders components/auto-complete/demo/options.tsx correctly 1`] = `
>
input here
</span>
</span>
</div>
</div>
`;
@ -1190,6 +1246,9 @@ exports[`renders components/auto-complete/demo/render-panel.tsx correctly 1`] =
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1207,6 +1266,7 @@ exports[`renders components/auto-complete/demo/render-panel.tsx correctly 1`] =
value="lucy"
/>
</span>
</span>
</div>
</div>
</div>
@ -1228,6 +1288,9 @@ exports[`renders components/auto-complete/demo/status.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1248,6 +1311,7 @@ exports[`renders components/auto-complete/demo/status.tsx correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
</div>
</div>
@ -1260,6 +1324,9 @@ exports[`renders components/auto-complete/demo/status.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1280,6 +1347,7 @@ exports[`renders components/auto-complete/demo/status.tsx correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
</div>
</div>
@ -1293,6 +1361,9 @@ exports[`renders components/auto-complete/demo/uncertain-category.tsx correctly
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1354,6 +1425,7 @@ exports[`renders components/auto-complete/demo/uncertain-category.tsx correctly
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
</div>
`;
@ -1369,6 +1441,9 @@ exports[`renders components/auto-complete/demo/variant.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1391,6 +1466,7 @@ exports[`renders components/auto-complete/demo/variant.tsx correctly 1`] = `
>
Outlined
</span>
</span>
</div>
</div>
<div
@ -1399,6 +1475,9 @@ exports[`renders components/auto-complete/demo/variant.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1421,6 +1500,7 @@ exports[`renders components/auto-complete/demo/variant.tsx correctly 1`] = `
>
Filled
</span>
</span>
</div>
</div>
<div
@ -1429,6 +1509,9 @@ exports[`renders components/auto-complete/demo/variant.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1451,6 +1534,7 @@ exports[`renders components/auto-complete/demo/variant.tsx correctly 1`] = `
>
Borderless
</span>
</span>
</div>
</div>
</div>

4
components/auto-complete/__tests__/__snapshots__/index.test.tsx.snap
View File

@ -6,6 +6,9 @@ exports[`AutoComplete rtl render component should be rendered correctly in RTL d
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -27,6 +30,7 @@ exports[`AutoComplete rtl render component should be rendered correctly in RTL d
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
</div>
`;

56
components/calendar/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -12,6 +12,9 @@ exports[`renders components/calendar/demo/basic.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -39,6 +42,7 @@ exports[`renders components/calendar/demo/basic.tsx extend context correctly 1`]
>
2016
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -458,6 +462,9 @@ exports[`renders components/calendar/demo/basic.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -485,6 +492,7 @@ exports[`renders components/calendar/demo/basic.tsx extend context correctly 1`]
>
Nov
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -1597,6 +1605,9 @@ exports[`renders components/calendar/demo/card.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1624,6 +1635,7 @@ exports[`renders components/calendar/demo/card.tsx extend context correctly 1`]
>
2016
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -2043,6 +2055,9 @@ exports[`renders components/calendar/demo/card.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2070,6 +2085,7 @@ exports[`renders components/calendar/demo/card.tsx extend context correctly 1`]
>
Nov
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -3181,6 +3197,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3208,6 +3227,7 @@ Array [
>
2016
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -3627,6 +3647,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3654,6 +3677,7 @@ Array [
>
Nov
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -4759,6 +4783,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4786,6 +4813,7 @@ Array [
>
2016
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -5205,6 +5233,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -5232,6 +5263,7 @@ Array [
>
Nov
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -6406,6 +6438,9 @@ exports[`renders components/calendar/demo/customize-header.tsx extend context co
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -6433,6 +6468,7 @@ exports[`renders components/calendar/demo/customize-header.tsx extend context co
>
2016
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -6877,6 +6913,9 @@ exports[`renders components/calendar/demo/customize-header.tsx extend context co
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -6904,6 +6943,7 @@ exports[`renders components/calendar/demo/customize-header.tsx extend context co
>
Nov
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -7977,6 +8017,9 @@ exports[`renders components/calendar/demo/notice-calendar.tsx extend context cor
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -8004,6 +8047,7 @@ exports[`renders components/calendar/demo/notice-calendar.tsx extend context cor
>
2016
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -8423,6 +8467,9 @@ exports[`renders components/calendar/demo/notice-calendar.tsx extend context cor
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -8450,6 +8497,7 @@ exports[`renders components/calendar/demo/notice-calendar.tsx extend context cor
>
Nov
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -9972,6 +10020,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -9999,6 +10050,7 @@ Array [
>
2017
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -10418,6 +10470,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -10445,6 +10500,7 @@ Array [
>
Jan
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"

56
components/calendar/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -12,6 +12,9 @@ exports[`renders components/calendar/demo/basic.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -38,6 +41,7 @@ exports[`renders components/calendar/demo/basic.tsx correctly 1`] = `
>
2016
</span>
</span>
</div>
<span
aria-hidden="true"
@ -71,6 +75,9 @@ exports[`renders components/calendar/demo/basic.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -97,6 +104,7 @@ exports[`renders components/calendar/demo/basic.tsx correctly 1`] = `
>
Nov
</span>
</span>
</div>
<span
aria-hidden="true"
@ -957,6 +965,9 @@ exports[`renders components/calendar/demo/card.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -983,6 +994,7 @@ exports[`renders components/calendar/demo/card.tsx correctly 1`] = `
>
2016
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1016,6 +1028,9 @@ exports[`renders components/calendar/demo/card.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1042,6 +1057,7 @@ exports[`renders components/calendar/demo/card.tsx correctly 1`] = `
>
Nov
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1901,6 +1917,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1927,6 +1946,7 @@ Array [
>
2016
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1960,6 +1980,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1986,6 +2009,7 @@ Array [
>
Nov
</span>
</span>
</div>
<span
aria-hidden="true"
@ -2841,6 +2865,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2867,6 +2894,7 @@ Array [
>
2016
</span>
</span>
</div>
<span
aria-hidden="true"
@ -2900,6 +2928,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2926,6 +2957,7 @@ Array [
>
Nov
</span>
</span>
</div>
<span
aria-hidden="true"
@ -3848,6 +3880,9 @@ exports[`renders components/calendar/demo/customize-header.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3874,6 +3909,7 @@ exports[`renders components/calendar/demo/customize-header.tsx correctly 1`] = `
>
2016
</span>
</span>
</div>
<span
aria-hidden="true"
@ -3912,6 +3948,9 @@ exports[`renders components/calendar/demo/customize-header.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3938,6 +3977,7 @@ exports[`renders components/calendar/demo/customize-header.tsx correctly 1`] = `
>
Nov
</span>
</span>
</div>
<span
aria-hidden="true"
@ -4755,6 +4795,9 @@ exports[`renders components/calendar/demo/notice-calendar.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4781,6 +4824,7 @@ exports[`renders components/calendar/demo/notice-calendar.tsx correctly 1`] = `
>
2016
</span>
</span>
</div>
<span
aria-hidden="true"
@ -4814,6 +4858,9 @@ exports[`renders components/calendar/demo/notice-calendar.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4840,6 +4887,7 @@ exports[`renders components/calendar/demo/notice-calendar.tsx correctly 1`] = `
>
Nov
</span>
</span>
</div>
<span
aria-hidden="true"
@ -6110,6 +6158,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -6136,6 +6187,7 @@ Array [
>
2017
</span>
</span>
</div>
<span
aria-hidden="true"
@ -6169,6 +6221,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -6195,6 +6250,7 @@ Array [
>
Jan
</span>
</span>
</div>
<span
aria-hidden="true"

32
components/calendar/__tests__/__snapshots__/index.test.tsx.snap
View File

@ -12,6 +12,9 @@ exports[`Calendar Calendar MonthSelect should display correct label 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -39,6 +42,7 @@ exports[`Calendar Calendar MonthSelect should display correct label 1`] = `
>
2019
</span>
</span>
</div>
<span
aria-hidden="true"
@ -72,6 +76,9 @@ exports[`Calendar Calendar MonthSelect should display correct label 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -99,6 +106,7 @@ exports[`Calendar Calendar MonthSelect should display correct label 1`] = `
>
Jan
</span>
</span>
</div>
<span
aria-hidden="true"
@ -956,6 +964,9 @@ exports[`Calendar Calendar should support locale 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -983,6 +994,7 @@ exports[`Calendar Calendar should support locale 1`] = `
>
2018年
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1016,6 +1028,9 @@ exports[`Calendar Calendar should support locale 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1043,6 +1058,7 @@ exports[`Calendar Calendar should support locale 1`] = `
>
10月
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1900,6 +1916,9 @@ exports[`Calendar rtl render component should be rendered correctly in RTL direc
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1927,6 +1946,7 @@ exports[`Calendar rtl render component should be rendered correctly in RTL direc
>
2000
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1960,6 +1980,9 @@ exports[`Calendar rtl render component should be rendered correctly in RTL direc
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1987,6 +2010,7 @@ exports[`Calendar rtl render component should be rendered correctly in RTL direc
>
Sep
</span>
</span>
</div>
<span
aria-hidden="true"
@ -2844,6 +2868,9 @@ exports[`Calendar support Calendar.generateCalendar 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2871,6 +2898,7 @@ exports[`Calendar support Calendar.generateCalendar 1`] = `
>
2000
</span>
</span>
</div>
<span
aria-hidden="true"
@ -2904,6 +2932,9 @@ exports[`Calendar support Calendar.generateCalendar 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2931,6 +2962,7 @@ exports[`Calendar support Calendar.generateCalendar 1`] = `
>
Jan
</span>
</span>
</div>
<span
aria-hidden="true"

4
components/collapse/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -1091,6 +1091,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1118,6 +1121,7 @@ Array [
>
start
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"

4
components/collapse/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -1079,6 +1079,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1105,6 +1108,7 @@ Array [
>
start
</span>
</span>
</div>
<span
aria-hidden="true"

104
components/color-picker/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -136,6 +136,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -163,6 +166,7 @@ Array [
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -523,6 +527,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -550,6 +557,7 @@ Array [
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -915,6 +923,9 @@ exports[`renders components/color-picker/demo/controlled.tsx extend context corr
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -942,6 +953,7 @@ exports[`renders components/color-picker/demo/controlled.tsx extend context corr
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -1299,6 +1311,9 @@ exports[`renders components/color-picker/demo/controlled.tsx extend context corr
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1326,6 +1341,7 @@ exports[`renders components/color-picker/demo/controlled.tsx extend context corr
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -1692,6 +1708,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1719,6 +1738,7 @@ Array [
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -2058,6 +2078,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2085,6 +2108,7 @@ Array [
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -2381,6 +2405,9 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2408,6 +2435,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -2780,6 +2808,9 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2807,6 +2838,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
>
HSB
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -3397,6 +3429,9 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3424,6 +3459,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
>
RGB
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -4112,6 +4148,9 @@ exports[`renders components/color-picker/demo/line-gradient.tsx extend context c
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4139,6 +4178,7 @@ exports[`renders components/color-picker/demo/line-gradient.tsx extend context c
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -4548,6 +4588,9 @@ exports[`renders components/color-picker/demo/line-gradient.tsx extend context c
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4575,6 +4618,7 @@ exports[`renders components/color-picker/demo/line-gradient.tsx extend context c
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -4962,6 +5006,9 @@ exports[`renders components/color-picker/demo/panel-render.tsx extend context co
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4989,6 +5036,7 @@ exports[`renders components/color-picker/demo/panel-render.tsx extend context co
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -5932,6 +5980,9 @@ exports[`renders components/color-picker/demo/panel-render.tsx extend context co
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -5959,6 +6010,7 @@ exports[`renders components/color-picker/demo/panel-render.tsx extend context co
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -6323,6 +6375,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -6350,6 +6405,7 @@ Array [
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -7139,6 +7195,9 @@ exports[`renders components/color-picker/demo/pure-panel.tsx extend context corr
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -7166,6 +7225,7 @@ exports[`renders components/color-picker/demo/pure-panel.tsx extend context corr
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -7538,6 +7598,9 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -7565,6 +7628,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -7922,6 +7986,9 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -7949,6 +8016,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -8306,6 +8374,9 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -8333,6 +8404,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -8703,6 +8775,9 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -8730,6 +8805,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -9092,6 +9168,9 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -9119,6 +9198,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -9481,6 +9561,9 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -9508,6 +9591,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -9888,6 +9972,9 @@ exports[`renders components/color-picker/demo/text-render.tsx extend context cor
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -9915,6 +10002,7 @@ exports[`renders components/color-picker/demo/text-render.tsx extend context cor
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -10279,6 +10367,9 @@ exports[`renders components/color-picker/demo/text-render.tsx extend context cor
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -10306,6 +10397,7 @@ exports[`renders components/color-picker/demo/text-render.tsx extend context cor
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -10687,6 +10779,9 @@ exports[`renders components/color-picker/demo/text-render.tsx extend context cor
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -10714,6 +10809,7 @@ exports[`renders components/color-picker/demo/text-render.tsx extend context cor
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -11072,6 +11168,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -11099,6 +11198,7 @@ Array [
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -11459,6 +11559,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -11486,6 +11589,7 @@ Array [
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"

8
components/color-picker/__tests__/__snapshots__/index.test.tsx.snap
View File

@ -139,6 +139,9 @@ exports[`ColorPicker Should panelRender work 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -166,6 +169,7 @@ exports[`ColorPicker Should panelRender work 1`] = `
>
HEX
</span>
</span>
</div>
<span
aria-hidden="true"
@ -423,6 +427,9 @@ exports[`ColorPicker Should panelRender work 2`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -450,6 +457,7 @@ exports[`ColorPicker Should panelRender work 2`] = `
>
HEX
</span>
</span>
</div>
<span
aria-hidden="true"

196
components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
View File

@ -356,6 +356,9 @@ exports[`ConfigProvider components AutoComplete configProvider 1`] = `
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -377,6 +380,7 @@ exports[`ConfigProvider components AutoComplete configProvider 1`] = `
<span
class="config-select-selection-placeholder"
/>
</span>
</div>
</div>
`;
@ -387,6 +391,9 @@ exports[`ConfigProvider components AutoComplete configProvider componentDisabled
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -409,6 +416,7 @@ exports[`ConfigProvider components AutoComplete configProvider componentDisabled
<span
class="config-select-selection-placeholder"
/>
</span>
</div>
</div>
`;
@ -419,6 +427,9 @@ exports[`ConfigProvider components AutoComplete configProvider componentSize lar
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -440,6 +451,7 @@ exports[`ConfigProvider components AutoComplete configProvider componentSize lar
<span
class="config-select-selection-placeholder"
/>
</span>
</div>
</div>
`;
@ -450,6 +462,9 @@ exports[`ConfigProvider components AutoComplete configProvider componentSize mid
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -471,6 +486,7 @@ exports[`ConfigProvider components AutoComplete configProvider componentSize mid
<span
class="config-select-selection-placeholder"
/>
</span>
</div>
</div>
`;
@ -481,6 +497,9 @@ exports[`ConfigProvider components AutoComplete configProvider componentSize sma
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -502,6 +521,7 @@ exports[`ConfigProvider components AutoComplete configProvider componentSize sma
<span
class="config-select-selection-placeholder"
/>
</span>
</div>
</div>
`;
@ -512,6 +532,9 @@ exports[`ConfigProvider components AutoComplete normal 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -533,6 +556,7 @@ exports[`ConfigProvider components AutoComplete normal 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
</div>
`;
@ -543,6 +567,9 @@ exports[`ConfigProvider components AutoComplete prefixCls 1`] = `
>
<div
class="prefix-AutoComplete-selector"
>
<span
class="prefix-AutoComplete-selection-wrap"
>
<span
class="prefix-AutoComplete-selection-search"
@ -564,6 +591,7 @@ exports[`ConfigProvider components AutoComplete prefixCls 1`] = `
<span
class="prefix-AutoComplete-selection-placeholder"
/>
</span>
</div>
</div>
`;
@ -1592,6 +1620,9 @@ exports[`ConfigProvider components Calendar configProvider 1`] = `
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -1619,6 +1650,7 @@ exports[`ConfigProvider components Calendar configProvider 1`] = `
>
2000
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1652,6 +1684,9 @@ exports[`ConfigProvider components Calendar configProvider 1`] = `
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -1679,6 +1714,7 @@ exports[`ConfigProvider components Calendar configProvider 1`] = `
>
Sep
</span>
</span>
</div>
<span
aria-hidden="true"
@ -2533,6 +2569,9 @@ exports[`ConfigProvider components Calendar configProvider 1`] = `
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -2560,6 +2599,7 @@ exports[`ConfigProvider components Calendar configProvider 1`] = `
>
2000
</span>
</span>
</div>
<span
aria-hidden="true"
@ -2880,6 +2920,9 @@ exports[`ConfigProvider components Calendar configProvider componentDisabled 1`]
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -2908,6 +2951,7 @@ exports[`ConfigProvider components Calendar configProvider componentDisabled 1`]
>
2000
</span>
</span>
</div>
<span
aria-hidden="true"
@ -2941,6 +2985,9 @@ exports[`ConfigProvider components Calendar configProvider componentDisabled 1`]
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -2969,6 +3016,7 @@ exports[`ConfigProvider components Calendar configProvider componentDisabled 1`]
>
Sep
</span>
</span>
</div>
<span
aria-hidden="true"
@ -3825,6 +3873,9 @@ exports[`ConfigProvider components Calendar configProvider componentDisabled 1`]
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -3853,6 +3904,7 @@ exports[`ConfigProvider components Calendar configProvider componentDisabled 1`]
>
2000
</span>
</span>
</div>
<span
aria-hidden="true"
@ -4175,6 +4227,9 @@ exports[`ConfigProvider components Calendar configProvider componentSize large 1
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -4202,6 +4257,7 @@ exports[`ConfigProvider components Calendar configProvider componentSize large 1
>
2000
</span>
</span>
</div>
<span
aria-hidden="true"
@ -4235,6 +4291,9 @@ exports[`ConfigProvider components Calendar configProvider componentSize large 1
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -4262,6 +4321,7 @@ exports[`ConfigProvider components Calendar configProvider componentSize large 1
>
Sep
</span>
</span>
</div>
<span
aria-hidden="true"
@ -5116,6 +5176,9 @@ exports[`ConfigProvider components Calendar configProvider componentSize large 1
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -5143,6 +5206,7 @@ exports[`ConfigProvider components Calendar configProvider componentSize large 1
>
2000
</span>
</span>
</div>
<span
aria-hidden="true"
@ -5463,6 +5527,9 @@ exports[`ConfigProvider components Calendar configProvider componentSize middle
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -5490,6 +5557,7 @@ exports[`ConfigProvider components Calendar configProvider componentSize middle
>
2000
</span>
</span>
</div>
<span
aria-hidden="true"
@ -5523,6 +5591,9 @@ exports[`ConfigProvider components Calendar configProvider componentSize middle
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -5550,6 +5621,7 @@ exports[`ConfigProvider components Calendar configProvider componentSize middle
>
Sep
</span>
</span>
</div>
<span
aria-hidden="true"
@ -6404,6 +6476,9 @@ exports[`ConfigProvider components Calendar configProvider componentSize middle
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -6431,6 +6506,7 @@ exports[`ConfigProvider components Calendar configProvider componentSize middle
>
2000
</span>
</span>
</div>
<span
aria-hidden="true"
@ -6751,6 +6827,9 @@ exports[`ConfigProvider components Calendar configProvider componentSize small 1
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -6778,6 +6857,7 @@ exports[`ConfigProvider components Calendar configProvider componentSize small 1
>
2000
</span>
</span>
</div>
<span
aria-hidden="true"
@ -6811,6 +6891,9 @@ exports[`ConfigProvider components Calendar configProvider componentSize small 1
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -6838,6 +6921,7 @@ exports[`ConfigProvider components Calendar configProvider componentSize small 1
>
Sep
</span>
</span>
</div>
<span
aria-hidden="true"
@ -7692,6 +7776,9 @@ exports[`ConfigProvider components Calendar configProvider componentSize small 1
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -7719,6 +7806,7 @@ exports[`ConfigProvider components Calendar configProvider componentSize small 1
>
2000
</span>
</span>
</div>
<span
aria-hidden="true"
@ -8039,6 +8127,9 @@ exports[`ConfigProvider components Calendar normal 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -8066,6 +8157,7 @@ exports[`ConfigProvider components Calendar normal 1`] = `
>
2000
</span>
</span>
</div>
<span
aria-hidden="true"
@ -8099,6 +8191,9 @@ exports[`ConfigProvider components Calendar normal 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -8126,6 +8221,7 @@ exports[`ConfigProvider components Calendar normal 1`] = `
>
Sep
</span>
</span>
</div>
<span
aria-hidden="true"
@ -8980,6 +9076,9 @@ exports[`ConfigProvider components Calendar normal 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -9007,6 +9106,7 @@ exports[`ConfigProvider components Calendar normal 1`] = `
>
2000
</span>
</span>
</div>
<span
aria-hidden="true"
@ -9327,6 +9427,9 @@ exports[`ConfigProvider components Calendar prefixCls 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -9354,6 +9457,7 @@ exports[`ConfigProvider components Calendar prefixCls 1`] = `
>
2000
</span>
</span>
</div>
<span
aria-hidden="true"
@ -9387,6 +9491,9 @@ exports[`ConfigProvider components Calendar prefixCls 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -9414,6 +9521,7 @@ exports[`ConfigProvider components Calendar prefixCls 1`] = `
>
Sep
</span>
</span>
</div>
<span
aria-hidden="true"
@ -10268,6 +10376,9 @@ exports[`ConfigProvider components Calendar prefixCls 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -10295,6 +10406,7 @@ exports[`ConfigProvider components Calendar prefixCls 1`] = `
>
2000
</span>
</span>
</div>
<span
aria-hidden="true"
@ -19039,6 +19151,9 @@ exports[`ConfigProvider components Pagination configProvider 1`] = `
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -19064,6 +19179,7 @@ exports[`ConfigProvider components Pagination configProvider 1`] = `
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -19181,6 +19297,9 @@ exports[`ConfigProvider components Pagination configProvider 1`] = `
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -19206,6 +19325,7 @@ exports[`ConfigProvider components Pagination configProvider 1`] = `
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -19328,6 +19448,9 @@ exports[`ConfigProvider components Pagination configProvider componentDisabled 1
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -19354,6 +19477,7 @@ exports[`ConfigProvider components Pagination configProvider componentDisabled 1
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -19471,6 +19595,9 @@ exports[`ConfigProvider components Pagination configProvider componentDisabled 1
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -19497,6 +19624,7 @@ exports[`ConfigProvider components Pagination configProvider componentDisabled 1
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -19619,6 +19747,9 @@ exports[`ConfigProvider components Pagination configProvider componentSize large
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -19644,6 +19775,7 @@ exports[`ConfigProvider components Pagination configProvider componentSize large
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -19761,6 +19893,9 @@ exports[`ConfigProvider components Pagination configProvider componentSize large
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -19786,6 +19921,7 @@ exports[`ConfigProvider components Pagination configProvider componentSize large
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -19908,6 +20044,9 @@ exports[`ConfigProvider components Pagination configProvider componentSize middl
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -19933,6 +20072,7 @@ exports[`ConfigProvider components Pagination configProvider componentSize middl
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -20050,6 +20190,9 @@ exports[`ConfigProvider components Pagination configProvider componentSize middl
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -20075,6 +20218,7 @@ exports[`ConfigProvider components Pagination configProvider componentSize middl
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -20197,6 +20341,9 @@ exports[`ConfigProvider components Pagination configProvider componentSize small
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -20222,6 +20369,7 @@ exports[`ConfigProvider components Pagination configProvider componentSize small
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -20339,6 +20487,9 @@ exports[`ConfigProvider components Pagination configProvider componentSize small
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -20364,6 +20515,7 @@ exports[`ConfigProvider components Pagination configProvider componentSize small
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -20486,6 +20638,9 @@ exports[`ConfigProvider components Pagination normal 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -20511,6 +20666,7 @@ exports[`ConfigProvider components Pagination normal 1`] = `
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -20628,6 +20784,9 @@ exports[`ConfigProvider components Pagination normal 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -20653,6 +20812,7 @@ exports[`ConfigProvider components Pagination normal 1`] = `
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -20775,6 +20935,9 @@ exports[`ConfigProvider components Pagination prefixCls 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -20800,6 +20963,7 @@ exports[`ConfigProvider components Pagination prefixCls 1`] = `
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -20917,6 +21081,9 @@ exports[`ConfigProvider components Pagination prefixCls 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -20942,6 +21109,7 @@ exports[`ConfigProvider components Pagination prefixCls 1`] = `
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -24436,6 +24604,9 @@ exports[`ConfigProvider components Select configProvider 1`] = `
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -24461,6 +24632,7 @@ exports[`ConfigProvider components Select configProvider 1`] = `
<span
class="config-select-selection-placeholder"
/>
</span>
</div>
<div
class="config-select-dropdown config-slide-up-appear config-slide-up-appear-prepare config-slide-up config-select-dropdown-placement-bottomLeft"
@ -24563,6 +24735,9 @@ exports[`ConfigProvider components Select configProvider componentDisabled 1`] =
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -24588,6 +24763,7 @@ exports[`ConfigProvider components Select configProvider componentDisabled 1`] =
<span
class="config-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"
@ -24624,6 +24800,9 @@ exports[`ConfigProvider components Select configProvider componentSize large 1`]
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -24649,6 +24828,7 @@ exports[`ConfigProvider components Select configProvider componentSize large 1`]
<span
class="config-select-selection-placeholder"
/>
</span>
</div>
<div
class="config-select-dropdown config-slide-up-appear config-slide-up-appear-prepare config-slide-up config-select-dropdown-placement-bottomLeft"
@ -24751,6 +24931,9 @@ exports[`ConfigProvider components Select configProvider componentSize middle 1`
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -24776,6 +24959,7 @@ exports[`ConfigProvider components Select configProvider componentSize middle 1`
<span
class="config-select-selection-placeholder"
/>
</span>
</div>
<div
class="config-select-dropdown config-slide-up-appear config-slide-up-appear-prepare config-slide-up config-select-dropdown-placement-bottomLeft"
@ -24878,6 +25062,9 @@ exports[`ConfigProvider components Select configProvider componentSize small 1`]
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-wrap"
>
<span
class="config-select-selection-search"
@ -24903,6 +25090,7 @@ exports[`ConfigProvider components Select configProvider componentSize small 1`]
<span
class="config-select-selection-placeholder"
/>
</span>
</div>
<div
class="config-select-dropdown config-slide-up-appear config-slide-up-appear-prepare config-slide-up config-select-dropdown-placement-bottomLeft"
@ -25005,6 +25193,9 @@ exports[`ConfigProvider components Select normal 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -25030,6 +25221,7 @@ exports[`ConfigProvider components Select normal 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -25132,6 +25324,9 @@ exports[`ConfigProvider components Select prefixCls 1`] = `
>
<div
class="prefix-Select-selector"
>
<span
class="prefix-Select-selection-wrap"
>
<span
class="prefix-Select-selection-search"
@ -25157,6 +25352,7 @@ exports[`ConfigProvider components Select prefixCls 1`] = `
<span
class="prefix-Select-selection-placeholder"
/>
</span>
</div>
<div
class="prefix-Select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up prefix-Select-dropdown-placement-bottomLeft"

12
components/config-provider/__tests__/__snapshots__/popup.test.tsx.snap
View File

@ -7,6 +7,9 @@ exports[`ConfigProvider.Popup disable virtual if dropdownMatchSelectWidth is fal
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -32,6 +35,7 @@ exports[`ConfigProvider.Popup disable virtual if dropdownMatchSelectWidth is fal
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"
@ -184,6 +188,9 @@ exports[`ConfigProvider.Popup disable virtual if is false 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -209,6 +216,7 @@ exports[`ConfigProvider.Popup disable virtual if is false 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"
@ -361,6 +369,9 @@ exports[`ConfigProvider.Popup disable virtual if popupMatchSelectWidth is false
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -386,6 +397,7 @@ exports[`ConfigProvider.Popup disable virtual if popupMatchSelectWidth is false
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"

4
components/date-picker/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -77536,6 +77536,9 @@ exports[`renders components/date-picker/demo/switchable.tsx extend context corre
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -77563,6 +77566,7 @@ exports[`renders components/date-picker/demo/switchable.tsx extend context corre
>
Time
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"

4
components/date-picker/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -7002,6 +7002,9 @@ exports[`renders components/date-picker/demo/switchable.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -7028,6 +7031,7 @@ exports[`renders components/date-picker/demo/switchable.tsx correctly 1`] = `
>
Time
</span>
</span>
</div>
<span
aria-hidden="true"

12
components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
View File

@ -992,6 +992,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1019,6 +1022,7 @@ Array [
>
Please select an owner
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -1169,6 +1173,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1196,6 +1203,7 @@ Array [
>
Please choose the type
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -1351,6 +1359,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1378,6 +1389,7 @@ Array [
>
Please choose the approver
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"

4
components/empty/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -130,6 +130,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -154,6 +157,7 @@ Array [
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"

4
components/empty/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -128,6 +128,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -151,6 +154,7 @@ Array [
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"

76
components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -91,6 +91,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -119,6 +122,7 @@ Array [
>
longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -357,6 +361,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -385,6 +392,7 @@ Array [
>
longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -954,6 +962,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<div
class="ant-select-selection-overflow"
@ -1032,6 +1043,7 @@ Array [
</div>
</div>
</div>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -1384,6 +1396,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<div
class="ant-select-selection-overflow"
@ -1462,6 +1477,7 @@ Array [
</div>
</div>
</div>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -1719,6 +1735,9 @@ exports[`renders components/form/demo/control-hooks.tsx extend context correctly
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1746,6 +1765,7 @@ exports[`renders components/form/demo/control-hooks.tsx extend context correctly
>
Select a option and change input text above
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -2158,6 +2178,9 @@ exports[`renders components/form/demo/customized-form-controls.tsx extend contex
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2185,6 +2208,7 @@ exports[`renders components/form/demo/customized-form-controls.tsx extend contex
>
RMB
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -2548,6 +2572,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2573,6 +2600,7 @@ Array [
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -5390,6 +5418,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -5418,6 +5449,7 @@ Array [
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -10407,6 +10439,9 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -10434,6 +10469,7 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
>
+86
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -10674,6 +10710,9 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -10698,6 +10737,7 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -10846,6 +10886,9 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -10870,6 +10913,7 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
>
website
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -10972,6 +11016,9 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -10999,6 +11046,7 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
>
select your gender
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -11753,6 +11801,9 @@ exports[`renders components/form/demo/size.tsx extend context correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -11777,6 +11828,7 @@ exports[`renders components/form/demo/size.tsx extend context correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -21486,6 +21538,9 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -21513,6 +21568,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
>
Please select a country
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -21658,6 +21714,9 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<div
class="ant-select-selection-overflow"
@ -21700,6 +21759,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
>
Please select favourite colors
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -23152,6 +23212,9 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -23179,6 +23242,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -23565,6 +23629,9 @@ exports[`renders components/form/demo/validate-scroll-to-field.tsx extend contex
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -23589,6 +23656,7 @@ exports[`renders components/form/demo/validate-scroll-to-field.tsx extend contex
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -27841,6 +27909,9 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -27867,6 +27938,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
>
I'm Select
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -31075,6 +31147,9 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -31100,6 +31175,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"

68
components/form/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -91,6 +91,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -119,6 +122,7 @@ Array [
>
longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong
</span>
</span>
</div>
<span
aria-hidden="true"
@ -277,6 +281,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -305,6 +312,7 @@ Array [
>
longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong
</span>
</span>
</div>
<span
aria-hidden="true"
@ -790,6 +798,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<div
class="ant-select-selection-overflow"
@ -868,6 +879,7 @@ Array [
</div>
</div>
</div>
</span>
</div>
<span
aria-hidden="true"
@ -1115,6 +1127,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<div
class="ant-select-selection-overflow"
@ -1193,6 +1208,7 @@ Array [
</div>
</div>
</div>
</span>
</div>
<span
aria-hidden="true"
@ -1343,6 +1359,9 @@ exports[`renders components/form/demo/control-hooks.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1370,6 +1389,7 @@ exports[`renders components/form/demo/control-hooks.tsx correctly 1`] = `
>
Select a option and change input text above
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1639,6 +1659,9 @@ exports[`renders components/form/demo/customized-form-controls.tsx correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1665,6 +1688,7 @@ exports[`renders components/form/demo/customized-form-controls.tsx correctly 1`]
>
RMB
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1946,6 +1970,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1970,6 +1997,7 @@ Array [
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"
@ -6616,6 +6644,9 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -6643,6 +6674,7 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
>
+86
</span>
</span>
</div>
<span
aria-hidden="true"
@ -6803,6 +6835,9 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -6827,6 +6862,7 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"
@ -6895,6 +6931,9 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -6919,6 +6958,7 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
>
website
</span>
</span>
</div>
</div>
</div>
@ -7009,6 +7049,9 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -7036,6 +7079,7 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
>
select your gender
</span>
</span>
</div>
<span
aria-hidden="true"
@ -7651,6 +7695,9 @@ exports[`renders components/form/demo/size.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -7674,6 +7721,7 @@ exports[`renders components/form/demo/size.tsx correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"
@ -9068,6 +9116,9 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -9095,6 +9146,7 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
>
Please select a country
</span>
</span>
</div>
<span
aria-hidden="true"
@ -9160,6 +9212,9 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<div
class="ant-select-selection-overflow"
@ -9202,6 +9257,7 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
>
Please select favourite colors
</span>
</span>
</div>
<span
aria-hidden="true"
@ -10599,6 +10655,9 @@ exports[`renders components/form/demo/validate-scroll-to-field.tsx correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -10623,6 +10682,7 @@ exports[`renders components/form/demo/validate-scroll-to-field.tsx correctly 1`]
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"
@ -11506,6 +11566,9 @@ exports[`renders components/form/demo/validate-static.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -11531,6 +11594,7 @@ exports[`renders components/form/demo/validate-static.tsx correctly 1`] = `
>
I'm Select
</span>
</span>
</div>
<span
aria-hidden="true"
@ -13294,6 +13358,9 @@ exports[`renders components/form/demo/variant.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -13319,6 +13386,7 @@ exports[`renders components/form/demo/variant.tsx correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"

4
components/form/__tests__/__snapshots__/index.test.tsx.snap
View File

@ -292,6 +292,9 @@ exports[`Form form should support disabled 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -317,6 +320,7 @@ exports[`Form form should support disabled 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"

8
components/input-number/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -118,6 +118,9 @@ exports[`renders components/input-number/demo/addon.tsx extend context correctly
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -145,6 +148,7 @@ exports[`renders components/input-number/demo/addon.tsx extend context correctly
>
+
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -337,6 +341,9 @@ exports[`renders components/input-number/demo/addon.tsx extend context correctly
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -364,6 +371,7 @@ exports[`renders components/input-number/demo/addon.tsx extend context correctly
>
$
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"

8
components/input-number/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -118,6 +118,9 @@ exports[`renders components/input-number/demo/addon.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -144,6 +147,7 @@ exports[`renders components/input-number/demo/addon.tsx correctly 1`] = `
>
+
</span>
</span>
</div>
<span
aria-hidden="true"
@ -256,6 +260,9 @@ exports[`renders components/input-number/demo/addon.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -282,6 +289,7 @@ exports[`renders components/input-number/demo/addon.tsx correctly 1`] = `
>
$
</span>
</span>
</div>
<span
aria-hidden="true"

60
components/input/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -48,6 +48,9 @@ exports[`renders components/input/demo/addon.tsx extend context correctly 1`] =
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -75,6 +78,7 @@ exports[`renders components/input/demo/addon.tsx extend context correctly 1`] =
>
http://
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -197,6 +201,9 @@ exports[`renders components/input/demo/addon.tsx extend context correctly 1`] =
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -224,6 +231,7 @@ exports[`renders components/input/demo/addon.tsx extend context correctly 1`] =
>
.com
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -3062,6 +3070,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3089,6 +3100,7 @@ Array [
>
Jack
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -3203,6 +3215,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3228,6 +3243,7 @@ Array [
class="ant-select-selection-item"
title=""
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -3342,6 +3358,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3366,6 +3385,7 @@ Array [
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -5250,6 +5270,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -5273,6 +5296,7 @@ Array [
>
input here
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -5868,6 +5892,9 @@ exports[`renders components/input/demo/compact-style.tsx extend context correctl
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -5895,6 +5922,7 @@ exports[`renders components/input/demo/compact-style.tsx extend context correctl
>
Zhejiang
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -6819,6 +6847,9 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -6846,6 +6877,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
>
Zhejiang
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -7135,6 +7167,9 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -7162,6 +7197,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
>
Option1
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -9201,6 +9237,9 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -9228,6 +9267,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
>
Option1-1
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -9341,6 +9381,9 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -9368,6 +9411,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
>
Option2-2
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -9486,6 +9530,9 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -9513,6 +9560,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
>
Between
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -9654,6 +9702,9 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -9681,6 +9732,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
>
Sign Up
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -9795,6 +9847,9 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -9818,6 +9873,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
>
Email
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -9902,6 +9958,9 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -9929,6 +9988,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
>
Home
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"

60
components/input/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -48,6 +48,9 @@ exports[`renders components/input/demo/addon.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -74,6 +77,7 @@ exports[`renders components/input/demo/addon.tsx correctly 1`] = `
>
http://
</span>
</span>
</div>
<span
aria-hidden="true"
@ -116,6 +120,9 @@ exports[`renders components/input/demo/addon.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -142,6 +149,7 @@ exports[`renders components/input/demo/addon.tsx correctly 1`] = `
>
.com
</span>
</span>
</div>
<span
aria-hidden="true"
@ -676,6 +684,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -702,6 +713,7 @@ Array [
>
Jack
</span>
</span>
</div>
<span
aria-hidden="true"
@ -736,6 +748,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -760,6 +775,7 @@ Array [
class="ant-select-selection-item"
title=""
/>
</span>
</div>
<span
aria-hidden="true"
@ -794,6 +810,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -817,6 +836,7 @@ Array [
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"
@ -1158,6 +1178,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1180,6 +1203,7 @@ Array [
>
input here
</span>
</span>
</div>
</div>,
<br />,
@ -1750,6 +1774,9 @@ exports[`renders components/input/demo/compact-style.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1776,6 +1803,7 @@ exports[`renders components/input/demo/compact-style.tsx correctly 1`] = `
>
Zhejiang
</span>
</span>
</div>
<span
aria-hidden="true"
@ -2593,6 +2621,9 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2619,6 +2650,7 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
>
Zhejiang
</span>
</span>
</div>
<span
aria-hidden="true"
@ -2828,6 +2860,9 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2854,6 +2889,7 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
>
Option1
</span>
</span>
</div>
<span
aria-hidden="true"
@ -3125,6 +3161,9 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3151,6 +3190,7 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
>
Option1-1
</span>
</span>
</div>
<span
aria-hidden="true"
@ -3184,6 +3224,9 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3210,6 +3253,7 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
>
Option2-2
</span>
</span>
</div>
<span
aria-hidden="true"
@ -3248,6 +3292,9 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3274,6 +3321,7 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
>
Between
</span>
</span>
</div>
<span
aria-hidden="true"
@ -3335,6 +3383,9 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3361,6 +3412,7 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
>
Sign Up
</span>
</span>
</div>
<span
aria-hidden="true"
@ -3395,6 +3447,9 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3417,6 +3472,7 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
>
Email
</span>
</span>
</div>
</div>
</span>
@ -3430,6 +3486,9 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3456,6 +3515,7 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
>
Home
</span>
</span>
</div>
<span
aria-hidden="true"

12
components/list/__tests__/__snapshots__/pagination.test.tsx.snap
View File

@ -304,6 +304,9 @@ exports[`List.pagination should change page size work 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -329,6 +332,7 @@ exports[`List.pagination should change page size work 1`] = `
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -449,6 +453,9 @@ exports[`List.pagination should change page size work 2`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -475,6 +482,7 @@ exports[`List.pagination should change page size work 2`] = `
>
50 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-enter ant-slide-up-enter-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -708,6 +716,9 @@ exports[`List.pagination should default work 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -733,6 +744,7 @@ exports[`List.pagination should default work 1`] = `
>
3 / page
</span>
</span>
</div>
<span
aria-hidden="true"

1120
components/locale/__tests__/__snapshots__/index.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

68
components/pagination/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -564,6 +564,9 @@ exports[`renders components/pagination/demo/all.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -589,6 +592,7 @@ exports[`renders components/pagination/demo/all.tsx extend context correctly 1`]
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -1046,6 +1050,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1071,6 +1078,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -1384,6 +1392,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1410,6 +1421,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -1690,6 +1702,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1715,6 +1730,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -2039,6 +2055,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2065,6 +2084,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -2468,6 +2488,9 @@ exports[`renders components/pagination/demo/itemRender.tsx extend context correc
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2493,6 +2516,7 @@ exports[`renders components/pagination/demo/itemRender.tsx extend context correc
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -2811,6 +2835,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2836,6 +2863,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -3160,6 +3188,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3186,6 +3217,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -3591,6 +3623,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3616,6 +3651,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -4023,6 +4059,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4049,6 +4088,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -4428,6 +4468,9 @@ exports[`renders components/pagination/demo/more.tsx extend context correctly 1`
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4453,6 +4496,7 @@ exports[`renders components/pagination/demo/more.tsx extend context correctly 1`
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -4985,6 +5029,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -5010,6 +5057,7 @@ Array [
>
20 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -5279,6 +5327,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -5304,6 +5355,7 @@ Array [
>
20 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -5623,6 +5675,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -5648,6 +5703,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -5961,6 +6017,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -5987,6 +6046,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -6300,6 +6360,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -6325,6 +6388,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -6638,6 +6702,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -6664,6 +6731,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"

68
components/pagination/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -562,6 +562,9 @@ exports[`renders components/pagination/demo/all.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -586,6 +589,7 @@ exports[`renders components/pagination/demo/all.tsx correctly 1`] = `
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -937,6 +941,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -961,6 +968,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1172,6 +1180,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1197,6 +1208,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1373,6 +1385,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1397,6 +1412,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1619,6 +1635,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1644,6 +1663,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1941,6 +1961,9 @@ exports[`renders components/pagination/demo/itemRender.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1965,6 +1988,7 @@ exports[`renders components/pagination/demo/itemRender.tsx correctly 1`] = `
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -2179,6 +2203,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2203,6 +2230,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -2425,6 +2453,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2450,6 +2481,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -2751,6 +2783,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2775,6 +2810,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -3080,6 +3116,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3105,6 +3144,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -3380,6 +3420,9 @@ exports[`renders components/pagination/demo/more.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3404,6 +3447,7 @@ exports[`renders components/pagination/demo/more.tsx correctly 1`] = `
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -3830,6 +3874,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3854,6 +3901,7 @@ Array [
>
20 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -4021,6 +4069,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4045,6 +4096,7 @@ Array [
>
20 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -4260,6 +4312,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4284,6 +4339,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -4495,6 +4551,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4520,6 +4579,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -4731,6 +4791,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4755,6 +4818,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -4966,6 +5030,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4991,6 +5058,7 @@ Array [
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"

4
components/pagination/__tests__/__snapshots__/index.test.tsx.snap
View File

@ -258,6 +258,9 @@ exports[`Pagination ConfigProvider should be rendered correctly when componentSi
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -283,6 +286,7 @@ exports[`Pagination ConfigProvider should be rendered correctly when componentSi
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"

4
components/segmented/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -1500,6 +1500,9 @@ exports[`renders components/segmented/demo/size-consistent.tsx extend context co
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1527,6 +1530,7 @@ exports[`renders components/segmented/demo/size-consistent.tsx extend context co
>
Lucy
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"

4
components/segmented/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -1480,6 +1480,9 @@ exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1506,6 +1509,7 @@ exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
>
Lucy
</span>
</span>
</div>
<span
aria-hidden="true"

1679
components/select/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

File diff suppressed because it is too large Load Diff

912
components/select/__tests__/__snapshots__/demo.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

12
components/select/__tests__/__snapshots__/index.test.tsx.snap
View File

@ -6,6 +6,9 @@ exports[`Select Deprecated should ignore mode="combobox" 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -30,6 +33,7 @@ exports[`Select Deprecated should ignore mode="combobox" 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"
@ -66,6 +70,9 @@ exports[`Select Select Custom Icons should support customized icons 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -90,6 +97,7 @@ exports[`Select Select Custom Icons should support customized icons 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"
@ -126,6 +134,9 @@ exports[`Select rtl render component should be rendered correctly in RTL directi
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -150,6 +161,7 @@ exports[`Select rtl render component should be rendered correctly in RTL directi
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"

4
components/select/demo/suffix.md
View File

@ -1,7 +1,7 @@
## zh-CN
后缀图标。
自定义前缀 `prefix` 和后缀图标 `suffixIcon`。
## en-US
suffix icon.
Custom `prefix` and `suffixIcon`.

49
components/select/demo/suffix.tsx
View File

@ -5,12 +5,24 @@ import { Select, Space } from 'antd';
const smileIcon = <SmileOutlined />;
const mehIcon = <MehOutlined />;
const handleChange = (value: string) => {
const handleChange = (value: string | string[]) => {
console.log(`selected ${value}`);
};
const App: React.FC = () => (
<Space wrap>
<Select
prefix="User"
defaultValue="lucy"
style={{ width: 200 }}
onChange={handleChange}
options={[
{ value: 'jack', label: 'Jack' },
{ value: 'lucy', label: 'Lucy' },
{ value: 'Yiminghe', label: 'yiminghe' },
{ value: 'disabled', label: 'Disabled', disabled: true },
]}
/>
<Select
suffixIcon={smileIcon}
defaultValue="lucy"
@ -30,6 +42,41 @@ const App: React.FC = () => (
disabled
options={[{ value: 'lucy', label: 'Lucy' }]}
/>
<br />
<Select
prefix="User"
defaultValue={['lucy']}
mode="multiple"
style={{ width: 200 }}
onChange={handleChange}
options={[
{ value: 'jack', label: 'Jack' },
{ value: 'lucy', label: 'Lucy' },
{ value: 'Yiminghe', label: 'yiminghe' },
{ value: 'disabled', label: 'Disabled', disabled: true },
]}
/>
<Select
suffixIcon={smileIcon}
defaultValue={['lucy']}
mode="multiple"
style={{ width: 120 }}
onChange={handleChange}
options={[
{ value: 'jack', label: 'Jack' },
{ value: 'lucy', label: 'Lucy' },
{ value: 'Yiminghe', label: 'yiminghe' },
{ value: 'disabled', label: 'Disabled', disabled: true },
]}
/>
<Select
suffixIcon={mehIcon}
defaultValue={['lucy']}
mode="multiple"
style={{ width: 120 }}
disabled
options={[{ value: 'lucy', label: 'Lucy' }]}
/>
</Space>
);

3
components/select/index.en-US.md
View File

@ -52,7 +52,7 @@ return (
<code src="./demo/label-in-value.tsx">Get value of selected item</code>
<code src="./demo/automatic-tokenization.tsx">Automatic tokenization</code>
<code src="./demo/select-users.tsx">Search and Select Users</code>
<code src="./demo/suffix.tsx" debug>Suffix</code>
<code src="./demo/suffix.tsx" debug>Prefix and Suffix</code>
<code src="./demo/custom-dropdown-menu.tsx">Custom dropdown</code>
<code src="./demo/hide-selected.tsx">Hide Already Selected</code>
<code src="./demo/variant.tsx" version="5.13.0">Variants</code>
@ -111,6 +111,7 @@ Common props ref：[Common props](/docs/react/common-props)
| optionRender | Customize the rendering dropdown options | (option: FlattenOptionData\<BaseOptionType\> , info: { index: number }) => React.ReactNode | - | 5.11.0 |
| placeholder | Placeholder of select | ReactNode | - | |
| placement | The position where the selection box pops up | `bottomLeft` `bottomRight` `topLeft` `topRight` | bottomLeft | |
| prefix | The custom prefix | ReactNode | - | 5.22.0 |
| removeIcon | The custom remove icon | ReactNode | - | |
| searchValue | The current input "search" text | string | - | |
| showSearch | Whether select is searchable | boolean | single: false, multiple: true | |

3
components/select/index.tsx
View File

@ -47,6 +47,7 @@ export interface InternalSelectProps<
OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType,
> extends Omit<RcSelectProps<ValueType, OptionType>, 'mode'> {
rootClassName?: string;
prefix?: React.ReactNode;
suffixIcon?: React.ReactNode;
size?: SizeType;
disabled?: boolean;
@ -118,6 +119,7 @@ const InternalSelect = <
transitionName,
tagRender,
maxCount,
prefix,
...rest
} = props;
@ -292,6 +294,7 @@ const InternalSelect = <
prefixCls={prefixCls}
placement={memoPlacement}
direction={direction}
prefix={prefix}
suffixIcon={suffixIcon}
menuItemSelectedIcon={itemIcon}
removeIcon={removeIcon}

3
components/select/index.zh-CN.md
View File

@ -53,7 +53,7 @@ return (
<code src="./demo/label-in-value.tsx">获得选项的文本</code>
<code src="./demo/automatic-tokenization.tsx">自动分词</code>
<code src="./demo/select-users.tsx">搜索用户</code>
<code src="./demo/suffix.tsx" debug>后缀图标</code>
<code src="./demo/suffix.tsx" debug>前后缀</code>
<code src="./demo/custom-dropdown-menu.tsx">扩展菜单</code>
<code src="./demo/hide-selected.tsx">隐藏已选择选项</code>
<code src="./demo/variant.tsx" version="5.13.0">多种形态</code>
@ -112,6 +112,7 @@ return (
| optionRender | 自定义渲染下拉选项 | (option: FlattenOptionData\<BaseOptionType\> , info: { index: number }) => React.ReactNode | - | 5.11.0 |
| placeholder | 选择框默认文本 | string | - | |
| placement | 选择框弹出的位置 | `bottomLeft` `bottomRight` `topLeft` `topRight` | bottomLeft | |
| prefix | 自定义前缀 | ReactNode | - | 5.22.0 |
| removeIcon | 自定义的多选框清除图标 | ReactNode | - | |
| searchValue | 控制搜索文本 | string | - | |
| showSearch | 配置是否可搜索 | boolean | 单选为 false，多选为 true | |

2
components/select/style/index.ts
View File

@ -76,7 +76,7 @@ const genBaseStyle: GenerateStyle<SelectToken> = (token) => {
[componentCls]: {
...resetComponent(token),
position: 'relative',
display: 'inline-block',
display: 'inline-flex',
cursor: 'pointer',
[`&:not(${componentCls}-customize-input) ${componentCls}-selector`]: {

10
components/select/style/multiple.ts
View File

@ -17,6 +17,7 @@ type SelectItemToken = Pick<
| 'calc'
| 'inputPaddingHorizontalBase'
| 'INTERNAL_FIXED_ITEM_MARGIN'
| 'selectAffixPadding'
>;
/**
@ -208,8 +209,8 @@ const genSelectionStyle = (
// ========================= Selector =========================
[`${componentCls}-selector`]: {
display: 'flex',
flexWrap: 'wrap',
alignItems: 'center',
width: '100%',
height: '100%',
// Multiple is little different that horizontal is follow the vertical
paddingInline: multipleSelectorUnit.basePadding,
@ -290,6 +291,13 @@ const genSelectionStyle = (
transform: 'translateY(-50%)',
transition: `all ${token.motionDurationSlow}`,
},
[`${componentCls}-prefix`]: {
height: multipleSelectorUnit.itemHeight,
lineHeight: unit(multipleSelectorUnit.itemLineHeight),
marginInlineStart: `calc(${unit(token.inputPaddingHorizontalBase)} - ${unit(multipleSelectorUnit.basePadding)})`,
marginInlineEnd: token.selectAffixPadding,
},
},
};
};

34
components/select/style/single.ts
View File

@ -6,18 +6,13 @@ import { mergeToken } from '../../theme/internal';
import type { SelectToken } from './token';
function genSizeStyle(token: SelectToken, suffix?: string): CSSObject {
const { componentCls, inputPaddingHorizontalBase, borderRadius, fontSizeIcon } = token;
const { componentCls, inputPaddingHorizontalBase, borderRadius, selectAffixPadding } = token;
const selectHeightWithoutBorder = token
.calc(token.controlHeight)
.sub(token.calc(token.lineWidth).mul(2))
.equal();
const singleInputPaddingHorizontal = token
.calc(inputPaddingHorizontalBase)
.add(fontSizeIcon)
.equal();
const suffixCls = suffix ? `${componentCls}-${suffix}` : '';
return {
@ -31,13 +26,18 @@ function genSizeStyle(token: SelectToken, suffix?: string): CSSObject {
display: 'flex',
borderRadius,
flex: '1 1 auto',
[`${componentCls}-selection-wrap`]: {
display: 'flex',
width: '100%',
position: 'relative',
},
[`${componentCls}-selection-search`]: {
position: 'absolute',
top: 0,
insetInlineStart: inputPaddingHorizontalBase,
insetInlineEnd: unit(singleInputPaddingHorizontal),
bottom: 0,
inset: 0,
width: '100%',
'&-input': {
width: '100%',
@ -47,8 +47,10 @@ function genSizeStyle(token: SelectToken, suffix?: string): CSSObject {
[`
${componentCls}-selection-item,
${componentCls}-selection-placeholder
${componentCls}-selection-placeholder,
${componentCls}-prefix
`]: {
display: 'block',
padding: 0,
lineHeight: unit(selectHeightWithoutBorder),
transition: `all ${token.motionDurationSlow}, visibility 0s`,
@ -60,6 +62,10 @@ function genSizeStyle(token: SelectToken, suffix?: string): CSSObject {
pointerEvents: 'none',
},
[`${componentCls}-prefix`]: {
marginInlineEnd: selectAffixPadding,
},
// For common baseline align
[[
'&:after',
@ -77,6 +83,7 @@ function genSizeStyle(token: SelectToken, suffix?: string): CSSObject {
[`
&${componentCls}-show-arrow ${componentCls}-selection-item,
&${componentCls}-show-arrow ${componentCls}-selection-search,
&${componentCls}-show-arrow ${componentCls}-selection-placeholder
`]: {
paddingInlineEnd: token.showArrowPaddingInlineEnd,
@ -158,11 +165,6 @@ export default function genSingleStyle(token: SelectToken): CSSInterpolation {
{
[`${componentCls}-single${componentCls}-sm`]: {
[`&:not(${componentCls}-customize-input)`]: {
[`${componentCls}-selection-search`]: {
insetInlineStart: inputPaddingHorizontalSM,
insetInlineEnd: inputPaddingHorizontalSM,
},
[`${componentCls}-selector`]: {
padding: `0 ${unit(inputPaddingHorizontalSM)}`,
},

2
components/select/style/token.ts
View File

@ -131,6 +131,7 @@ export interface ComponentToken extends MultipleSelectorToken {
}
export interface SelectorToken {
selectAffixPadding: number | string;
inputPaddingHorizontalBase: number | string;
multipleSelectItemHeight: number;
selectHeight: number;
@ -218,5 +219,6 @@ export const prepareComponentToken: GetDefaultToken<'Select'> = (token) => {
hoverBorderColor: colorPrimaryHover,
activeBorderColor: colorPrimary,
activeOutlineColor: controlOutline,
selectAffixPadding: paddingXXS,
};
};

56
components/space/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -461,6 +461,9 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -488,6 +491,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
>
Zhejiang
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -643,6 +647,9 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<div
class="ant-select-selection-overflow"
@ -721,6 +728,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
</div>
</div>
</div>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -1069,6 +1077,9 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1096,6 +1107,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
>
Option1
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -4355,6 +4367,9 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4382,6 +4397,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
>
Option1-1
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -4495,6 +4511,9 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4522,6 +4541,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
>
Option2-2
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -4643,6 +4663,9 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4670,6 +4693,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
>
Between
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -4814,6 +4838,9 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4841,6 +4868,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
>
Sign Up
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -4955,6 +4983,9 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4978,6 +5009,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
>
Email
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -9073,6 +9105,9 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -9100,6 +9135,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"
@ -10501,6 +10537,9 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -10528,6 +10567,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
>
http://
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -10650,6 +10690,9 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -10677,6 +10720,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
>
.com
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -12331,6 +12375,9 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -12355,6 +12402,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
@ -12561,6 +12609,9 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -12588,6 +12639,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
>
Sign Up
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -14291,6 +14343,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -14318,6 +14373,7 @@ Array [
>
Opt1
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"

48
components/space/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -356,6 +356,9 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -382,6 +385,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
>
Zhejiang
</span>
</span>
</div>
<span
aria-hidden="true"
@ -457,6 +461,9 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<div
class="ant-select-selection-overflow"
@ -534,6 +541,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
</div>
</div>
</div>
</span>
</div>
<span
aria-hidden="true"
@ -788,6 +796,9 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -814,6 +825,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
>
Option1
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1192,6 +1204,9 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1218,6 +1233,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
>
Option1-1
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1251,6 +1267,9 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1277,6 +1296,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
>
Option2-2
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1318,6 +1338,9 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1344,6 +1367,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
>
Between
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1408,6 +1432,9 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1434,6 +1461,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
>
Sign Up
</span>
</span>
</div>
<span
aria-hidden="true"
@ -1468,6 +1496,9 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1490,6 +1521,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
>
Email
</span>
</span>
</div>
</div>
</div>
@ -2693,6 +2725,9 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2719,6 +2754,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
>
http://
</span>
</span>
</div>
<span
aria-hidden="true"
@ -2761,6 +2797,9 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2787,6 +2826,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
>
.com
</span>
</span>
</div>
<span
aria-hidden="true"
@ -3556,6 +3596,9 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3582,6 +3625,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
>
Sign Up
</span>
</span>
</div>
<span
aria-hidden="true"
@ -4001,6 +4045,9 @@ Array [
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -4027,6 +4074,7 @@ Array [
>
Opt1
</span>
</span>
</div>
<span
aria-hidden="true"

16
components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -8855,6 +8855,9 @@ exports[`renders components/table/demo/edit-row.tsx extend context correctly 1`]
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -8880,6 +8883,7 @@ exports[`renders components/table/demo/edit-row.tsx extend context correctly 1`]
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -13052,6 +13056,9 @@ exports[`renders components/table/demo/fixed-header.tsx extend context correctly
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -13077,6 +13084,7 @@ exports[`renders components/table/demo/fixed-header.tsx extend context correctly
>
50 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -14339,6 +14347,9 @@ exports[`renders components/table/demo/grouping-columns.tsx extend context corre
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -14364,6 +14375,7 @@ exports[`renders components/table/demo/grouping-columns.tsx extend context corre
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -17086,6 +17098,9 @@ exports[`renders components/table/demo/narrow.tsx extend context correctly 1`] =
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -17111,6 +17126,7 @@ exports[`renders components/table/demo/narrow.tsx extend context correctly 1`] =
>
10 / page
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"

24
components/table/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -7835,6 +7835,9 @@ exports[`renders components/table/demo/edit-row.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -7859,6 +7862,7 @@ exports[`renders components/table/demo/edit-row.tsx correctly 1`] = `
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -12052,6 +12056,9 @@ exports[`renders components/table/demo/fixed-columns-header.tsx correctly 1`] =
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -12076,6 +12083,7 @@ exports[`renders components/table/demo/fixed-columns-header.tsx correctly 1`] =
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -14031,6 +14039,9 @@ exports[`renders components/table/demo/fixed-header.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -14055,6 +14066,7 @@ exports[`renders components/table/demo/fixed-header.tsx correctly 1`] = `
>
50 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -15061,6 +15073,9 @@ exports[`renders components/table/demo/grouping-columns.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -15085,6 +15100,7 @@ exports[`renders components/table/demo/grouping-columns.tsx correctly 1`] = `
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -17193,6 +17209,9 @@ exports[`renders components/table/demo/narrow.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -17217,6 +17236,7 @@ exports[`renders components/table/demo/narrow.tsx correctly 1`] = `
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"
@ -27785,6 +27805,9 @@ exports[`renders components/table/demo/sticky.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -27809,6 +27832,7 @@ exports[`renders components/table/demo/sticky.tsx correctly 1`] = `
>
10 / page
</span>
</span>
</div>
<span
aria-hidden="true"

16
components/tabs/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -3463,6 +3463,9 @@ exports[`renders components/tabs/demo/nest.tsx extend context correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3487,6 +3490,7 @@ exports[`renders components/tabs/demo/nest.tsx extend context correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -3629,6 +3633,9 @@ exports[`renders components/tabs/demo/nest.tsx extend context correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3653,6 +3660,7 @@ exports[`renders components/tabs/demo/nest.tsx extend context correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -3795,6 +3803,9 @@ exports[`renders components/tabs/demo/nest.tsx extend context correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3819,6 +3830,7 @@ exports[`renders components/tabs/demo/nest.tsx extend context correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
@ -3950,6 +3962,9 @@ exports[`renders components/tabs/demo/nest.tsx extend context correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3974,6 +3989,7 @@ exports[`renders components/tabs/demo/nest.tsx extend context correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"

16
components/tabs/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -2905,6 +2905,9 @@ exports[`renders components/tabs/demo/nest.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2928,6 +2931,7 @@ exports[`renders components/tabs/demo/nest.tsx correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"
@ -2962,6 +2966,9 @@ exports[`renders components/tabs/demo/nest.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -2985,6 +2992,7 @@ exports[`renders components/tabs/demo/nest.tsx correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"
@ -3019,6 +3027,9 @@ exports[`renders components/tabs/demo/nest.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3042,6 +3053,7 @@ exports[`renders components/tabs/demo/nest.tsx correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"
@ -3076,6 +3088,9 @@ exports[`renders components/tabs/demo/nest.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3099,6 +3114,7 @@ exports[`renders components/tabs/demo/nest.tsx correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"

4
components/tooltip/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -1549,6 +1549,9 @@ exports[`renders components/tooltip/demo/disabled-children.tsx extend context co
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -1574,6 +1577,7 @@ exports[`renders components/tooltip/demo/disabled-children.tsx extend context co
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"

4
components/tooltip/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -707,6 +707,9 @@ exports[`renders components/tooltip/demo/disabled-children.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -731,6 +734,7 @@ exports[`renders components/tooltip/demo/disabled-children.tsx correctly 1`] = `
<span
class="ant-select-selection-placeholder"
/>
</span>
</div>
<span
aria-hidden="true"

4
components/tree/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -3291,6 +3291,9 @@ exports[`renders components/tree/demo/line.tsx extend context correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3318,6 +3321,7 @@ exports[`renders components/tree/demo/line.tsx extend context correctly 1`] = `
>
True
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"

4
components/tree/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -3276,6 +3276,9 @@ exports[`renders components/tree/demo/line.tsx correctly 1`] = `
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -3302,6 +3305,7 @@ exports[`renders components/tree/demo/line.tsx correctly 1`] = `
>
True
</span>
</span>
</div>
<span
aria-hidden="true"

4
components/watermark/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -248,6 +248,9 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
@ -275,6 +278,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
>
HEX
</span>
</span>
</div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomRight"

2
package.json
View File

@ -140,7 +140,7 @@
"rc-rate": "~2.13.0",
"rc-resize-observer": "^1.4.0",
"rc-segmented": "~2.5.0",
"rc-select": "~14.15.2",
"rc-select": "~14.16.2",
"rc-slider": "~11.1.7",
"rc-steps": "~6.0.1",
"rc-switch": "~4.1.0",