mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 02:59:58 +08:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

refactor: remove Space & Grid IE compatible logic (#44620)

Browse Source 
* refactor: remove IE compatible logic

* fix: fix

* fix: fix

* fix: fix
This commit is contained in:
lijianan 2023-09-05 10:17:56 +08:00 committed by GitHub
parent 46341b115c
commit 6a5e7ded43
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
119 changed files with 933 additions and 2826 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/_util/hooks/useFlexGapSupport.ts
View File

@ -1,11 +0,0 @@
import * as React from 'react';
import { detectFlexGapSupported } from '../styleChecker';
export default () => {
const [flexible, setFlexible] = React.useState(false);
React.useEffect(() => {
setFlexible(detectFlexGapSupported());
}, []);
return flexible;
};

35
components/_util/styleChecker.ts
View File

@ -4,38 +4,3 @@ import { isStyleSupport } from 'rc-util/lib/Dom/styleChecker';
export const canUseDocElement = () => canUseDom() && window.document.documentElement;
export { isStyleSupport };
let flexGapSupported: boolean;
export const detectFlexGapSupported = () => {
if (!canUseDocElement()) {
return false;
}
if (flexGapSupported !== undefined) {
return flexGapSupported;
}
// create flex container with row-gap set
const flex = document.createElement('div');
flex.style.display = 'flex';
flex.style.flexDirection = 'column';
flex.style.rowGap = '1px';
// create two, elements inside it
flex.appendChild(document.createElement('div'));
flex.appendChild(document.createElement('div'));
// some browser may not repaint when remove nodes, so we need create a new layer to detect.
const container = document.createElement('div');
container.style.position = 'absolute';
container.style.zIndex = '-9999';
container.appendChild(flex);
// append to the DOM (needed to obtain scrollHeight)
document.body.appendChild(container);
flexGapSupported = flex.scrollHeight === 1; // flex container should be 1px high from the row-gap
document.body.removeChild(container);
return flexGapSupported;
};

51
components/alert/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -2,12 +2,11 @@
exports[`renders components/alert/demo/action.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-success"
@ -84,7 +83,6 @@ exports[`renders components/alert/demo/action.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-error ant-alert-with-description"
@ -141,7 +139,6 @@ exports[`renders components/alert/demo/action.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-warning ant-alert-no-icon"
@ -161,7 +158,7 @@ exports[`renders components/alert/demo/action.tsx extend context correctly 1`] =
class="ant-alert-action"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
@ -231,11 +228,10 @@ exports[`renders components/alert/demo/action.tsx extend context correctly 1`] =
class="ant-alert-action"
>
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
@ -299,12 +295,11 @@ exports[`renders components/alert/demo/action.tsx extend context correctly 2`] =
exports[`renders components/alert/demo/banner.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-warning ant-alert-banner"
@ -343,7 +338,6 @@ exports[`renders components/alert/demo/banner.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-warning ant-alert-banner"
@ -408,7 +402,6 @@ exports[`renders components/alert/demo/banner.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-warning ant-alert-no-icon ant-alert-banner"
@ -492,12 +485,11 @@ exports[`renders components/alert/demo/basic.tsx extend context correctly 2`] =
exports[`renders components/alert/demo/closable.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-warning ant-alert-no-icon"
@ -598,12 +590,11 @@ exports[`renders components/alert/demo/closable.tsx extend context correctly 2`]
exports[`renders components/alert/demo/custom-icon.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-success ant-alert-no-icon"
@ -623,7 +614,6 @@ exports[`renders components/alert/demo/custom-icon.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-success"
@ -662,7 +652,6 @@ exports[`renders components/alert/demo/custom-icon.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-info"
@ -701,7 +690,6 @@ exports[`renders components/alert/demo/custom-icon.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-warning"
@ -740,7 +728,6 @@ exports[`renders components/alert/demo/custom-icon.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-error"
@ -779,7 +766,6 @@ exports[`renders components/alert/demo/custom-icon.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-success ant-alert-with-description"
@ -823,7 +809,6 @@ exports[`renders components/alert/demo/custom-icon.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-info ant-alert-with-description"
@ -867,7 +852,6 @@ exports[`renders components/alert/demo/custom-icon.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-warning ant-alert-with-description"
@ -959,12 +943,11 @@ exports[`renders components/alert/demo/custom-icon.tsx extend context correctly
exports[`renders components/alert/demo/description.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-success ant-alert-with-description ant-alert-no-icon"
@ -989,7 +972,6 @@ exports[`renders components/alert/demo/description.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon"
@ -1014,7 +996,6 @@ exports[`renders components/alert/demo/description.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-warning ant-alert-with-description ant-alert-no-icon"
@ -1081,12 +1062,11 @@ exports[`renders components/alert/demo/error-boundary.tsx extend context correct
exports[`renders components/alert/demo/icon.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-success"
@ -1125,7 +1105,6 @@ exports[`renders components/alert/demo/icon.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-info"
@ -1164,7 +1143,6 @@ exports[`renders components/alert/demo/icon.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-warning"
@ -1229,7 +1207,6 @@ exports[`renders components/alert/demo/icon.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-error"
@ -1269,7 +1246,6 @@ exports[`renders components/alert/demo/icon.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-success ant-alert-with-description"
@ -1313,7 +1289,6 @@ exports[`renders components/alert/demo/icon.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-info ant-alert-with-description"
@ -1357,7 +1332,6 @@ exports[`renders components/alert/demo/icon.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-warning ant-alert-with-description"
@ -1476,12 +1450,11 @@ exports[`renders components/alert/demo/icon.tsx extend context correctly 2`] = `
exports[`renders components/alert/demo/smooth-closed.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-success ant-alert-no-icon"
@ -1527,7 +1500,6 @@ exports[`renders components/alert/demo/smooth-closed.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<p>
click the close button to see the effect
@ -1565,12 +1537,11 @@ exports[`renders components/alert/demo/smooth-closed.tsx extend context correctl
exports[`renders components/alert/demo/style.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-success ant-alert-no-icon"
@ -1590,7 +1561,6 @@ exports[`renders components/alert/demo/style.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-info ant-alert-no-icon"
@ -1610,7 +1580,6 @@ exports[`renders components/alert/demo/style.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-alert ant-alert-warning ant-alert-no-icon"

51
components/alert/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -2,12 +2,11 @@
exports[`renders components/alert/demo/action.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-success"
@ -84,7 +83,6 @@ exports[`renders components/alert/demo/action.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-error ant-alert-with-description"
@ -141,7 +139,6 @@ exports[`renders components/alert/demo/action.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-warning ant-alert-no-icon"
@ -161,7 +158,7 @@ exports[`renders components/alert/demo/action.tsx correctly 1`] = `
class="ant-alert-action"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
@ -231,11 +228,10 @@ exports[`renders components/alert/demo/action.tsx correctly 1`] = `
class="ant-alert-action"
>
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
@ -293,12 +289,11 @@ exports[`renders components/alert/demo/action.tsx correctly 1`] = `
exports[`renders components/alert/demo/banner.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-warning ant-alert-banner"
@ -337,7 +332,6 @@ exports[`renders components/alert/demo/banner.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-warning ant-alert-banner"
@ -402,7 +396,6 @@ exports[`renders components/alert/demo/banner.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-warning ant-alert-no-icon ant-alert-banner"
@ -482,12 +475,11 @@ exports[`renders components/alert/demo/basic.tsx correctly 1`] = `
exports[`renders components/alert/demo/closable.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-warning ant-alert-no-icon"
@ -586,12 +578,11 @@ exports[`renders components/alert/demo/closable.tsx correctly 1`] = `
exports[`renders components/alert/demo/custom-icon.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-success ant-alert-no-icon"
@ -611,7 +602,6 @@ exports[`renders components/alert/demo/custom-icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-success"
@ -650,7 +640,6 @@ exports[`renders components/alert/demo/custom-icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-info"
@ -689,7 +678,6 @@ exports[`renders components/alert/demo/custom-icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-warning"
@ -728,7 +716,6 @@ exports[`renders components/alert/demo/custom-icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-error"
@ -767,7 +754,6 @@ exports[`renders components/alert/demo/custom-icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-success ant-alert-with-description"
@ -811,7 +797,6 @@ exports[`renders components/alert/demo/custom-icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-info ant-alert-with-description"
@ -855,7 +840,6 @@ exports[`renders components/alert/demo/custom-icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-warning ant-alert-with-description"
@ -945,12 +929,11 @@ exports[`renders components/alert/demo/custom-icon.tsx correctly 1`] = `
exports[`renders components/alert/demo/description.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-success ant-alert-with-description ant-alert-no-icon"
@ -975,7 +958,6 @@ exports[`renders components/alert/demo/description.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon"
@ -1000,7 +982,6 @@ exports[`renders components/alert/demo/description.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-warning ant-alert-with-description ant-alert-no-icon"
@ -1063,12 +1044,11 @@ exports[`renders components/alert/demo/error-boundary.tsx correctly 1`] = `
exports[`renders components/alert/demo/icon.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-success"
@ -1107,7 +1087,6 @@ exports[`renders components/alert/demo/icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-info"
@ -1146,7 +1125,6 @@ exports[`renders components/alert/demo/icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-warning"
@ -1211,7 +1189,6 @@ exports[`renders components/alert/demo/icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-error"
@ -1251,7 +1228,6 @@ exports[`renders components/alert/demo/icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-success ant-alert-with-description"
@ -1295,7 +1271,6 @@ exports[`renders components/alert/demo/icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-info ant-alert-with-description"
@ -1339,7 +1314,6 @@ exports[`renders components/alert/demo/icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-warning ant-alert-with-description"
@ -1456,12 +1430,11 @@ exports[`renders components/alert/demo/icon.tsx correctly 1`] = `
exports[`renders components/alert/demo/smooth-closed.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-success ant-alert-no-icon"
@ -1507,7 +1480,6 @@ exports[`renders components/alert/demo/smooth-closed.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<p>
click the close button to see the effect
@ -1543,12 +1515,11 @@ exports[`renders components/alert/demo/smooth-closed.tsx correctly 1`] = `
exports[`renders components/alert/demo/style.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-success ant-alert-no-icon"
@ -1568,7 +1539,6 @@ exports[`renders components/alert/demo/style.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-info ant-alert-no-icon"
@ -1588,7 +1558,6 @@ exports[`renders components/alert/demo/style.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-alert ant-alert-warning ant-alert-no-icon"

7
components/app/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -5,11 +5,10 @@ exports[`renders components/app/demo/basic.tsx extend context correctly 1`] = `
class="ant-app"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -22,7 +21,6 @@ exports[`renders components/app/demo/basic.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -56,11 +54,10 @@ exports[`renders components/app/demo/config.tsx extend context correctly 1`] = `
class="ant-app"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"

7
components/app/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -5,11 +5,10 @@ exports[`renders components/app/demo/basic.tsx correctly 1`] = `
class="ant-app"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -22,7 +21,6 @@ exports[`renders components/app/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -54,11 +52,10 @@ exports[`renders components/app/demo/config.tsx correctly 1`] = `
class="ant-app"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"

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

@ -2067,12 +2067,11 @@ exports[`renders components/auto-complete/demo/options.tsx extend context correc
exports[`renders components/auto-complete/demo/render-panel.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="display: flex;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<button
aria-checked="false"
@ -2251,12 +2250,11 @@ If you used to conditionally omit it with %s={condition && value}, pass %s={cond
exports[`renders components/auto-complete/demo/status.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-select ant-select-status-error ant-select-auto-complete ant-select-single ant-select-show-search"

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

@ -1204,12 +1204,11 @@ exports[`renders components/auto-complete/demo/options.tsx correctly 1`] = `
exports[`renders components/auto-complete/demo/render-panel.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="display:flex"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<button
aria-checked="false"
@ -1271,12 +1270,11 @@ exports[`renders components/auto-complete/demo/render-panel.tsx correctly 1`] =
exports[`renders components/auto-complete/demo/status.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-select ant-select-status-error ant-select-auto-complete ant-select-single ant-select-show-search"

42
components/avatar/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -3,10 +3,10 @@
exports[`renders components/avatar/demo/badge.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="column-gap: 24px; row-gap: 24px;"
>
<div
class="ant-space-item"
style="margin-right: 24px;"
>
<span
class="ant-badge"
@ -97,18 +97,17 @@ exports[`renders components/avatar/demo/badge.tsx extend context correctly 2`] =
exports[`renders components/avatar/demo/basic.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap: 16px; row-gap: 16px;"
>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -16px;"
style="flex-wrap: wrap; column-gap: 16px; row-gap: 16px;"
>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
@ -137,7 +136,6 @@ exports[`renders components/avatar/demo/basic.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-icon"
@ -165,7 +163,6 @@ exports[`renders components/avatar/demo/basic.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
@ -193,7 +190,6 @@ exports[`renders components/avatar/demo/basic.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="padding-bottom: 16px;"
>
<span
class="ant-avatar ant-avatar-sm ant-avatar-circle ant-avatar-icon"
@ -226,11 +222,10 @@ exports[`renders components/avatar/demo/basic.tsx extend context correctly 1`] =
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -16px;"
style="flex-wrap: wrap; column-gap: 16px; row-gap: 16px;"
>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-avatar ant-avatar-square ant-avatar-icon"
@ -259,7 +254,6 @@ exports[`renders components/avatar/demo/basic.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-avatar ant-avatar-lg ant-avatar-square ant-avatar-icon"
@ -287,7 +281,6 @@ exports[`renders components/avatar/demo/basic.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-avatar ant-avatar-square ant-avatar-icon"
@ -315,7 +308,6 @@ exports[`renders components/avatar/demo/basic.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="padding-bottom: 16px;"
>
<span
class="ant-avatar ant-avatar-sm ant-avatar-square ant-avatar-icon"
@ -351,7 +343,7 @@ exports[`renders components/avatar/demo/basic.tsx extend context correctly 2`] =
exports[`renders components/avatar/demo/component-token.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
@ -366,7 +358,7 @@ Array [
</div>
</div>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
@ -496,11 +488,10 @@ Array [
</div>
</div>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="ant-badge"
@ -627,11 +618,10 @@ exports[`renders components/avatar/demo/dynamic.tsx extend context correctly 2`]
exports[`renders components/avatar/demo/fallback.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
@ -1245,12 +1235,11 @@ exports[`renders components/avatar/demo/responsive.tsx extend context correctly
exports[`renders components/avatar/demo/toggle-debug.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -1263,7 +1252,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -1276,7 +1264,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -1342,11 +1329,10 @@ exports[`renders components/avatar/demo/toggle-debug.tsx extend context correctl
exports[`renders components/avatar/demo/type.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -16px;"
style="flex-wrap: wrap; column-gap: 16px; row-gap: 16px;"
>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
@ -1374,7 +1360,6 @@ exports[`renders components/avatar/demo/type.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-avatar ant-avatar-circle"
@ -1389,7 +1374,6 @@ exports[`renders components/avatar/demo/type.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-avatar ant-avatar-circle"
@ -1405,7 +1389,6 @@ exports[`renders components/avatar/demo/type.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
@ -1417,7 +1400,6 @@ exports[`renders components/avatar/demo/type.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
@ -1430,7 +1412,6 @@ exports[`renders components/avatar/demo/type.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-avatar ant-avatar-circle"
@ -1446,7 +1427,6 @@ exports[`renders components/avatar/demo/type.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="padding-bottom: 16px;"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"

42
components/avatar/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -3,10 +3,10 @@
exports[`renders components/avatar/demo/badge.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="column-gap:24px;row-gap:24px"
>
<div
class="ant-space-item"
style="margin-right:24px"
>
<span
class="ant-badge"
@ -95,18 +95,17 @@ exports[`renders components/avatar/demo/badge.tsx correctly 1`] = `
exports[`renders components/avatar/demo/basic.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap:16px;row-gap:16px"
>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-16px"
style="flex-wrap:wrap;column-gap:16px;row-gap:16px"
>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
@ -135,7 +134,6 @@ exports[`renders components/avatar/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-icon"
@ -163,7 +161,6 @@ exports[`renders components/avatar/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
@ -191,7 +188,6 @@ exports[`renders components/avatar/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:16px"
>
<span
class="ant-avatar ant-avatar-sm ant-avatar-circle ant-avatar-icon"
@ -224,11 +220,10 @@ exports[`renders components/avatar/demo/basic.tsx correctly 1`] = `
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-16px"
style="flex-wrap:wrap;column-gap:16px;row-gap:16px"
>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-avatar ant-avatar-square ant-avatar-icon"
@ -257,7 +252,6 @@ exports[`renders components/avatar/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-avatar ant-avatar-lg ant-avatar-square ant-avatar-icon"
@ -285,7 +279,6 @@ exports[`renders components/avatar/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-avatar ant-avatar-square ant-avatar-icon"
@ -313,7 +306,6 @@ exports[`renders components/avatar/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:16px"
>
<span
class="ant-avatar ant-avatar-sm ant-avatar-square ant-avatar-icon"
@ -347,7 +339,7 @@ exports[`renders components/avatar/demo/basic.tsx correctly 1`] = `
exports[`renders components/avatar/demo/component-token.tsx correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
@ -362,7 +354,7 @@ Array [
</div>
</div>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
@ -403,11 +395,10 @@ Array [
</div>
</div>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="ant-badge"
@ -530,11 +521,10 @@ Array [
exports[`renders components/avatar/demo/fallback.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
@ -855,12 +845,11 @@ exports[`renders components/avatar/demo/responsive.tsx correctly 1`] = `
exports[`renders components/avatar/demo/toggle-debug.tsx correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -873,7 +862,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -886,7 +874,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -950,11 +937,10 @@ Array [
exports[`renders components/avatar/demo/type.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-16px"
style="flex-wrap:wrap;column-gap:16px;row-gap:16px"
>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
@ -982,7 +968,6 @@ exports[`renders components/avatar/demo/type.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-avatar ant-avatar-circle"
@ -997,7 +982,6 @@ exports[`renders components/avatar/demo/type.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-avatar ant-avatar-circle"
@ -1013,7 +997,6 @@ exports[`renders components/avatar/demo/type.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
@ -1025,7 +1008,6 @@ exports[`renders components/avatar/demo/type.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
@ -1038,7 +1020,6 @@ exports[`renders components/avatar/demo/type.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-avatar ant-avatar-circle"
@ -1054,7 +1035,6 @@ exports[`renders components/avatar/demo/type.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:16px"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"

147
components/badge/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -2,11 +2,10 @@
exports[`renders components/badge/demo/basic.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<span
class="ant-badge"
@ -41,7 +40,6 @@ exports[`renders components/badge/demo/basic.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<span
class="ant-badge"
@ -109,18 +107,16 @@ exports[`renders components/badge/demo/basic.tsx extend context correctly 2`] =
exports[`renders components/badge/demo/change.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-large ant-space-gap-col-large"
>
<div
class="ant-space-item"
style="margin-right: 24px;"
>
<span
class="ant-badge"
@ -254,11 +250,10 @@ exports[`renders components/badge/demo/change.tsx extend context correctly 1`] =
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-large ant-space-gap-col-large"
>
<div
class="ant-space-item"
style="margin-right: 24px;"
>
<span
class="ant-badge"
@ -321,11 +316,10 @@ Array [
</span>
</div>,
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -342,7 +336,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -359,7 +352,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -376,7 +368,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -393,7 +384,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -410,7 +400,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -427,7 +416,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -444,7 +432,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -461,7 +448,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -478,7 +464,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -495,7 +480,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -512,7 +496,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -555,11 +538,10 @@ Array [
</span>
</div>,
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -577,7 +559,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -595,7 +576,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -636,12 +616,11 @@ exports[`renders components/badge/demo/colorful.tsx extend context correctly 2`]
exports[`renders components/badge/demo/colorful-with-count-debug.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -16px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-large"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -683,7 +662,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -725,7 +703,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -767,7 +744,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -809,7 +785,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -851,7 +826,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -893,7 +867,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -935,7 +908,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -977,7 +949,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -1019,7 +990,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -1061,7 +1031,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -1103,7 +1072,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -1145,7 +1113,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -1187,12 +1154,11 @@ Array [
</div>
</div>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -16px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-large"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1209,7 +1175,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1226,7 +1191,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1243,7 +1207,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1260,7 +1223,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1277,7 +1239,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1294,7 +1255,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1311,7 +1271,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1328,7 +1287,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1345,7 +1303,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1362,7 +1319,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1379,7 +1335,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 24px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1396,7 +1351,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1419,11 +1373,10 @@ exports[`renders components/badge/demo/colorful-with-count-debug.tsx extend cont
exports[`renders components/badge/demo/component-token.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge"
@ -1458,7 +1411,6 @@ exports[`renders components/badge/demo/component-token.tsx extend context correc
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -1495,7 +1447,6 @@ exports[`renders components/badge/demo/component-token.tsx extend context correc
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge"
@ -1527,7 +1478,6 @@ exports[`renders components/badge/demo/component-token.tsx extend context correc
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1564,11 +1514,10 @@ exports[`renders components/badge/demo/component-token.tsx extend context correc
exports[`renders components/badge/demo/dot.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="ant-badge"
@ -1662,20 +1611,18 @@ exports[`renders components/badge/demo/link.tsx extend context correctly 2`] = `
exports[`renders components/badge/demo/mix.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -16px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -16px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -1710,7 +1657,6 @@ exports[`renders components/badge/demo/mix.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -1745,7 +1691,6 @@ exports[`renders components/badge/demo/mix.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -1780,7 +1725,6 @@ exports[`renders components/badge/demo/mix.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -1816,7 +1760,6 @@ exports[`renders components/badge/demo/mix.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status"
@ -1837,7 +1780,6 @@ exports[`renders components/badge/demo/mix.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status"
@ -1858,7 +1800,6 @@ exports[`renders components/badge/demo/mix.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status"
@ -1879,7 +1820,6 @@ exports[`renders components/badge/demo/mix.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status"
@ -1900,7 +1840,6 @@ exports[`renders components/badge/demo/mix.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-status"
@ -1924,15 +1863,13 @@ exports[`renders components/badge/demo/mix.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom: 16px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -16px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -1948,7 +1885,6 @@ exports[`renders components/badge/demo/mix.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -1964,7 +1900,6 @@ exports[`renders components/badge/demo/mix.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -1981,7 +1916,6 @@ exports[`renders components/badge/demo/mix.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -2005,7 +1939,6 @@ exports[`renders components/badge/demo/mix.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom: 16px;"
>
<span
class="ant-badge"
@ -2036,11 +1969,10 @@ exports[`renders components/badge/demo/mix.tsx extend context correctly 2`] = `[
exports[`renders components/badge/demo/no-wrapper.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
aria-checked="true"
@ -2065,7 +1997,6 @@ exports[`renders components/badge/demo/no-wrapper.tsx extend context correctly 1
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -2103,7 +2034,6 @@ exports[`renders components/badge/demo/no-wrapper.tsx extend context correctly 1
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -2140,7 +2070,6 @@ exports[`renders components/badge/demo/no-wrapper.tsx extend context correctly 1
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -2229,11 +2158,10 @@ exports[`renders components/badge/demo/offset.tsx extend context correctly 2`] =
exports[`renders components/badge/demo/overflow.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-large ant-space-gap-col-large"
>
<div
class="ant-space-item"
style="margin-right: 24px;"
>
<span
class="ant-badge"
@ -2278,7 +2206,6 @@ exports[`renders components/badge/demo/overflow.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 24px;"
>
<span
class="ant-badge"
@ -2302,7 +2229,6 @@ exports[`renders components/badge/demo/overflow.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 24px;"
>
<span
class="ant-badge"
@ -2354,12 +2280,11 @@ exports[`renders components/badge/demo/overflow.tsx extend context correctly 2`]
exports[`renders components/badge/demo/ribbon.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-ribbon-wrapper"
@ -2402,7 +2327,6 @@ exports[`renders components/badge/demo/ribbon.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-ribbon-wrapper"
@ -2445,7 +2369,6 @@ exports[`renders components/badge/demo/ribbon.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-ribbon-wrapper"
@ -2488,7 +2411,6 @@ exports[`renders components/badge/demo/ribbon.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-ribbon-wrapper"
@ -2531,7 +2453,6 @@ exports[`renders components/badge/demo/ribbon.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-ribbon-wrapper"
@ -2574,7 +2495,6 @@ exports[`renders components/badge/demo/ribbon.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-ribbon-wrapper"
@ -2617,7 +2537,6 @@ exports[`renders components/badge/demo/ribbon.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-ribbon-wrapper"
@ -2707,12 +2626,11 @@ exports[`renders components/badge/demo/ribbon.tsx extend context correctly 2`] =
exports[`renders components/badge/demo/ribbon-debug.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-ribbon-wrapper"
@ -2742,7 +2660,6 @@ exports[`renders components/badge/demo/ribbon-debug.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-ribbon-wrapper"
@ -2772,7 +2689,6 @@ exports[`renders components/badge/demo/ribbon-debug.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-ribbon-wrapper"
@ -2804,7 +2720,6 @@ exports[`renders components/badge/demo/ribbon-debug.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-ribbon-wrapper"
@ -2872,11 +2787,10 @@ exports[`renders components/badge/demo/ribbon-debug.tsx extend context correctly
exports[`renders components/badge/demo/size.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<span
class="ant-badge"
@ -2951,11 +2865,10 @@ exports[`renders components/badge/demo/size.tsx extend context correctly 2`] = `
exports[`renders components/badge/demo/status.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -2967,7 +2880,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -2979,7 +2891,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -2991,7 +2902,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -3015,11 +2925,10 @@ Array [
</div>,
<br />,
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -3036,7 +2945,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -3053,7 +2961,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -3070,7 +2977,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -3109,11 +3015,10 @@ exports[`renders components/badge/demo/status.tsx extend context correctly 2`] =
exports[`renders components/badge/demo/title.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-large ant-space-gap-col-large"
>
<div
class="ant-space-item"
style="margin-right: 24px;"
>
<span
class="ant-badge"

147
components/badge/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -2,11 +2,10 @@
exports[`renders components/badge/demo/basic.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<span
class="ant-badge"
@ -41,7 +40,6 @@ exports[`renders components/badge/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px"
>
<span
class="ant-badge"
@ -107,18 +105,16 @@ exports[`renders components/badge/demo/basic.tsx correctly 1`] = `
exports[`renders components/badge/demo/change.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-large ant-space-gap-col-large"
>
<div
class="ant-space-item"
style="margin-right:24px"
>
<span
class="ant-badge"
@ -252,11 +248,10 @@ exports[`renders components/badge/demo/change.tsx correctly 1`] = `
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-large ant-space-gap-col-large"
>
<div
class="ant-space-item"
style="margin-right:24px"
>
<span
class="ant-badge"
@ -317,11 +312,10 @@ Array [
</span>
</div>,
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -338,7 +332,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -355,7 +348,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -372,7 +364,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -389,7 +380,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -406,7 +396,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -423,7 +412,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -440,7 +428,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -457,7 +444,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -474,7 +460,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -491,7 +476,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -508,7 +492,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -551,11 +534,10 @@ Array [
</span>
</div>,
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -573,7 +555,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -591,7 +572,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -631,12 +611,11 @@ Array [
exports[`renders components/badge/demo/colorful-with-count-debug.tsx correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-16px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-large"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge"
@ -678,7 +657,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge"
@ -720,7 +698,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge"
@ -762,7 +739,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge"
@ -804,7 +780,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge"
@ -846,7 +821,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge"
@ -888,7 +862,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge"
@ -930,7 +903,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge"
@ -972,7 +944,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge"
@ -1014,7 +985,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge"
@ -1056,7 +1026,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge"
@ -1098,7 +1067,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge"
@ -1140,7 +1108,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom:16px"
>
<span
class="ant-badge"
@ -1182,12 +1149,11 @@ Array [
</div>
</div>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-16px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-large"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1204,7 +1170,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1221,7 +1186,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1238,7 +1202,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1255,7 +1218,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1272,7 +1234,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1289,7 +1250,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1306,7 +1266,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1323,7 +1282,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1340,7 +1298,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1357,7 +1314,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1374,7 +1330,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:24px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1391,7 +1346,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1412,11 +1366,10 @@ Array [
exports[`renders components/badge/demo/component-token.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge"
@ -1451,7 +1404,6 @@ exports[`renders components/badge/demo/component-token.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -1488,7 +1440,6 @@ exports[`renders components/badge/demo/component-token.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge"
@ -1520,7 +1471,6 @@ exports[`renders components/badge/demo/component-token.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1555,11 +1505,10 @@ exports[`renders components/badge/demo/component-token.tsx correctly 1`] = `
exports[`renders components/badge/demo/dot.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="ant-badge"
@ -1649,20 +1598,18 @@ exports[`renders components/badge/demo/link.tsx correctly 1`] = `
exports[`renders components/badge/demo/mix.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-16px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-16px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-badge"
@ -1697,7 +1644,6 @@ exports[`renders components/badge/demo/mix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-badge"
@ -1732,7 +1678,6 @@ exports[`renders components/badge/demo/mix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-badge"
@ -1767,7 +1712,6 @@ exports[`renders components/badge/demo/mix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-badge"
@ -1803,7 +1747,6 @@ exports[`renders components/badge/demo/mix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status"
@ -1824,7 +1767,6 @@ exports[`renders components/badge/demo/mix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status"
@ -1845,7 +1787,6 @@ exports[`renders components/badge/demo/mix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status"
@ -1866,7 +1807,6 @@ exports[`renders components/badge/demo/mix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status"
@ -1887,7 +1827,6 @@ exports[`renders components/badge/demo/mix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:16px"
>
<span
class="ant-badge ant-badge-status"
@ -1911,15 +1850,13 @@ exports[`renders components/badge/demo/mix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:16px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-16px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -1935,7 +1872,6 @@ exports[`renders components/badge/demo/mix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -1951,7 +1887,6 @@ exports[`renders components/badge/demo/mix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -1968,7 +1903,6 @@ exports[`renders components/badge/demo/mix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<span
class="ant-badge"
@ -1992,7 +1926,6 @@ exports[`renders components/badge/demo/mix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:16px"
>
<span
class="ant-badge"
@ -2021,11 +1954,10 @@ exports[`renders components/badge/demo/mix.tsx correctly 1`] = `
exports[`renders components/badge/demo/no-wrapper.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
aria-checked="true"
@ -2050,7 +1982,6 @@ exports[`renders components/badge/demo/no-wrapper.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -2088,7 +2019,6 @@ exports[`renders components/badge/demo/no-wrapper.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -2125,7 +2055,6 @@ exports[`renders components/badge/demo/no-wrapper.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -2210,11 +2139,10 @@ exports[`renders components/badge/demo/offset.tsx correctly 1`] = `
exports[`renders components/badge/demo/overflow.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-large ant-space-gap-col-large"
>
<div
class="ant-space-item"
style="margin-right:24px"
>
<span
class="ant-badge"
@ -2259,7 +2187,6 @@ exports[`renders components/badge/demo/overflow.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:24px"
>
<span
class="ant-badge"
@ -2283,7 +2210,6 @@ exports[`renders components/badge/demo/overflow.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:24px"
>
<span
class="ant-badge"
@ -2333,12 +2259,11 @@ exports[`renders components/badge/demo/overflow.tsx correctly 1`] = `
exports[`renders components/badge/demo/ribbon.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-ribbon-wrapper"
@ -2381,7 +2306,6 @@ exports[`renders components/badge/demo/ribbon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-ribbon-wrapper"
@ -2424,7 +2348,6 @@ exports[`renders components/badge/demo/ribbon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-ribbon-wrapper"
@ -2467,7 +2390,6 @@ exports[`renders components/badge/demo/ribbon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-ribbon-wrapper"
@ -2510,7 +2432,6 @@ exports[`renders components/badge/demo/ribbon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-ribbon-wrapper"
@ -2553,7 +2474,6 @@ exports[`renders components/badge/demo/ribbon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-ribbon-wrapper"
@ -2596,7 +2516,6 @@ exports[`renders components/badge/demo/ribbon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-ribbon-wrapper"
@ -2684,12 +2603,11 @@ exports[`renders components/badge/demo/ribbon.tsx correctly 1`] = `
exports[`renders components/badge/demo/ribbon-debug.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-ribbon-wrapper"
@ -2719,7 +2637,6 @@ exports[`renders components/badge/demo/ribbon-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-ribbon-wrapper"
@ -2749,7 +2666,6 @@ exports[`renders components/badge/demo/ribbon-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-ribbon-wrapper"
@ -2781,7 +2697,6 @@ exports[`renders components/badge/demo/ribbon-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-ribbon-wrapper"
@ -2847,11 +2762,10 @@ exports[`renders components/badge/demo/ribbon-debug.tsx correctly 1`] = `
exports[`renders components/badge/demo/size.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<span
class="ant-badge"
@ -2924,11 +2838,10 @@ exports[`renders components/badge/demo/size.tsx correctly 1`] = `
exports[`renders components/badge/demo/status.tsx correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -2940,7 +2853,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -2952,7 +2864,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -2964,7 +2875,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -2988,11 +2898,10 @@ Array [
</div>,
<br />,
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -3009,7 +2918,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -3026,7 +2934,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -3043,7 +2950,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -3080,11 +2986,10 @@ Array [
exports[`renders components/badge/demo/title.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-large ant-space-gap-col-large"
>
<div
class="ant-space-item"
style="margin-right:24px"
>
<span
class="ant-badge"

185
components/button/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -2,12 +2,11 @@
exports[`renders components/button/demo/basic.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -20,7 +19,6 @@ exports[`renders components/button/demo/basic.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -33,7 +31,6 @@ exports[`renders components/button/demo/basic.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-dashed"
@ -46,7 +43,6 @@ exports[`renders components/button/demo/basic.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-text"
@ -59,7 +55,6 @@ exports[`renders components/button/demo/basic.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-link"
@ -77,12 +72,11 @@ exports[`renders components/button/demo/basic.tsx extend context correctly 2`] =
exports[`renders components/button/demo/block.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-block"
@ -95,7 +89,6 @@ exports[`renders components/button/demo/block.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-block"
@ -108,7 +101,6 @@ exports[`renders components/button/demo/block.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<button
class="ant-btn ant-btn-dashed ant-btn-block"
@ -121,7 +113,6 @@ exports[`renders components/button/demo/block.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-block"
@ -135,7 +126,6 @@ exports[`renders components/button/demo/block.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<button
class="ant-btn ant-btn-text ant-btn-block"
@ -165,12 +155,11 @@ exports[`renders components/button/demo/block.tsx extend context correctly 2`] =
exports[`renders components/button/demo/chinese-chars-loading.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-loading"
@ -207,7 +196,6 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx extend context
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-loading"
@ -242,7 +230,6 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx extend context
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-loading"
@ -279,7 +266,6 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx extend context
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-loading"
@ -314,7 +300,6 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx extend context
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-loading"
@ -348,7 +333,6 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx extend context
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-loading"
@ -390,19 +374,17 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx extend context
exports[`renders components/button/demo/component-token.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-text"
@ -415,7 +397,6 @@ exports[`renders components/button/demo/component-token.tsx extend context corre
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -428,7 +409,6 @@ exports[`renders components/button/demo/component-token.tsx extend context corre
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -445,12 +425,11 @@ exports[`renders components/button/demo/component-token.tsx extend context corre
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-text"
@ -464,7 +443,6 @@ exports[`renders components/button/demo/component-token.tsx extend context corre
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -478,7 +456,6 @@ exports[`renders components/button/demo/component-token.tsx extend context corre
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -499,12 +476,11 @@ exports[`renders components/button/demo/component-token.tsx extend context corre
exports[`renders components/button/demo/danger.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-dangerous"
@ -517,7 +493,6 @@ exports[`renders components/button/demo/danger.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-dangerous"
@ -530,7 +505,6 @@ exports[`renders components/button/demo/danger.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-dashed ant-btn-dangerous"
@ -543,7 +517,6 @@ exports[`renders components/button/demo/danger.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-text ant-btn-dangerous"
@ -556,7 +529,6 @@ exports[`renders components/button/demo/danger.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-link ant-btn-dangerous"
@ -709,19 +681,17 @@ Array [
</span>
</div>,
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-primary ant-btn-lg ant-btn-icon-only"
@ -773,7 +743,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-primary ant-btn-lg"
@ -786,7 +755,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-lg"
@ -822,7 +790,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-default ant-btn-lg ant-btn-icon-only"
@ -874,7 +841,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-lg"
@ -914,12 +880,11 @@ Array [
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-default ant-btn-lg ant-btn-icon-only"
@ -971,7 +936,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-lg"
@ -1007,7 +971,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-dashed ant-btn-lg ant-btn-icon-only"
@ -1059,7 +1022,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-dashed ant-btn-lg"
@ -1095,7 +1057,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<a
class="ant-btn ant-btn-default ant-btn-lg ant-btn-icon-only"
@ -1128,7 +1089,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-lg"
@ -1168,18 +1128,16 @@ exports[`renders components/button/demo/debug-icon.tsx extend context correctly
exports[`renders components/button/demo/disabled.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -1207,14 +1165,12 @@ exports[`renders components/button/demo/disabled.tsx extend context correctly 1`
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -1242,14 +1198,12 @@ exports[`renders components/button/demo/disabled.tsx extend context correctly 1`
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-dashed"
@ -1277,14 +1231,12 @@ exports[`renders components/button/demo/disabled.tsx extend context correctly 1`
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-text"
@ -1312,14 +1264,12 @@ exports[`renders components/button/demo/disabled.tsx extend context correctly 1`
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-link"
@ -1347,14 +1297,12 @@ exports[`renders components/button/demo/disabled.tsx extend context correctly 1`
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<a
class="ant-btn ant-btn-primary"
@ -1381,14 +1329,12 @@ exports[`renders components/button/demo/disabled.tsx extend context correctly 1`
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-dangerous"
@ -1416,14 +1362,12 @@ exports[`renders components/button/demo/disabled.tsx extend context correctly 1`
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-text ant-btn-dangerous"
@ -1451,14 +1395,12 @@ exports[`renders components/button/demo/disabled.tsx extend context correctly 1`
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-link ant-btn-dangerous"
@ -1488,11 +1430,10 @@ exports[`renders components/button/demo/disabled.tsx extend context correctly 1`
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center site-button-ghost-wrapper"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small site-button-ghost-wrapper"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-background-ghost"
@ -1525,12 +1466,11 @@ exports[`renders components/button/demo/disabled.tsx extend context correctly 2`
exports[`renders components/button/demo/ghost.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center site-button-ghost-wrapper"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small site-button-ghost-wrapper"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-background-ghost"
@ -1543,7 +1483,6 @@ exports[`renders components/button/demo/ghost.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-background-ghost"
@ -1556,7 +1495,6 @@ exports[`renders components/button/demo/ghost.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-dashed ant-btn-background-ghost"
@ -1569,7 +1507,6 @@ exports[`renders components/button/demo/ghost.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-background-ghost ant-btn-dangerous"
@ -1587,19 +1524,17 @@ exports[`renders components/button/demo/ghost.tsx extend context correctly 2`] =
exports[`renders components/button/demo/icon.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-primary ant-btn-icon-only"
@ -1651,7 +1586,6 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-primary"
@ -1664,7 +1598,6 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -1700,7 +1633,6 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-default ant-btn-icon-only"
@ -1752,7 +1684,6 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -1792,12 +1723,11 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-default ant-btn-icon-only"
@ -1849,7 +1779,6 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -1885,7 +1814,6 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-dashed ant-btn-icon-only"
@ -1937,7 +1865,6 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-dashed"
@ -1973,7 +1900,6 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<a
class="ant-btn ant-btn-default ant-btn-icon-only"
@ -2385,19 +2311,17 @@ exports[`renders components/button/demo/legacy-group.tsx extend context correctl
exports[`renders components/button/demo/loading.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-loading"
@ -2434,7 +2358,6 @@ exports[`renders components/button/demo/loading.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-loading"
@ -2471,7 +2394,6 @@ exports[`renders components/button/demo/loading.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-loading"
@ -2508,12 +2430,11 @@ exports[`renders components/button/demo/loading.tsx extend context correctly 1`]
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -2526,7 +2447,6 @@ exports[`renders components/button/demo/loading.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -2562,7 +2482,6 @@ exports[`renders components/button/demo/loading.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-icon-only"
@ -2602,11 +2521,10 @@ exports[`renders components/button/demo/loading.tsx extend context correctly 2`]
exports[`renders components/button/demo/multiple.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -2619,7 +2537,6 @@ exports[`renders components/button/demo/multiple.tsx extend context correctly 1`
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -2909,19 +2826,17 @@ Array [
</span>
</div>,
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-lg"
@ -2934,7 +2849,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-lg"
@ -2947,7 +2861,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-dashed ant-btn-lg"
@ -2962,7 +2875,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<button
class="ant-btn ant-btn-link ant-btn-lg"
@ -2977,12 +2889,11 @@ Array [
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-lg ant-btn-icon-only"
@ -3015,7 +2926,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-primary ant-btn-lg ant-btn-icon-only"
@ -3048,7 +2958,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-round ant-btn-primary ant-btn-lg ant-btn-icon-only"
@ -3081,7 +2990,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-round ant-btn-primary ant-btn-lg"
@ -3117,7 +3025,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-lg"

185
components/button/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -2,12 +2,11 @@
exports[`renders components/button/demo/basic.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -20,7 +19,6 @@ exports[`renders components/button/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -33,7 +31,6 @@ exports[`renders components/button/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-dashed"
@ -46,7 +43,6 @@ exports[`renders components/button/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-text"
@ -59,7 +55,6 @@ exports[`renders components/button/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-link"
@ -75,12 +70,11 @@ exports[`renders components/button/demo/basic.tsx correctly 1`] = `
exports[`renders components/button/demo/block.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-block"
@ -93,7 +87,6 @@ exports[`renders components/button/demo/block.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-btn-block"
@ -106,7 +99,6 @@ exports[`renders components/button/demo/block.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<button
class="ant-btn ant-btn-dashed ant-btn-block"
@ -119,7 +111,6 @@ exports[`renders components/button/demo/block.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-btn-block"
@ -133,7 +124,6 @@ exports[`renders components/button/demo/block.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<button
class="ant-btn ant-btn-text ant-btn-block"
@ -161,12 +151,11 @@ exports[`renders components/button/demo/block.tsx correctly 1`] = `
exports[`renders components/button/demo/chinese-chars-loading.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-btn-loading"
@ -202,7 +191,6 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-btn-loading"
@ -236,7 +224,6 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-btn-loading"
@ -272,7 +259,6 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-btn-loading"
@ -306,7 +292,6 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-btn-loading"
@ -340,7 +325,6 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx correctly 1`]
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-btn-loading"
@ -379,19 +363,17 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx correctly 1`]
exports[`renders components/button/demo/component-token.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-text"
@ -404,7 +386,6 @@ exports[`renders components/button/demo/component-token.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -417,7 +398,6 @@ exports[`renders components/button/demo/component-token.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -434,12 +414,11 @@ exports[`renders components/button/demo/component-token.tsx correctly 1`] = `
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-text"
@ -453,7 +432,6 @@ exports[`renders components/button/demo/component-token.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -467,7 +445,6 @@ exports[`renders components/button/demo/component-token.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -486,12 +463,11 @@ exports[`renders components/button/demo/component-token.tsx correctly 1`] = `
exports[`renders components/button/demo/danger.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-dangerous"
@ -504,7 +480,6 @@ exports[`renders components/button/demo/danger.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-btn-dangerous"
@ -517,7 +492,6 @@ exports[`renders components/button/demo/danger.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-dashed ant-btn-dangerous"
@ -530,7 +504,6 @@ exports[`renders components/button/demo/danger.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-text ant-btn-dangerous"
@ -543,7 +516,6 @@ exports[`renders components/button/demo/danger.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-link ant-btn-dangerous"
@ -692,19 +664,17 @@ Array [
</span>
</div>,
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-circle ant-btn-primary ant-btn-lg ant-btn-icon-only"
@ -737,7 +707,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-circle ant-btn-primary ant-btn-lg"
@ -750,7 +719,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-lg"
@ -786,7 +754,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-circle ant-btn-default ant-btn-lg ant-btn-icon-only"
@ -819,7 +786,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-btn-lg"
@ -859,12 +825,11 @@ Array [
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-circle ant-btn-default ant-btn-lg ant-btn-icon-only"
@ -897,7 +862,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-btn-lg"
@ -933,7 +897,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-circle ant-btn-dashed ant-btn-lg ant-btn-icon-only"
@ -966,7 +929,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-dashed ant-btn-lg"
@ -1002,7 +964,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<a
class="ant-btn ant-btn-default ant-btn-lg ant-btn-icon-only"
@ -1035,7 +996,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-btn-lg"
@ -1073,18 +1033,16 @@ Array [
exports[`renders components/button/demo/disabled.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -1112,14 +1070,12 @@ exports[`renders components/button/demo/disabled.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -1147,14 +1103,12 @@ exports[`renders components/button/demo/disabled.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-dashed"
@ -1182,14 +1136,12 @@ exports[`renders components/button/demo/disabled.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-text"
@ -1217,14 +1169,12 @@ exports[`renders components/button/demo/disabled.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-link"
@ -1252,14 +1202,12 @@ exports[`renders components/button/demo/disabled.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<a
class="ant-btn ant-btn-primary"
@ -1286,14 +1234,12 @@ exports[`renders components/button/demo/disabled.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default ant-btn-dangerous"
@ -1321,14 +1267,12 @@ exports[`renders components/button/demo/disabled.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-text ant-btn-dangerous"
@ -1356,14 +1300,12 @@ exports[`renders components/button/demo/disabled.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-link ant-btn-dangerous"
@ -1393,11 +1335,10 @@ exports[`renders components/button/demo/disabled.tsx correctly 1`] = `
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center site-button-ghost-wrapper"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small site-button-ghost-wrapper"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default ant-btn-background-ghost"
@ -1428,12 +1369,11 @@ exports[`renders components/button/demo/disabled.tsx correctly 1`] = `
exports[`renders components/button/demo/ghost.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center site-button-ghost-wrapper"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small site-button-ghost-wrapper"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-background-ghost"
@ -1446,7 +1386,6 @@ exports[`renders components/button/demo/ghost.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-btn-background-ghost"
@ -1459,7 +1398,6 @@ exports[`renders components/button/demo/ghost.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-dashed ant-btn-background-ghost"
@ -1472,7 +1410,6 @@ exports[`renders components/button/demo/ghost.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-background-ghost ant-btn-dangerous"
@ -1488,19 +1425,17 @@ exports[`renders components/button/demo/ghost.tsx correctly 1`] = `
exports[`renders components/button/demo/icon.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-circle ant-btn-primary ant-btn-icon-only"
@ -1533,7 +1468,6 @@ exports[`renders components/button/demo/icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-circle ant-btn-primary"
@ -1546,7 +1480,6 @@ exports[`renders components/button/demo/icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -1582,7 +1515,6 @@ exports[`renders components/button/demo/icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-circle ant-btn-default ant-btn-icon-only"
@ -1615,7 +1547,6 @@ exports[`renders components/button/demo/icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -1655,12 +1586,11 @@ exports[`renders components/button/demo/icon.tsx correctly 1`] = `
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-circle ant-btn-default ant-btn-icon-only"
@ -1693,7 +1623,6 @@ exports[`renders components/button/demo/icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -1729,7 +1658,6 @@ exports[`renders components/button/demo/icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-circle ant-btn-dashed ant-btn-icon-only"
@ -1762,7 +1690,6 @@ exports[`renders components/button/demo/icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-dashed"
@ -1798,7 +1725,6 @@ exports[`renders components/button/demo/icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<a
class="ant-btn ant-btn-default ant-btn-icon-only"
@ -2092,19 +2018,17 @@ Array [
exports[`renders components/button/demo/loading.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-loading"
@ -2140,7 +2064,6 @@ exports[`renders components/button/demo/loading.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-loading"
@ -2176,7 +2099,6 @@ exports[`renders components/button/demo/loading.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-loading"
@ -2213,12 +2135,11 @@ exports[`renders components/button/demo/loading.tsx correctly 1`] = `
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -2231,7 +2152,6 @@ exports[`renders components/button/demo/loading.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -2267,7 +2187,6 @@ exports[`renders components/button/demo/loading.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-icon-only"
@ -2305,11 +2224,10 @@ exports[`renders components/button/demo/loading.tsx correctly 1`] = `
exports[`renders components/button/demo/multiple.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -2322,7 +2240,6 @@ exports[`renders components/button/demo/multiple.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -2455,19 +2372,17 @@ Array [
</span>
</div>,
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-lg"
@ -2480,7 +2395,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-btn-lg"
@ -2493,7 +2407,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-dashed ant-btn-lg"
@ -2508,7 +2421,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<button
class="ant-btn ant-btn-link ant-btn-lg"
@ -2523,12 +2435,11 @@ Array [
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-lg ant-btn-icon-only"
@ -2561,7 +2472,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-circle ant-btn-primary ant-btn-lg ant-btn-icon-only"
@ -2594,7 +2504,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-round ant-btn-primary ant-btn-lg ant-btn-icon-only"
@ -2627,7 +2536,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-round ant-btn-primary ant-btn-lg"
@ -2663,7 +2571,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-lg"

2
components/card/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -3,10 +3,10 @@
exports[`renders components/card/demo/basic.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap: 16px; row-gap: 16px;"
>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-card ant-card-bordered"

2
components/card/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -3,10 +3,10 @@
exports[`renders components/card/demo/basic.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap:16px;row-gap:16px"
>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-card ant-card-bordered"

3
components/cascader/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -3177,11 +3177,10 @@ exports[`renders components/cascader/demo/size.tsx extend context correctly 2`]
exports[`renders components/cascader/demo/status.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-select ant-cascader ant-select-status-error ant-select-single ant-select-allow-clear ant-select-show-arrow"

3
components/cascader/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -1400,11 +1400,10 @@ Array [
exports[`renders components/cascader/demo/status.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-select ant-cascader ant-select-status-error ant-select-single ant-select-allow-clear ant-select-show-arrow"

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

@ -217,12 +217,11 @@ exports[`renders components/checkbox/demo/debug-disable-popover.tsx extend conte
exports[`renders components/checkbox/demo/debug-line.tsx extend context correctly 1`] = `
<div>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="border: 1px solid red; margin-bottom: 16px;"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<label
class="ant-checkbox-wrapper"
@ -243,7 +242,6 @@ exports[`renders components/checkbox/demo/debug-line.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div>
Bamboo
@ -274,12 +272,11 @@ exports[`renders components/checkbox/demo/debug-line.tsx extend context correctl
</div>
</div>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="border: 1px solid red; margin-bottom: 16px;"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<label
class="ant-radio-wrapper"
@ -300,7 +297,6 @@ exports[`renders components/checkbox/demo/debug-line.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div>
Bamboo

8
components/checkbox/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -186,12 +186,11 @@ exports[`renders components/checkbox/demo/debug-disable-popover.tsx correctly 1`
exports[`renders components/checkbox/demo/debug-line.tsx correctly 1`] = `
<div>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="border:1px solid red;margin-bottom:16px"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<label
class="ant-checkbox-wrapper"
@ -212,7 +211,6 @@ exports[`renders components/checkbox/demo/debug-line.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div>
Bamboo
@ -243,12 +241,11 @@ exports[`renders components/checkbox/demo/debug-line.tsx correctly 1`] = `
</div>
</div>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="border:1px solid red;margin-bottom:16px"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<label
class="ant-radio-wrapper"
@ -269,7 +266,6 @@ exports[`renders components/checkbox/demo/debug-line.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div>
Bamboo

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

@ -418,11 +418,10 @@ exports[`renders components/collapse/demo/borderless.tsx extend context correctl
exports[`renders components/collapse/demo/collapsible.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-collapse ant-collapse-icon-position-start"
@ -483,7 +482,6 @@ exports[`renders components/collapse/demo/collapsible.tsx extend context correct
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-collapse ant-collapse-icon-position-start"

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

@ -412,11 +412,10 @@ exports[`renders components/collapse/demo/borderless.tsx correctly 1`] = `
exports[`renders components/collapse/demo/collapsible.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-collapse ant-collapse-icon-position-start"
@ -477,7 +476,6 @@ exports[`renders components/collapse/demo/collapsible.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-collapse ant-collapse-icon-position-start"

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

@ -2219,22 +2219,20 @@ exports[`renders components/color-picker/demo/disabled-alpha.tsx extend context
exports[`renders components/color-picker/demo/format.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
style="display: flex;"
>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-row ant-row-middle"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-col"
@ -2635,17 +2633,15 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-row ant-row-middle"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-col"
@ -3269,11 +3265,10 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
class="ant-row ant-row-middle"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-col"
@ -3897,21 +3892,19 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
exports[`renders components/color-picker/demo/panel-render.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-row ant-row-middle"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span>
Add title:
@ -4321,11 +4314,10 @@ exports[`renders components/color-picker/demo/panel-render.tsx extend context co
class="ant-row ant-row-middle"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span>
Horizontal layout:
@ -6301,18 +6293,16 @@ exports[`renders components/color-picker/demo/pure-panel.tsx extend context corr
exports[`renders components/color-picker/demo/size.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-color-picker-trigger ant-color-picker-sm"
@ -6694,7 +6684,6 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-color-picker-trigger"
@ -7461,11 +7450,10 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
class="ant-space-item"
>
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-color-picker-trigger ant-color-picker-sm"
@ -7852,7 +7840,6 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-color-picker-trigger"
@ -8632,11 +8619,10 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
exports[`renders components/color-picker/demo/text-render.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-color-picker-trigger"
@ -9023,7 +9009,6 @@ exports[`renders components/color-picker/demo/text-render.tsx extend context cor
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-color-picker-trigger"

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

@ -101,22 +101,20 @@ exports[`renders components/color-picker/demo/disabled-alpha.tsx correctly 1`] =
exports[`renders components/color-picker/demo/format.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
style="display:flex"
>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-row ant-row-middle"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-col"
@ -152,17 +150,15 @@ exports[`renders components/color-picker/demo/format.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-row ant-row-middle"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-col"
@ -203,11 +199,10 @@ exports[`renders components/color-picker/demo/format.tsx correctly 1`] = `
class="ant-row ant-row-middle"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-col"
@ -246,21 +241,19 @@ exports[`renders components/color-picker/demo/format.tsx correctly 1`] = `
exports[`renders components/color-picker/demo/panel-render.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-row ant-row-middle"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span>
Add title:
@ -296,11 +289,10 @@ exports[`renders components/color-picker/demo/panel-render.tsx correctly 1`] = `
class="ant-row ant-row-middle"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span>
Horizontal layout:
@ -373,18 +365,16 @@ exports[`renders components/color-picker/demo/pure-panel.tsx correctly 1`] = `
exports[`renders components/color-picker/demo/size.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-color-picker-trigger ant-color-picker-sm"
@ -401,7 +391,6 @@ exports[`renders components/color-picker/demo/size.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-color-picker-trigger"
@ -438,11 +427,10 @@ exports[`renders components/color-picker/demo/size.tsx correctly 1`] = `
class="ant-space-item"
>
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-color-picker-trigger ant-color-picker-sm"
@ -464,7 +452,6 @@ exports[`renders components/color-picker/demo/size.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-color-picker-trigger"
@ -512,11 +499,10 @@ exports[`renders components/color-picker/demo/size.tsx correctly 1`] = `
exports[`renders components/color-picker/demo/text-render.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-color-picker-trigger"
@ -538,7 +524,6 @@ exports[`renders components/color-picker/demo/text-render.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-color-picker-trigger"

4
components/config-provider/__tests__/style.test.tsx
View File

@ -105,9 +105,7 @@ describe('ConfigProvider support style and className props', () => {
</Space>
</ConfigProvider>,
);
expect(container.querySelector('.ant-space-item')).toHaveStyle(
'margin-right: 8px; color: red;',
);
expect(container.querySelector('.ant-space-item')).toHaveStyle('color: red;');
});
it('Should Space style works', () => {

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

@ -2,11 +2,10 @@
exports[`renders components/date-picker/demo/basic.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-picker"
@ -606,7 +605,6 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-picker"
@ -1266,7 +1264,6 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-picker"
@ -1502,7 +1499,6 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-picker"
@ -1893,10 +1889,10 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
exports[`renders components/date-picker/demo/bordered.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap: 12px; row-gap: 12px;"
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-borderless"
@ -2496,7 +2492,6 @@ exports[`renders components/date-picker/demo/bordered.tsx extend context correct
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-borderless"
@ -3156,7 +3151,6 @@ exports[`renders components/date-picker/demo/bordered.tsx extend context correct
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-borderless"
@ -3392,7 +3386,6 @@ exports[`renders components/date-picker/demo/bordered.tsx extend context correct
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-borderless"
@ -3628,7 +3621,6 @@ exports[`renders components/date-picker/demo/bordered.tsx extend context correct
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-range ant-picker-borderless"
@ -4815,7 +4807,6 @@ exports[`renders components/date-picker/demo/bordered.tsx extend context correct
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-range ant-picker-borderless"
@ -6140,7 +6131,6 @@ exports[`renders components/date-picker/demo/bordered.tsx extend context correct
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-range ant-picker-borderless"
@ -7095,10 +7085,10 @@ exports[`renders components/date-picker/demo/bordered.tsx extend context correct
exports[`renders components/date-picker/demo/cell-render.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap: 12px; row-gap: 12px;"
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker"
@ -8896,10 +8886,10 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
exports[`renders components/date-picker/demo/disabled.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap: 12px; row-gap: 12px;"
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-disabled"
@ -9500,7 +9490,6 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-disabled"
@ -9737,7 +9726,6 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-range ant-picker-disabled"
@ -12144,10 +12132,10 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
exports[`renders components/date-picker/demo/disabled-date.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap: 12px; row-gap: 12px;"
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker"
@ -14099,7 +14087,6 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker"
@ -14335,7 +14322,6 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-range"
@ -17060,10 +17046,10 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
exports[`renders components/date-picker/demo/extra-footer.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap: 12px; row-gap: 12px;"
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker"
@ -17668,7 +17654,6 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker"
@ -19625,7 +19610,6 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-range"
@ -20821,7 +20805,6 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-range"
@ -23077,10 +23060,10 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
exports[`renders components/date-picker/demo/format.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap: 12px; row-gap: 12px;"
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker"
@ -23705,7 +23688,6 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker"
@ -24330,7 +24312,6 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker"
@ -24591,7 +24572,6 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker"
@ -25276,7 +25256,6 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-range"
@ -27118,10 +27097,10 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
exports[`renders components/date-picker/demo/mode.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap: 12px; row-gap: 12px;"
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker"
@ -30678,10 +30657,10 @@ exports[`renders components/date-picker/demo/placement.tsx extend context correc
exports[`renders components/date-picker/demo/preset-ranges.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap: 12px; row-gap: 12px;"
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker"
@ -31296,7 +31275,6 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-range"
@ -34532,10 +34510,10 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
exports[`renders components/date-picker/demo/range-picker.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap: 12px; row-gap: 12px;"
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-range"
@ -35722,7 +35700,6 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-range"
@ -37723,7 +37700,6 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-range"
@ -39048,7 +39024,6 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-range"
@ -39523,7 +39498,6 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-range"
@ -42100,10 +42074,10 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
exports[`renders components/date-picker/demo/size.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap: 12px; row-gap: 12px;"
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-radio-group ant-radio-group-outline"
@ -42170,7 +42144,6 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-middle"
@ -42770,7 +42743,6 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-middle"
@ -43006,7 +42978,6 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-range ant-picker-middle"
@ -44857,11 +44828,10 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 2
exports[`renders components/date-picker/demo/start-end.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-picker"
@ -48769,12 +48739,11 @@ exports[`renders components/date-picker/demo/start-end.tsx extend context correc
exports[`renders components/date-picker/demo/status.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-picker ant-picker-status-error"
@ -49375,7 +49344,6 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-picker ant-picker-status-warning"
@ -49976,7 +49944,6 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-picker ant-picker-range ant-picker-status-error"
@ -52357,10 +52324,10 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
exports[`renders components/date-picker/demo/suffix.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap: 12px; row-gap: 12px;"
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker"
@ -52960,7 +52927,6 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker"
@ -53196,7 +53162,6 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-range"
@ -54383,7 +54348,6 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker"
@ -55043,7 +55007,6 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker"
@ -55625,7 +55588,6 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker"
@ -55843,7 +55805,6 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker ant-picker-range"
@ -57658,11 +57619,10 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
exports[`renders components/date-picker/demo/switchable.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
@ -59295,10 +59255,10 @@ exports[`renders components/date-picker/demo/switchable.tsx extend context corre
exports[`renders components/date-picker/demo/time.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap: 12px; row-gap: 12px;"
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
>
<div
class="ant-picker"

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

@ -2,11 +2,10 @@
exports[`renders components/date-picker/demo/basic.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-picker"
@ -50,7 +49,6 @@ exports[`renders components/date-picker/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-picker"
@ -94,7 +92,6 @@ exports[`renders components/date-picker/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-picker"
@ -138,7 +135,6 @@ exports[`renders components/date-picker/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-picker"
@ -229,10 +225,10 @@ exports[`renders components/date-picker/demo/basic.tsx correctly 1`] = `
exports[`renders components/date-picker/demo/bordered.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap:12px;row-gap:12px"
>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-borderless"
@ -276,7 +272,6 @@ exports[`renders components/date-picker/demo/bordered.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-borderless"
@ -320,7 +315,6 @@ exports[`renders components/date-picker/demo/bordered.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-borderless"
@ -364,7 +358,6 @@ exports[`renders components/date-picker/demo/bordered.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-borderless"
@ -408,7 +401,6 @@ exports[`renders components/date-picker/demo/bordered.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range ant-picker-borderless"
@ -494,7 +486,6 @@ exports[`renders components/date-picker/demo/bordered.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range ant-picker-borderless"
@ -580,7 +571,6 @@ exports[`renders components/date-picker/demo/bordered.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range ant-picker-borderless"
@ -755,10 +745,10 @@ exports[`renders components/date-picker/demo/bordered.tsx correctly 1`] = `
exports[`renders components/date-picker/demo/cell-render.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap:12px;row-gap:12px"
>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -891,10 +881,10 @@ exports[`renders components/date-picker/demo/cell-render.tsx correctly 1`] = `
exports[`renders components/date-picker/demo/disabled.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap:12px;row-gap:12px"
>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-disabled"
@ -939,7 +929,6 @@ exports[`renders components/date-picker/demo/disabled.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-disabled"
@ -984,7 +973,6 @@ exports[`renders components/date-picker/demo/disabled.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range ant-picker-disabled"
@ -1187,10 +1175,10 @@ exports[`renders components/date-picker/demo/disabled.tsx correctly 1`] = `
exports[`renders components/date-picker/demo/disabled-date.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap:12px;row-gap:12px"
>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -1234,7 +1222,6 @@ exports[`renders components/date-picker/demo/disabled-date.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -1278,7 +1265,6 @@ exports[`renders components/date-picker/demo/disabled-date.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -1453,10 +1439,10 @@ exports[`renders components/date-picker/demo/disabled-date.tsx correctly 1`] = `
exports[`renders components/date-picker/demo/extra-footer.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap:12px;row-gap:12px"
>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -1500,7 +1486,6 @@ exports[`renders components/date-picker/demo/extra-footer.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -1544,7 +1529,6 @@ exports[`renders components/date-picker/demo/extra-footer.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -1630,7 +1614,6 @@ exports[`renders components/date-picker/demo/extra-footer.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -1763,10 +1746,10 @@ exports[`renders components/date-picker/demo/extra-footer.tsx correctly 1`] = `
exports[`renders components/date-picker/demo/format.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap:12px;row-gap:12px"
>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -1835,7 +1818,6 @@ exports[`renders components/date-picker/demo/format.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -1904,7 +1886,6 @@ exports[`renders components/date-picker/demo/format.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -1973,7 +1954,6 @@ exports[`renders components/date-picker/demo/format.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -2042,7 +2022,6 @@ exports[`renders components/date-picker/demo/format.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -2225,10 +2204,10 @@ exports[`renders components/date-picker/demo/format.tsx correctly 1`] = `
exports[`renders components/date-picker/demo/mode.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap:12px;row-gap:12px"
>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -2571,10 +2550,10 @@ Array [
exports[`renders components/date-picker/demo/preset-ranges.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap:12px;row-gap:12px"
>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -2618,7 +2597,6 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -2793,10 +2771,10 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx correctly 1`] = `
exports[`renders components/date-picker/demo/range-picker.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap:12px;row-gap:12px"
>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -2882,7 +2860,6 @@ exports[`renders components/date-picker/demo/range-picker.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -2968,7 +2945,6 @@ exports[`renders components/date-picker/demo/range-picker.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -3054,7 +3030,6 @@ exports[`renders components/date-picker/demo/range-picker.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -3140,7 +3115,6 @@ exports[`renders components/date-picker/demo/range-picker.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -3446,10 +3420,10 @@ exports[`renders components/date-picker/demo/select-in-range.tsx correctly 1`] =
exports[`renders components/date-picker/demo/size.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap:12px;row-gap:12px"
>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-radio-group ant-radio-group-outline"
@ -3516,7 +3490,6 @@ exports[`renders components/date-picker/demo/size.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-middle"
@ -3560,7 +3533,6 @@ exports[`renders components/date-picker/demo/size.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-middle"
@ -3604,7 +3576,6 @@ exports[`renders components/date-picker/demo/size.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range ant-picker-middle"
@ -3736,11 +3707,10 @@ exports[`renders components/date-picker/demo/size.tsx correctly 1`] = `
exports[`renders components/date-picker/demo/start-end.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-picker"
@ -3830,12 +3800,11 @@ exports[`renders components/date-picker/demo/start-end.tsx correctly 1`] = `
exports[`renders components/date-picker/demo/status.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-picker ant-picker-status-error"
@ -3880,7 +3849,6 @@ exports[`renders components/date-picker/demo/status.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-picker ant-picker-status-warning"
@ -3925,7 +3893,6 @@ exports[`renders components/date-picker/demo/status.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-picker ant-picker-range ant-picker-status-error"
@ -4102,10 +4069,10 @@ exports[`renders components/date-picker/demo/status.tsx correctly 1`] = `
exports[`renders components/date-picker/demo/suffix.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap:12px;row-gap:12px"
>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -4149,7 +4116,6 @@ exports[`renders components/date-picker/demo/suffix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -4193,7 +4159,6 @@ exports[`renders components/date-picker/demo/suffix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -4279,7 +4244,6 @@ exports[`renders components/date-picker/demo/suffix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -4323,7 +4287,6 @@ exports[`renders components/date-picker/demo/suffix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -4349,7 +4312,6 @@ exports[`renders components/date-picker/demo/suffix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -4375,7 +4337,6 @@ exports[`renders components/date-picker/demo/suffix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -4471,11 +4432,10 @@ exports[`renders components/date-picker/demo/suffix.tsx correctly 1`] = `
exports[`renders components/date-picker/demo/switchable.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
@ -4590,10 +4550,10 @@ exports[`renders components/date-picker/demo/switchable.tsx correctly 1`] = `
exports[`renders components/date-picker/demo/time.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="column-gap:12px;row-gap:12px"
>
<div
class="ant-space-item"
style="margin-bottom:12px"
>
<div
class="ant-picker"

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

@ -277,11 +277,10 @@ exports[`renders components/drawer/demo/config-provider.tsx extend context corre
exports[`renders components/drawer/demo/extra.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-radio-group ant-radio-group-outline"
@ -445,11 +444,10 @@ Array [
class="ant-drawer-extra"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -606,11 +604,10 @@ Array [
class="ant-drawer-extra"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -2815,11 +2812,10 @@ exports[`renders components/drawer/demo/no-mask.tsx extend context correctly 2`]
exports[`renders components/drawer/demo/placement.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-radio-group ant-radio-group-outline"
@ -3131,11 +3127,10 @@ exports[`renders components/drawer/demo/scroll-debug.tsx extend context correctl
style="position: relative; z-index: 999999;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
aria-checked="false"
@ -3164,7 +3159,6 @@ exports[`renders components/drawer/demo/scroll-debug.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
aria-checked="false"
@ -3193,7 +3187,6 @@ exports[`renders components/drawer/demo/scroll-debug.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
aria-checked="false"
@ -3494,11 +3487,10 @@ exports[`renders components/drawer/demo/scroll-debug.tsx extend context correctl
exports[`renders components/drawer/demo/size.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -3589,11 +3581,10 @@ Array [
class="ant-drawer-extra"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"

14
components/drawer/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -93,11 +93,10 @@ exports[`renders components/drawer/demo/config-provider.tsx correctly 1`] = `
exports[`renders components/drawer/demo/extra.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-radio-group ant-radio-group-outline"
@ -257,11 +256,10 @@ exports[`renders components/drawer/demo/no-mask.tsx correctly 1`] = `
exports[`renders components/drawer/demo/placement.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-radio-group ant-radio-group-outline"
@ -450,11 +448,10 @@ exports[`renders components/drawer/demo/scroll-debug.tsx correctly 1`] = `
style="position:relative;z-index:999999"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
aria-checked="false"
@ -483,7 +480,6 @@ exports[`renders components/drawer/demo/scroll-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
aria-checked="false"
@ -512,7 +508,6 @@ exports[`renders components/drawer/demo/scroll-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
aria-checked="false"
@ -573,11 +568,10 @@ exports[`renders components/drawer/demo/scroll-debug.tsx correctly 1`] = `
exports[`renders components/drawer/demo/size.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"

66
components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -2230,11 +2230,10 @@ Array [
class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
Hover me
</div>
@ -2680,11 +2679,10 @@ Array [
class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
Hover me
</div>
@ -2897,7 +2895,7 @@ Array [
style="margin: 0px;"
/>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="padding: 8px;"
>
<div
@ -2922,12 +2920,11 @@ exports[`renders components/dropdown/demo/custom-dropdown.tsx extend context cor
exports[`renders components/dropdown/demo/dropdown-button.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
class="ant-space-compact ant-space-compact-block ant-dropdown-button"
@ -3249,7 +3246,6 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx extend context cor
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
class="ant-space-compact ant-space-compact-block ant-dropdown-button"
@ -3571,7 +3567,6 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx extend context cor
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
class="ant-space-compact ant-space-compact-block ant-dropdown-button"
@ -3895,7 +3890,6 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx extend context cor
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
class="ant-space-compact ant-space-compact-block ant-dropdown-button"
@ -4236,18 +4230,16 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx extend context cor
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
type="button"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
Button
</div>
@ -4556,7 +4548,6 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx extend context cor
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<div
class="ant-space-compact ant-space-compact-block ant-dropdown-button"
@ -4887,11 +4878,10 @@ Array [
class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
Hover me, Click menu item
</div>
@ -5082,7 +5072,7 @@ exports[`renders components/dropdown/demo/event.tsx extend context correctly 2`]
exports[`renders components/dropdown/demo/icon-debug.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
@ -5154,11 +5144,10 @@ Array [
class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
Hover me
</div>
@ -5365,11 +5354,10 @@ exports[`renders components/dropdown/demo/item.tsx extend context correctly 2`]
exports[`renders components/dropdown/demo/loading.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact ant-space-compact-block ant-dropdown-button"
@ -5501,7 +5489,6 @@ exports[`renders components/dropdown/demo/loading.tsx extend context correctly 1
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact ant-space-compact-block ant-dropdown-button"
@ -5633,7 +5620,6 @@ exports[`renders components/dropdown/demo/loading.tsx extend context correctly 1
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact ant-space-compact-block ant-dropdown-button"
@ -5857,11 +5843,10 @@ Array [
class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
Hover to check menu style
</div>
@ -6890,11 +6875,10 @@ Array [
class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
Hover me
</div>
@ -7085,19 +7069,17 @@ exports[`renders components/dropdown/demo/overlay-open.tsx extend context correc
exports[`renders components/dropdown/demo/placement.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -7283,7 +7265,6 @@ exports[`renders components/dropdown/demo/placement.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -7469,7 +7450,6 @@ exports[`renders components/dropdown/demo/placement.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -7659,12 +7639,11 @@ exports[`renders components/dropdown/demo/placement.tsx extend context correctly
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -7850,7 +7829,6 @@ exports[`renders components/dropdown/demo/placement.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -8036,7 +8014,6 @@ exports[`renders components/dropdown/demo/placement.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -8488,11 +8465,10 @@ Array [
class="ant-typography ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
Selectable
</div>
@ -8687,11 +8663,10 @@ Array [
class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
Cascading menu
</div>
@ -9151,11 +9126,10 @@ Array [
class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
Click me
</div>

64
components/dropdown/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -113,11 +113,10 @@ exports[`renders components/dropdown/demo/basic.tsx correctly 1`] = `
class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Hover me
</div>
@ -162,11 +161,10 @@ exports[`renders components/dropdown/demo/custom-dropdown.tsx correctly 1`] = `
class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Hover me
</div>
@ -199,12 +197,11 @@ exports[`renders components/dropdown/demo/custom-dropdown.tsx correctly 1`] = `
exports[`renders components/dropdown/demo/dropdown-button.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-space-compact ant-space-compact-block ant-dropdown-button"
@ -249,7 +246,6 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-space-compact ant-space-compact-block ant-dropdown-button"
@ -294,7 +290,6 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-space-compact ant-space-compact-block ant-dropdown-button"
@ -341,7 +336,6 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-space-compact ant-space-compact-block ant-dropdown-button"
@ -386,18 +380,16 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
type="button"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Button
</div>
@ -429,7 +421,6 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
class="ant-space-compact ant-space-compact-block ant-dropdown-button"
@ -480,11 +471,10 @@ exports[`renders components/dropdown/demo/event.tsx correctly 1`] = `
class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Hover me, Click menu item
</div>
@ -517,7 +507,7 @@ exports[`renders components/dropdown/demo/event.tsx correctly 1`] = `
exports[`renders components/dropdown/demo/icon-debug.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
@ -571,11 +561,10 @@ exports[`renders components/dropdown/demo/item.tsx correctly 1`] = `
class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Hover me
</div>
@ -608,11 +597,10 @@ exports[`renders components/dropdown/demo/item.tsx correctly 1`] = `
exports[`renders components/dropdown/demo/loading.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact ant-space-compact-block ant-dropdown-button"
@ -680,7 +668,6 @@ exports[`renders components/dropdown/demo/loading.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact ant-space-compact-block ant-dropdown-button"
@ -748,7 +735,6 @@ exports[`renders components/dropdown/demo/loading.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact ant-space-compact-block ant-dropdown-button"
@ -843,11 +829,10 @@ exports[`renders components/dropdown/demo/menu-full.tsx correctly 1`] = `
class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Hover to check menu style
</div>
@ -883,11 +868,10 @@ exports[`renders components/dropdown/demo/overlay-open.tsx correctly 1`] = `
class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Hover me
</div>
@ -920,19 +904,17 @@ exports[`renders components/dropdown/demo/overlay-open.tsx correctly 1`] = `
exports[`renders components/dropdown/demo/placement.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -945,7 +927,6 @@ exports[`renders components/dropdown/demo/placement.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -958,7 +939,6 @@ exports[`renders components/dropdown/demo/placement.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -975,12 +955,11 @@ exports[`renders components/dropdown/demo/placement.tsx correctly 1`] = `
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -993,7 +972,6 @@ exports[`renders components/dropdown/demo/placement.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -1006,7 +984,6 @@ exports[`renders components/dropdown/demo/placement.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -1037,11 +1014,10 @@ exports[`renders components/dropdown/demo/selectable.tsx correctly 1`] = `
class="ant-typography ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Selectable
</div>
@ -1077,11 +1053,10 @@ exports[`renders components/dropdown/demo/sub-menu.tsx correctly 1`] = `
class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Cascading menu
</div>
@ -1117,11 +1092,10 @@ exports[`renders components/dropdown/demo/trigger.tsx correctly 1`] = `
class="ant-dropdown-trigger"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Click me
</div>

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

@ -108,12 +108,11 @@ Array [
role="separator"
/>,
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<h4>
Select
@ -121,7 +120,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
@ -225,7 +223,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<h4>
TreeSelect
@ -233,7 +230,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow"
@ -336,7 +332,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<h4>
Cascader
@ -344,7 +339,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
@ -459,7 +453,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<h4>
Transfer
@ -467,7 +460,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-transfer"
@ -928,7 +920,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<h4>
Table
@ -936,7 +927,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-table-wrapper"
@ -1029,7 +1019,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<h4>
List

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

@ -106,12 +106,11 @@ Array [
role="separator"
/>,
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<h4>
Select
@ -119,7 +118,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
@ -182,7 +180,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<h4>
TreeSelect
@ -190,7 +187,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow"
@ -253,7 +249,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<h4>
Cascader
@ -261,7 +256,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
@ -321,7 +315,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<h4>
Transfer
@ -329,7 +322,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-transfer"
@ -578,7 +570,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<h4>
Table
@ -586,7 +577,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-table-wrapper"
@ -679,7 +669,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<h4>
List

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

@ -550,11 +550,10 @@ Array [
style="text-align: right;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -567,7 +566,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -19509,11 +19507,10 @@ exports[`renders components/form/demo/validate-only.tsx extend context correctly
class="ant-form-item-control-input-content"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -21562,11 +21559,10 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
class="ant-form-item-control-input-content"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -27963,11 +27959,10 @@ exports[`renders components/form/demo/warning-only.tsx extend context correctly
class="ant-form-item-control-input-content"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"

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

@ -390,11 +390,10 @@ Array [
style="text-align:right"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -407,7 +406,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -8517,11 +8515,10 @@ exports[`renders components/form/demo/validate-only.tsx correctly 1`] = `
class="ant-form-item-control-input-content"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -10025,11 +10022,10 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
class="ant-form-item-control-input-content"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -11928,11 +11924,10 @@ exports[`renders components/form/demo/warning-only.tsx correctly 1`] = `
class="ant-form-item-control-input-content"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"

1
components/grid/RowContext.ts
View File

@ -3,7 +3,6 @@ import { createContext } from 'react';
export interface RowContextState {
gutter?: [number, number];
wrap?: boolean;
supportFlexGap?: boolean;
}
const RowContext = createContext<RowContextState>({});

46
components/grid/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -745,11 +745,11 @@ Array [
</div>,
<div
class="ant-row"
style="margin: -12px -8px -12px -8px;"
style="margin-left: -8px; margin-right: -8px; row-gap: 24px;"
>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
@ -759,7 +759,7 @@ Array [
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
@ -769,7 +769,7 @@ Array [
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
@ -779,7 +779,7 @@ Array [
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
@ -789,7 +789,7 @@ Array [
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
@ -799,7 +799,7 @@ Array [
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
@ -809,7 +809,7 @@ Array [
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
@ -819,7 +819,7 @@ Array [
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
@ -1229,11 +1229,11 @@ Array [
</div>,
<div
class="ant-row"
style="margin: -8px -8px -8px -8px;"
style="margin-left: -8px; margin-right: -8px; row-gap: 16px;"
>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div>
Column
@ -1241,7 +1241,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div>
Column
@ -1249,7 +1249,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div>
Column
@ -1257,7 +1257,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div>
Column
@ -1265,7 +1265,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div>
Column
@ -1273,7 +1273,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div>
Column
@ -1281,7 +1281,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div>
Column
@ -1289,7 +1289,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div>
Column
@ -1299,11 +1299,11 @@ Array [
Another Row:,
<div
class="ant-row"
style="margin: -8px -8px -8px -8px;"
style="margin-left: -8px; margin-right: -8px; row-gap: 16px;"
>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div>
Column
@ -1311,7 +1311,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div>
Column
@ -1319,7 +1319,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div>
Column
@ -1327,7 +1327,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left: 8px; padding-right: 8px;"
>
<div>
Column

46
components/grid/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -735,11 +735,11 @@ Array [
</div>,
<div
class="ant-row"
style="margin-left:-8px;margin-right:-8px;margin-top:-12px;margin-bottom:-12px"
style="margin-left:-8px;margin-right:-8px;row-gap:24px"
>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
style="padding-left:8px;padding-right:8px"
>
<div
style="background:#0092ff;padding:8px 0"
@ -749,7 +749,7 @@ Array [
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
style="padding-left:8px;padding-right:8px"
>
<div
style="background:#0092ff;padding:8px 0"
@ -759,7 +759,7 @@ Array [
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
style="padding-left:8px;padding-right:8px"
>
<div
style="background:#0092ff;padding:8px 0"
@ -769,7 +769,7 @@ Array [
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
style="padding-left:8px;padding-right:8px"
>
<div
style="background:#0092ff;padding:8px 0"
@ -779,7 +779,7 @@ Array [
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
style="padding-left:8px;padding-right:8px"
>
<div
style="background:#0092ff;padding:8px 0"
@ -789,7 +789,7 @@ Array [
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
style="padding-left:8px;padding-right:8px"
>
<div
style="background:#0092ff;padding:8px 0"
@ -799,7 +799,7 @@ Array [
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
style="padding-left:8px;padding-right:8px"
>
<div
style="background:#0092ff;padding:8px 0"
@ -809,7 +809,7 @@ Array [
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
style="padding-left:8px;padding-right:8px"
>
<div
style="background:#0092ff;padding:8px 0"
@ -1158,11 +1158,11 @@ Array [
</div>,
<div
class="ant-row"
style="margin-left:-8px;margin-right:-8px;margin-top:-8px;margin-bottom:-8px"
style="margin-left:-8px;margin-right:-8px;row-gap:16px"
>
<div
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
style="padding-left:8px;padding-right:8px"
>
<div>
Column
@ -1170,7 +1170,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
style="padding-left:8px;padding-right:8px"
>
<div>
Column
@ -1178,7 +1178,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
style="padding-left:8px;padding-right:8px"
>
<div>
Column
@ -1186,7 +1186,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
style="padding-left:8px;padding-right:8px"
>
<div>
Column
@ -1194,7 +1194,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
style="padding-left:8px;padding-right:8px"
>
<div>
Column
@ -1202,7 +1202,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
style="padding-left:8px;padding-right:8px"
>
<div>
Column
@ -1210,7 +1210,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
style="padding-left:8px;padding-right:8px"
>
<div>
Column
@ -1218,7 +1218,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
style="padding-left:8px;padding-right:8px"
>
<div>
Column
@ -1228,11 +1228,11 @@ Array [
Another Row:,
<div
class="ant-row"
style="margin-left:-8px;margin-right:-8px;margin-top:-8px;margin-bottom:-8px"
style="margin-left:-8px;margin-right:-8px;row-gap:16px"
>
<div
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
style="padding-left:8px;padding-right:8px"
>
<div>
Column
@ -1240,7 +1240,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
style="padding-left:8px;padding-right:8px"
>
<div>
Column
@ -1248,7 +1248,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
style="padding-left:8px;padding-right:8px"
>
<div>
Column
@ -1256,7 +1256,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
style="padding-left:8px;padding-right:8px"
>
<div>
Column

2
components/grid/__tests__/__snapshots__/index.test.tsx.snap
View File

@ -45,6 +45,6 @@ exports[`Grid should render Row 1`] = `
exports[`Grid when typeof gutter is object array in large screen 1`] = `
<div
class="ant-row"
style="margin: -200px -20px -200px -20px;"
style="margin-left: -20px; margin-right: -20px; row-gap: 400px;"
/>
`;

2
components/grid/__tests__/gap.test.tsx
View File

@ -1,12 +1,12 @@
import React from 'react';
import ReactDOMServer from 'react-dom/server';
import { Col, Row } from '..';
import { render, screen } from '../../../tests/utils';
jest.mock('../../_util/styleChecker', () => ({
canUseDocElement: () => true,
isStyleSupport: () => true,
detectFlexGapSupported: () => true,
}));
describe('Grid.Gap', () => {

25
components/grid/__tests__/index.test.tsx
View File

@ -1,5 +1,6 @@
import React, { useState } from 'react';
import { act } from 'react-dom/test-utils';
import { Col, Row } from '..';
import mountTest from '../../../tests/shared/mountTest';
import rtlTest from '../../../tests/shared/rtlTest';
@ -83,7 +84,7 @@ describe('Grid', () => {
},
removeListener: jest.fn(),
matches: query === '(min-width: 1200px)',
} as any),
}) as any,
);
const { container, asFragment } = render(
@ -96,10 +97,10 @@ describe('Grid', () => {
);
expect(asFragment().firstChild).toMatchSnapshot();
expect(container.querySelector('div')!.style.marginLeft).toEqual('-20px');
expect(container.querySelector('div')!.style.marginRight).toEqual('-20px');
expect(container.querySelector('div')!.style.marginTop).toEqual('-200px');
expect(container.querySelector('div')!.style.marginBottom).toEqual('-200px');
expect(container.querySelector('div')?.style.marginLeft).toBe('-20px');
expect(container.querySelector('div')?.style.marginRight).toBe('-20px');
expect(container.querySelector('div')?.style.marginTop).toBe('');
expect(container.querySelector('div')?.style.marginBottom).toBe('');
});
it('renders wrapped Col correctly', () => {
@ -132,10 +133,10 @@ describe('Grid', () => {
it('should work current when gutter is array', () => {
const { container } = render(<Row gutter={[16, 20]} />);
expect(container.querySelector('div')!.style.marginLeft).toEqual('-8px');
expect(container.querySelector('div')!.style.marginRight).toEqual('-8px');
expect(container.querySelector('div')!.style.marginTop).toEqual('-10px');
expect(container.querySelector('div')!.style.marginBottom).toEqual('-10px');
expect(container.querySelector('div')?.style.marginLeft).toBe('-8px');
expect(container.querySelector('div')?.style.marginRight).toBe('-8px');
expect(container.querySelector('div')?.style.marginTop).toBe('');
expect(container.querySelector('div')?.style.marginBottom).toBe('');
});
// By jsdom mock, actual jsdom not implemented matchMedia
@ -150,7 +151,7 @@ describe('Grid', () => {
},
removeListener: jest.fn(),
matches: query === '(max-width: 575px)',
} as any),
}) as any,
);
let screensVar;
@ -181,7 +182,7 @@ describe('Grid', () => {
},
removeListener: jest.fn(),
matches: query === '(max-width: 575px)',
} as any),
}) as any,
);
const { container } = render(<Row align="middle" />);
expect(container.innerHTML).toContain('ant-row-middle');
@ -201,7 +202,7 @@ describe('Grid', () => {
},
removeListener: jest.fn(),
matches: query === '(max-width: 575px)',
} as any),
}) as any,
);
const { container } = render(<Row justify="center" />);
expect(container.innerHTML).toContain('ant-row-center');

21
components/grid/__tests__/server.test.tsx
View File

@ -1,4 +1,5 @@
import React from 'react';
import { Col, Row } from '..';
import { render } from '../../../tests/utils';
@ -12,18 +13,14 @@ describe('Grid.Server', () => {
</Row>,
);
expect((container.querySelector('.ant-row') as HTMLElement)!.style.marginLeft).toEqual('-4px');
expect((container.querySelector('.ant-row') as HTMLElement)!.style.marginRight).toEqual('-4px');
expect((container.querySelector('.ant-row') as HTMLElement)!.style.marginTop).toEqual('-8px');
expect((container.querySelector('.ant-row') as HTMLElement)!.style.marginBottom).toEqual(
'-8px',
);
expect((container.querySelector('.ant-row') as HTMLElement)?.style.marginLeft).toBe('-4px');
expect((container.querySelector('.ant-row') as HTMLElement)?.style.marginRight).toBe('-4px');
expect((container.querySelector('.ant-row') as HTMLElement)?.style.marginTop).toBe('');
expect((container.querySelector('.ant-row') as HTMLElement)?.style.marginBottom).toBe('');
expect((container.querySelector('.ant-col') as HTMLElement)!.style.paddingLeft).toEqual('4px');
expect((container.querySelector('.ant-col') as HTMLElement)!.style.paddingRight).toEqual('4px');
expect((container.querySelector('.ant-col') as HTMLElement)!.style.paddingTop).toEqual('8px');
expect((container.querySelector('.ant-col') as HTMLElement)!.style.paddingBottom).toEqual(
'8px',
);
expect((container.querySelector('.ant-col') as HTMLElement)?.style.paddingLeft).toBe('4px');
expect((container.querySelector('.ant-col') as HTMLElement)?.style.paddingRight).toBe('4px');
expect((container.querySelector('.ant-col') as HTMLElement)?.style.paddingTop).toBe('');
expect((container.querySelector('.ant-col') as HTMLElement)?.style.paddingBottom).toBe('');
});
});

14
components/grid/col.tsx
View File

@ -1,9 +1,10 @@
import classNames from 'classnames';
import * as React from 'react';
import classNames from 'classnames';
import type { LiteralUnion } from '../_util/type';
import { ConfigContext } from '../config-provider';
import RowContext from './RowContext';
import { useColStyle } from './style';
import type { LiteralUnion } from '../_util/type';
// https://github.com/ant-design/ant-design/issues/14324
type ColSpanType = number | string;
@ -49,7 +50,7 @@ function parseFlex(flex: FlexType): string {
const sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'] as const;
const Col = React.forwardRef<HTMLDivElement, ColProps>((props, ref) => {
const { getPrefixCls, direction } = React.useContext(ConfigContext);
const { gutter, wrap, supportFlexGap } = React.useContext(RowContext);
const { gutter, wrap } = React.useContext(RowContext);
const {
prefixCls: customizePrefixCls,
@ -115,13 +116,6 @@ const Col = React.forwardRef<HTMLDivElement, ColProps>((props, ref) => {
mergedStyle.paddingRight = horizontalGutter;
}
// Vertical gutter use padding when gap not support
if (gutter && gutter[1] > 0 && !supportFlexGap) {
const verticalGutter = gutter[1] / 2;
mergedStyle.paddingTop = verticalGutter;
mergedStyle.paddingBottom = verticalGutter;
}
if (flex) {
mergedStyle.flex = parseFlex(flex);

29
components/grid/row.tsx
View File

@ -1,10 +1,11 @@
import classNames from 'classnames';
import * as React from 'react';
import { ConfigContext } from '../config-provider';
import useFlexGapSupport from '../_util/hooks/useFlexGapSupport';
import classNames from 'classnames';
import type { Breakpoint, ScreenMap } from '../_util/responsiveObserver';
import useResponsiveObserver, { responsiveArray } from '../_util/responsiveObserver';
import { ConfigContext } from '../config-provider';
import RowContext from './RowContext';
import type { RowContextState } from './RowContext';
import { useRowStyle } from './style';
const RowAligns = ['top', 'middle', 'bottom', 'stretch'] as const;
@ -48,7 +49,9 @@ function useMergePropByScreen(oriProp: RowProps['align'] | RowProps['justify'],
for (let i = 0; i < responsiveArray.length; i++) {
const breakpoint: Breakpoint = responsiveArray[i];
// if do not match, do nothing
if (!screen[breakpoint]) continue;
if (!screen[breakpoint]) {
continue;
}
const curVal = oriProp[breakpoint];
if (curVal !== undefined) {
setProp(curVal);
@ -102,8 +105,6 @@ const Row = React.forwardRef<HTMLDivElement, RowProps>((props, ref) => {
const mergeJustify = useMergePropByScreen(justify, curScreens);
const supportFlexGap = useFlexGapSupport();
const gutterRef = React.useRef<Gutter | [Gutter, Gutter]>(gutter);
const responsiveObserver = useResponsiveObserver();
@ -162,27 +163,21 @@ const Row = React.forwardRef<HTMLDivElement, RowProps>((props, ref) => {
// Add gutter related style
const rowStyle: React.CSSProperties = {};
const horizontalGutter = gutters[0] != null && gutters[0] > 0 ? gutters[0] / -2 : undefined;
const verticalGutter = gutters[1] != null && gutters[1] > 0 ? gutters[1] / -2 : undefined;
if (horizontalGutter) {
rowStyle.marginLeft = horizontalGutter;
rowStyle.marginRight = horizontalGutter;
}
if (supportFlexGap) {
// Set gap direct if flex gap support
[, rowStyle.rowGap] = gutters;
} else if (verticalGutter) {
rowStyle.marginTop = verticalGutter;
rowStyle.marginBottom = verticalGutter;
}
[, rowStyle.rowGap] = gutters;
// "gutters" is a new array in each rendering phase, it'll make 'React.useMemo' effectless.
// So we deconstruct "gutters" variable here.
const [gutterH, gutterV] = gutters;
const rowContext = React.useMemo(
() => ({ gutter: [gutterH, gutterV] as [number, number], wrap, supportFlexGap }),
[gutterH, gutterV, wrap, supportFlexGap],
const rowContext = React.useMemo<RowContextState>(
() => ({ gutter: [gutterH, gutterV] as [number, number], wrap }),
[gutterH, gutterV, wrap],
);
return wrapSSR(

25
components/icon/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -2,11 +2,10 @@
exports[`renders components/icon/demo/basic.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="home"
@ -30,7 +29,6 @@ exports[`renders components/icon/demo/basic.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="setting"
@ -54,7 +52,6 @@ exports[`renders components/icon/demo/basic.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="smile"
@ -78,7 +75,6 @@ exports[`renders components/icon/demo/basic.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="sync"
@ -102,7 +98,6 @@ exports[`renders components/icon/demo/basic.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="smile"
@ -155,11 +150,10 @@ exports[`renders components/icon/demo/basic.tsx extend context correctly 2`] = `
exports[`renders components/icon/demo/custom.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="anticon"
@ -180,7 +174,6 @@ exports[`renders components/icon/demo/custom.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="anticon"
@ -230,7 +223,6 @@ exports[`renders components/icon/demo/custom.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="anticon"
@ -292,11 +284,10 @@ exports[`renders components/icon/demo/custom.tsx extend context correctly 2`] =
exports[`renders components/icon/demo/iconfont.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="anticon"
@ -318,7 +309,6 @@ exports[`renders components/icon/demo/iconfont.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="anticon"
@ -366,11 +356,10 @@ exports[`renders components/icon/demo/iconfont.tsx extend context correctly 2`]
exports[`renders components/icon/demo/scriptUrl.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="anticon"
@ -392,7 +381,6 @@ exports[`renders components/icon/demo/scriptUrl.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="anticon"
@ -414,7 +402,6 @@ exports[`renders components/icon/demo/scriptUrl.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="anticon"
@ -462,11 +449,10 @@ exports[`renders components/icon/demo/scriptUrl.tsx extend context correctly 2`]
exports[`renders components/icon/demo/two-tone.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="smile"
@ -499,7 +485,6 @@ exports[`renders components/icon/demo/two-tone.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="heart"

25
components/icon/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -2,11 +2,10 @@
exports[`renders components/icon/demo/basic.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
aria-label="home"
@ -30,7 +29,6 @@ exports[`renders components/icon/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
aria-label="setting"
@ -54,7 +52,6 @@ exports[`renders components/icon/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
aria-label="smile"
@ -78,7 +75,6 @@ exports[`renders components/icon/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
aria-label="sync"
@ -102,7 +98,6 @@ exports[`renders components/icon/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
aria-label="smile"
@ -153,11 +148,10 @@ exports[`renders components/icon/demo/basic.tsx correctly 1`] = `
exports[`renders components/icon/demo/custom.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="anticon"
@ -178,7 +172,6 @@ exports[`renders components/icon/demo/custom.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="anticon"
@ -228,7 +221,6 @@ exports[`renders components/icon/demo/custom.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="anticon"
@ -288,11 +280,10 @@ exports[`renders components/icon/demo/custom.tsx correctly 1`] = `
exports[`renders components/icon/demo/iconfont.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="anticon"
@ -314,7 +305,6 @@ exports[`renders components/icon/demo/iconfont.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="anticon"
@ -360,11 +350,10 @@ exports[`renders components/icon/demo/iconfont.tsx correctly 1`] = `
exports[`renders components/icon/demo/scriptUrl.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="anticon"
@ -386,7 +375,6 @@ exports[`renders components/icon/demo/scriptUrl.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="anticon"
@ -408,7 +396,6 @@ exports[`renders components/icon/demo/scriptUrl.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="anticon"
@ -454,11 +441,10 @@ exports[`renders components/icon/demo/scriptUrl.tsx correctly 1`] = `
exports[`renders components/icon/demo/two-tone.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
aria-label="smile"
@ -491,7 +477,6 @@ exports[`renders components/icon/demo/two-tone.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
aria-label="heart"

5
components/image/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -352,10 +352,10 @@ exports[`renders components/image/demo/imageRender.tsx extend context correctly
exports[`renders components/image/demo/placeholder.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="column-gap: 12px; row-gap: 12px;"
>
<div
class="ant-space-item"
style="margin-right: 12px;"
>
<div
class="ant-image"
@ -689,11 +689,10 @@ exports[`renders components/image/demo/preview-mask.tsx extend context correctly
class="ant-image-mask customize-mask"
>
<div
class="ant-space ant-space-vertical ant-space-align-center"
class="ant-space ant-space-vertical ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
aria-label="zoom-in"

5
components/image/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -343,10 +343,10 @@ exports[`renders components/image/demo/imageRender.tsx correctly 1`] = `
exports[`renders components/image/demo/placeholder.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="column-gap:12px;row-gap:12px"
>
<div
class="ant-space-item"
style="margin-right:12px"
>
<div
class="ant-image"
@ -672,11 +672,10 @@ exports[`renders components/image/demo/preview-mask.tsx correctly 1`] = `
class="ant-image-mask customize-mask"
>
<div
class="ant-space ant-space-vertical ant-space-align-center"
class="ant-space ant-space-vertical ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
aria-label="zoom-in"

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

@ -2,11 +2,10 @@
exports[`renders components/input-number/demo/addon.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-input-number-group-wrapper"
@ -103,7 +102,6 @@ exports[`renders components/input-number/demo/addon.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-input-number-group-wrapper"
@ -516,7 +514,6 @@ exports[`renders components/input-number/demo/addon.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-input-number-group-wrapper"
@ -626,7 +623,6 @@ exports[`renders components/input-number/demo/addon.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-input-number-group-wrapper"
@ -850,7 +846,6 @@ exports[`renders components/input-number/demo/addon.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-input-number-group-wrapper"
@ -1343,11 +1338,10 @@ exports[`renders components/input-number/demo/controls.tsx extend context correc
exports[`renders components/input-number/demo/debug-token.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-input-number"
@ -1685,11 +1679,10 @@ exports[`renders components/input-number/demo/disabled.tsx extend context correc
exports[`renders components/input-number/demo/formatter.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-input-number"
@ -1853,11 +1846,10 @@ exports[`renders components/input-number/demo/formatter.tsx extend context corre
exports[`renders components/input-number/demo/keyboard.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-input-number"
@ -1966,11 +1958,10 @@ exports[`renders components/input-number/demo/keyboard.tsx extend context correc
exports[`renders components/input-number/demo/out-of-range.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-input-number ant-input-number-out-of-range"
@ -2443,12 +2434,11 @@ exports[`renders components/input-number/demo/render-panel.tsx extend context co
exports[`renders components/input-number/demo/size.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
class="ant-input-number ant-input-number-lg"
@ -2529,7 +2519,6 @@ exports[`renders components/input-number/demo/size.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
class="ant-input-number"
@ -2610,7 +2599,6 @@ exports[`renders components/input-number/demo/size.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<div
class="ant-input-number ant-input-number-sm"
@ -2696,12 +2684,11 @@ exports[`renders components/input-number/demo/size.tsx extend context correctly
exports[`renders components/input-number/demo/status.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-input-number ant-input-number-status-error"
@ -2780,7 +2767,6 @@ exports[`renders components/input-number/demo/status.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-input-number ant-input-number-status-warning"
@ -2859,7 +2845,6 @@ exports[`renders components/input-number/demo/status.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-status-error"

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

@ -2,11 +2,10 @@
exports[`renders components/input-number/demo/addon.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-input-number-group-wrapper"
@ -103,7 +102,6 @@ exports[`renders components/input-number/demo/addon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-input-number-group-wrapper"
@ -320,7 +318,6 @@ exports[`renders components/input-number/demo/addon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-input-number-group-wrapper"
@ -430,7 +427,6 @@ exports[`renders components/input-number/demo/addon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-input-number-group-wrapper"
@ -581,7 +577,6 @@ exports[`renders components/input-number/demo/addon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-input-number-group-wrapper"
@ -1066,11 +1061,10 @@ exports[`renders components/input-number/demo/controls.tsx correctly 1`] = `
exports[`renders components/input-number/demo/debug-token.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-input-number"
@ -1402,11 +1396,10 @@ Array [
exports[`renders components/input-number/demo/formatter.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-input-number"
@ -1568,11 +1561,10 @@ exports[`renders components/input-number/demo/formatter.tsx correctly 1`] = `
exports[`renders components/input-number/demo/keyboard.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-input-number"
@ -1679,11 +1671,10 @@ exports[`renders components/input-number/demo/keyboard.tsx correctly 1`] = `
exports[`renders components/input-number/demo/out-of-range.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-input-number ant-input-number-out-of-range"
@ -2150,12 +2141,11 @@ exports[`renders components/input-number/demo/render-panel.tsx correctly 1`] = `
exports[`renders components/input-number/demo/size.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-input-number ant-input-number-lg"
@ -2236,7 +2226,6 @@ exports[`renders components/input-number/demo/size.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-input-number"
@ -2317,7 +2306,6 @@ exports[`renders components/input-number/demo/size.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
class="ant-input-number ant-input-number-sm"
@ -2401,12 +2389,11 @@ exports[`renders components/input-number/demo/size.tsx correctly 1`] = `
exports[`renders components/input-number/demo/status.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-input-number ant-input-number-status-error"
@ -2485,7 +2472,6 @@ exports[`renders components/input-number/demo/status.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-input-number ant-input-number-status-warning"
@ -2564,7 +2550,6 @@ exports[`renders components/input-number/demo/status.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-status-error"

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

@ -2,11 +2,10 @@
exports[`renders components/input/demo/addon.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-input-group-wrapper"
@ -34,7 +33,6 @@ exports[`renders components/input/demo/addon.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-input-group-wrapper"
@ -376,7 +374,6 @@ exports[`renders components/input/demo/addon.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-input-group-wrapper"
@ -417,7 +414,6 @@ exports[`renders components/input/demo/addon.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-input-group-wrapper"
@ -5172,11 +5168,10 @@ exports[`renders components/input/demo/borderless-debug.tsx extend context corre
exports[`renders components/input/demo/compact-style.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-space-compact"
@ -5190,7 +5185,6 @@ exports[`renders components/input/demo/compact-style.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-space-compact"
@ -5211,7 +5205,6 @@ exports[`renders components/input/demo/compact-style.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-space-compact"
@ -5305,7 +5298,6 @@ exports[`renders components/input/demo/compact-style.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-space-compact"
@ -5328,7 +5320,6 @@ exports[`renders components/input/demo/compact-style.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-space-compact"
@ -5539,17 +5530,15 @@ exports[`renders components/input/demo/compact-style.tsx extend context correctl
exports[`renders components/input/demo/debug-addon.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
Input addon Button:
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-input-group-wrapper"
@ -5579,7 +5568,6 @@ exports[`renders components/input/demo/debug-addon.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-input-group-wrapper"
@ -5609,19 +5597,16 @@ exports[`renders components/input/demo/debug-addon.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<br />
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<br />
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
Input addon Button icon:
</div>
@ -5677,20 +5662,18 @@ exports[`renders components/input/demo/debug-addon.tsx extend context correctly
exports[`renders components/input/demo/focus.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -5703,7 +5686,6 @@ exports[`renders components/input/demo/focus.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -5716,7 +5698,6 @@ exports[`renders components/input/demo/focus.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -5729,7 +5710,6 @@ exports[`renders components/input/demo/focus.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -5742,7 +5722,6 @@ exports[`renders components/input/demo/focus.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
aria-checked="true"
@ -5773,7 +5752,6 @@ exports[`renders components/input/demo/focus.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<br />
</div>
@ -9283,11 +9261,10 @@ exports[`renders components/input/demo/group.tsx extend context correctly 2`] =
exports[`renders components/input/demo/password-input.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-input-affix-wrapper ant-input-password"
@ -9329,7 +9306,6 @@ exports[`renders components/input/demo/password-input.tsx extend context correct
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-input-affix-wrapper ant-input-password"
@ -9373,11 +9349,10 @@ exports[`renders components/input/demo/password-input.tsx extend context correct
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="ant-input-affix-wrapper ant-input-password"
@ -9568,11 +9543,10 @@ exports[`renders components/input/demo/presuffix.tsx extend context correctly 2`
exports[`renders components/input/demo/search-input.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-input-group-wrapper ant-input-search"
@ -9624,7 +9598,6 @@ exports[`renders components/input/demo/search-input.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-input-group-wrapper ant-input-search"
@ -9710,7 +9683,6 @@ exports[`renders components/input/demo/search-input.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-input-group-wrapper ant-input-search"
@ -9801,7 +9773,6 @@ exports[`renders components/input/demo/search-input.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-input-group-wrapper ant-input-search ant-input-search-with-button"
@ -9852,7 +9823,6 @@ exports[`renders components/input/demo/search-input.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-input-group-wrapper ant-input-search ant-input-search-large ant-input-search-with-button ant-input-group-wrapper-lg"
@ -10288,12 +10258,11 @@ exports[`renders components/input/demo/size.tsx extend context correctly 2`] = `
exports[`renders components/input/demo/status.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<input
class="ant-input ant-input-status-error"
@ -10304,7 +10273,6 @@ exports[`renders components/input/demo/status.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<input
class="ant-input ant-input-status-warning"
@ -10315,7 +10283,6 @@ exports[`renders components/input/demo/status.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<span
class="ant-input-affix-wrapper ant-input-affix-wrapper-status-error"

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

@ -2,11 +2,10 @@
exports[`renders components/input/demo/addon.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-input-group-wrapper"
@ -34,7 +33,6 @@ exports[`renders components/input/demo/addon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-input-group-wrapper"
@ -180,7 +178,6 @@ exports[`renders components/input/demo/addon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-input-group-wrapper"
@ -221,7 +218,6 @@ exports[`renders components/input/demo/addon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-input-group-wrapper"
@ -1376,11 +1372,10 @@ exports[`renders components/input/demo/borderless-debug.tsx correctly 1`] = `
exports[`renders components/input/demo/compact-style.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-space-compact"
@ -1394,7 +1389,6 @@ exports[`renders components/input/demo/compact-style.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-space-compact"
@ -1415,7 +1409,6 @@ exports[`renders components/input/demo/compact-style.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-space-compact"
@ -1509,7 +1502,6 @@ exports[`renders components/input/demo/compact-style.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-space-compact"
@ -1532,7 +1524,6 @@ exports[`renders components/input/demo/compact-style.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-space-compact"
@ -1660,17 +1651,15 @@ exports[`renders components/input/demo/compact-style.tsx correctly 1`] = `
exports[`renders components/input/demo/debug-addon.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
Input addon Button:
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-input-group-wrapper"
@ -1700,7 +1689,6 @@ exports[`renders components/input/demo/debug-addon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-input-group-wrapper"
@ -1730,19 +1718,16 @@ exports[`renders components/input/demo/debug-addon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<br />
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<br />
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
Input addon Button icon:
</div>
@ -1796,20 +1781,18 @@ exports[`renders components/input/demo/debug-addon.tsx correctly 1`] = `
exports[`renders components/input/demo/focus.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -1822,7 +1805,6 @@ exports[`renders components/input/demo/focus.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -1835,7 +1817,6 @@ exports[`renders components/input/demo/focus.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -1848,7 +1829,6 @@ exports[`renders components/input/demo/focus.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -1861,7 +1841,6 @@ exports[`renders components/input/demo/focus.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
aria-checked="true"
@ -1892,7 +1871,6 @@ exports[`renders components/input/demo/focus.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<br />
</div>
@ -2990,11 +2968,10 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
exports[`renders components/input/demo/password-input.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-input-affix-wrapper ant-input-password"
@ -3036,7 +3013,6 @@ exports[`renders components/input/demo/password-input.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-input-affix-wrapper ant-input-password"
@ -3080,11 +3056,10 @@ exports[`renders components/input/demo/password-input.tsx correctly 1`] = `
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="ant-input-affix-wrapper ant-input-password"
@ -3252,11 +3227,10 @@ Array [
exports[`renders components/input/demo/search-input.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-input-group-wrapper ant-input-search"
@ -3308,7 +3282,6 @@ exports[`renders components/input/demo/search-input.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-input-group-wrapper ant-input-search"
@ -3394,7 +3367,6 @@ exports[`renders components/input/demo/search-input.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-input-group-wrapper ant-input-search"
@ -3485,7 +3457,6 @@ exports[`renders components/input/demo/search-input.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-input-group-wrapper ant-input-search ant-input-search-with-button"
@ -3536,7 +3507,6 @@ exports[`renders components/input/demo/search-input.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-input-group-wrapper ant-input-search ant-input-search-large ant-input-search-with-button ant-input-group-wrapper-lg"
@ -3963,12 +3933,11 @@ Array [
exports[`renders components/input/demo/status.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<input
class="ant-input ant-input-status-error"
@ -3979,7 +3948,6 @@ exports[`renders components/input/demo/status.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<input
class="ant-input ant-input-status-warning"
@ -3990,7 +3958,6 @@ exports[`renders components/input/demo/status.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<span
class="ant-input-affix-wrapper ant-input-affix-wrapper-status-error"

5
components/layout/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -3,11 +3,10 @@
exports[`renders components/layout/demo/basic.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="width: 100%;"
style="row-gap: 48px; width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 0px;"
>
<div
class="ant-layout"
@ -34,7 +33,6 @@ exports[`renders components/layout/demo/basic.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 0px;"
>
<div
class="ant-layout"
@ -75,7 +73,6 @@ exports[`renders components/layout/demo/basic.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 0px;"
>
<div
class="ant-layout"

5
components/layout/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -3,11 +3,10 @@
exports[`renders components/layout/demo/basic.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="width:100%"
style="row-gap:48px;width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:0"
>
<div
class="ant-layout"
@ -34,7 +33,6 @@ exports[`renders components/layout/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:0"
>
<div
class="ant-layout"
@ -75,7 +73,6 @@ exports[`renders components/layout/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:0"
>
<div
class="ant-layout"

36
components/list/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -1832,19 +1832,17 @@ exports[`renders components/list/demo/loadmore.tsx extend context correctly 2`]
exports[`renders components/list/demo/pagination.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
style="margin-bottom: 20px;"
>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span>
Pagination Position:
@ -1922,11 +1920,10 @@ Array [
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span>
Pagination Align:
@ -2780,11 +2777,10 @@ exports[`renders components/list/demo/vertical.tsx extend context correctly 1`]
>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="star"
@ -2818,11 +2814,10 @@ exports[`renders components/list/demo/vertical.tsx extend context correctly 1`]
</li>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="like"
@ -2856,11 +2851,10 @@ exports[`renders components/list/demo/vertical.tsx extend context correctly 1`]
</li>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="message"
@ -2946,11 +2940,10 @@ exports[`renders components/list/demo/vertical.tsx extend context correctly 1`]
>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="star"
@ -2984,11 +2977,10 @@ exports[`renders components/list/demo/vertical.tsx extend context correctly 1`]
</li>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="like"
@ -3022,11 +3014,10 @@ exports[`renders components/list/demo/vertical.tsx extend context correctly 1`]
</li>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="message"
@ -3112,11 +3103,10 @@ exports[`renders components/list/demo/vertical.tsx extend context correctly 1`]
>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="star"
@ -3150,11 +3140,10 @@ exports[`renders components/list/demo/vertical.tsx extend context correctly 1`]
</li>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="like"
@ -3188,11 +3177,10 @@ exports[`renders components/list/demo/vertical.tsx extend context correctly 1`]
</li>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="message"

36
components/list/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -1825,19 +1825,17 @@ exports[`renders components/list/demo/loadmore.tsx correctly 1`] = `
exports[`renders components/list/demo/pagination.tsx correctly 1`] = `
Array [
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
style="margin-bottom:20px"
>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span>
Pagination Position:
@ -1915,11 +1913,10 @@ Array [
class="ant-space-item"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span>
Pagination Align:
@ -2760,11 +2757,10 @@ exports[`renders components/list/demo/vertical.tsx correctly 1`] = `
>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
aria-label="star"
@ -2798,11 +2794,10 @@ exports[`renders components/list/demo/vertical.tsx correctly 1`] = `
</li>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
aria-label="like"
@ -2836,11 +2831,10 @@ exports[`renders components/list/demo/vertical.tsx correctly 1`] = `
</li>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
aria-label="message"
@ -2926,11 +2920,10 @@ exports[`renders components/list/demo/vertical.tsx correctly 1`] = `
>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
aria-label="star"
@ -2964,11 +2957,10 @@ exports[`renders components/list/demo/vertical.tsx correctly 1`] = `
</li>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
aria-label="like"
@ -3002,11 +2994,10 @@ exports[`renders components/list/demo/vertical.tsx correctly 1`] = `
</li>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
aria-label="message"
@ -3092,11 +3083,10 @@ exports[`renders components/list/demo/vertical.tsx correctly 1`] = `
>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
aria-label="star"
@ -3130,11 +3120,10 @@ exports[`renders components/list/demo/vertical.tsx correctly 1`] = `
</li>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
aria-label="like"
@ -3168,11 +3157,10 @@ exports[`renders components/list/demo/vertical.tsx correctly 1`] = `
</li>
<li>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
aria-label="message"

9
components/mentions/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -214,12 +214,11 @@ exports[`renders components/mentions/demo/form.tsx extend context correctly 1`]
class="ant-form-item-control-input-content"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -232,7 +231,6 @@ exports[`renders components/mentions/demo/form.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -386,11 +384,10 @@ If you used to conditionally omit it with %s={condition && value}, pass %s={cond
exports[`renders components/mentions/demo/status.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-mentions ant-mentions-status-error"

9
components/mentions/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -158,12 +158,11 @@ exports[`renders components/mentions/demo/form.tsx correctly 1`] = `
class="ant-form-item-control-input-content"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -176,7 +175,6 @@ exports[`renders components/mentions/demo/form.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -272,11 +270,10 @@ exports[`renders components/mentions/demo/render-panel.tsx correctly 1`] = `
exports[`renders components/mentions/demo/status.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-mentions ant-mentions-status-error"

3
components/menu/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -2,11 +2,10 @@
exports[`renders components/menu/demo/component-token.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<ul
class="ant-menu-overflow ant-menu ant-menu-root ant-menu-horizontal ant-menu-light"

3
components/menu/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -2,11 +2,10 @@
exports[`renders components/menu/demo/component-token.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<ul
class="ant-menu-overflow ant-menu ant-menu-root ant-menu-horizontal ant-menu-light"

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

@ -144,11 +144,10 @@ exports[`renders components/message/demo/loading.tsx extend context correctly 2`
exports[`renders components/message/demo/other.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -161,7 +160,6 @@ exports[`renders components/message/demo/other.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"

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

@ -132,11 +132,10 @@ exports[`renders components/message/demo/loading.tsx correctly 1`] = `
exports[`renders components/message/demo/other.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -149,7 +148,6 @@ exports[`renders components/message/demo/other.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"

27
components/modal/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -379,12 +379,11 @@ exports[`renders components/modal/demo/component-token.tsx extend context correc
exports[`renders components/modal/demo/confirm.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -397,7 +396,6 @@ exports[`renders components/modal/demo/confirm.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -410,7 +408,6 @@ exports[`renders components/modal/demo/confirm.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-dashed"
@ -423,7 +420,6 @@ exports[`renders components/modal/demo/confirm.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-dashed"
@ -493,11 +489,10 @@ exports[`renders components/modal/demo/footer.tsx extend context correctly 2`] =
exports[`renders components/modal/demo/footer-render.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -527,11 +522,10 @@ exports[`renders components/modal/demo/footer-render.tsx extend context correctl
exports[`renders components/modal/demo/hooks.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -544,7 +538,6 @@ exports[`renders components/modal/demo/hooks.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -557,7 +550,6 @@ exports[`renders components/modal/demo/hooks.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -587,11 +579,10 @@ exports[`renders components/modal/demo/hooks.tsx extend context correctly 2`] =
exports[`renders components/modal/demo/locale.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -925,12 +916,11 @@ exports[`renders components/modal/demo/render-panel.tsx extend context correctly
exports[`renders components/modal/demo/static-info.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -943,7 +933,6 @@ exports[`renders components/modal/demo/static-info.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -956,7 +945,6 @@ exports[`renders components/modal/demo/static-info.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -969,7 +957,6 @@ exports[`renders components/modal/demo/static-info.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"

27
components/modal/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -371,12 +371,11 @@ exports[`renders components/modal/demo/component-token.tsx correctly 1`] = `
exports[`renders components/modal/demo/confirm.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -389,7 +388,6 @@ exports[`renders components/modal/demo/confirm.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -402,7 +400,6 @@ exports[`renders components/modal/demo/confirm.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-dashed"
@ -415,7 +412,6 @@ exports[`renders components/modal/demo/confirm.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-dashed"
@ -475,11 +471,10 @@ exports[`renders components/modal/demo/footer.tsx correctly 1`] = `
exports[`renders components/modal/demo/footer-render.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -507,11 +502,10 @@ exports[`renders components/modal/demo/footer-render.tsx correctly 1`] = `
exports[`renders components/modal/demo/hooks.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -524,7 +518,6 @@ exports[`renders components/modal/demo/hooks.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -537,7 +530,6 @@ exports[`renders components/modal/demo/hooks.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -565,11 +557,10 @@ exports[`renders components/modal/demo/hooks.tsx correctly 1`] = `
exports[`renders components/modal/demo/locale.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -893,12 +884,11 @@ exports[`renders components/modal/demo/render-panel.tsx correctly 1`] = `
exports[`renders components/modal/demo/static-info.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -911,7 +901,6 @@ exports[`renders components/modal/demo/static-info.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -924,7 +913,6 @@ exports[`renders components/modal/demo/static-info.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -937,7 +925,6 @@ exports[`renders components/modal/demo/static-info.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"

20
components/notification/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -55,11 +55,10 @@ exports[`renders components/notification/demo/duration.tsx extend context correc
exports[`renders components/notification/demo/hooks.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -134,11 +133,10 @@ Array [
role="separator"
/>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -216,11 +214,10 @@ exports[`renders components/notification/demo/hooks.tsx extend context correctly
exports[`renders components/notification/demo/placement.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -295,11 +292,10 @@ Array [
role="separator"
/>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -374,11 +370,10 @@ Array [
role="separator"
/>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -569,11 +564,10 @@ exports[`renders components/notification/demo/with-btn.tsx extend context correc
exports[`renders components/notification/demo/with-icon.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -586,7 +580,6 @@ exports[`renders components/notification/demo/with-icon.tsx extend context corre
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -599,7 +592,6 @@ exports[`renders components/notification/demo/with-icon.tsx extend context corre
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"

20
components/notification/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -47,11 +47,10 @@ exports[`renders components/notification/demo/duration.tsx correctly 1`] = `
exports[`renders components/notification/demo/hooks.tsx correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -126,11 +125,10 @@ Array [
role="separator"
/>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -206,11 +204,10 @@ Array [
exports[`renders components/notification/demo/placement.tsx correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -285,11 +282,10 @@ Array [
role="separator"
/>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -364,11 +360,10 @@ Array [
role="separator"
/>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -551,11 +546,10 @@ exports[`renders components/notification/demo/with-btn.tsx correctly 1`] = `
exports[`renders components/notification/demo/with-icon.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -568,7 +562,6 @@ exports[`renders components/notification/demo/with-icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -581,7 +574,6 @@ exports[`renders components/notification/demo/with-icon.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"

13
components/popover/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -628,12 +628,11 @@ exports[`renders components/popover/demo/arrow.tsx extend context correctly 2`]
exports[`renders components/popover/demo/arrow-point-at-center.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -679,7 +678,6 @@ exports[`renders components/popover/demo/arrow-point-at-center.tsx extend contex
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -1622,12 +1620,11 @@ exports[`renders components/popover/demo/render-panel.tsx extend context correct
exports[`renders components/popover/demo/triggerType.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -1675,7 +1672,6 @@ exports[`renders components/popover/demo/triggerType.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -1723,7 +1719,6 @@ exports[`renders components/popover/demo/triggerType.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"

13
components/popover/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -182,12 +182,11 @@ exports[`renders components/popover/demo/arrow.tsx correctly 1`] = `
exports[`renders components/popover/demo/arrow-point-at-center.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -200,7 +199,6 @@ exports[`renders components/popover/demo/arrow-point-at-center.tsx correctly 1`]
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -512,12 +510,11 @@ Array [
exports[`renders components/popover/demo/triggerType.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -530,7 +527,6 @@ exports[`renders components/popover/demo/triggerType.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -543,7 +539,6 @@ exports[`renders components/popover/demo/triggerType.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"

84
components/progress/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -2,12 +2,11 @@
exports[`renders components/progress/demo/circle.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
aria-valuenow="75"
@ -64,7 +63,6 @@ exports[`renders components/progress/demo/circle.tsx extend context correctly 1`
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
aria-valuenow="70"
@ -139,7 +137,6 @@ exports[`renders components/progress/demo/circle.tsx extend context correctly 1`
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<div
aria-valuenow="100"
@ -426,12 +423,11 @@ exports[`renders components/progress/demo/circle-micro.tsx extend context correc
exports[`renders components/progress/demo/circle-mini.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
aria-valuenow="30"
@ -488,7 +484,6 @@ exports[`renders components/progress/demo/circle-mini.tsx extend context correct
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
aria-valuenow="70"
@ -563,7 +558,6 @@ exports[`renders components/progress/demo/circle-mini.tsx extend context correct
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<div
aria-valuenow="100"
@ -643,11 +637,10 @@ exports[`renders components/progress/demo/circle-mini.tsx extend context correct
exports[`renders components/progress/demo/component-token.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
aria-valuenow="50"
@ -677,7 +670,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
aria-valuenow="50"
@ -739,10 +731,10 @@ Array [
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="column-gap: 30px; row-gap: 30px;"
>
<div
class="ant-space-item"
style="margin-right: 30px;"
>
<div
aria-valuenow="50"
@ -799,7 +791,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 30px;"
>
<div
aria-valuenow="50"
@ -935,10 +926,10 @@ Array [
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="column-gap: 30px; row-gap: 30px;"
>
<div
class="ant-space-item"
style="margin-right: 30px;"
>
<div
aria-valuenow="50"
@ -995,7 +986,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 30px;"
>
<div
aria-valuenow="50"
@ -1131,11 +1121,10 @@ Array [
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -30px;"
style="flex-wrap: wrap; column-gap: 30px; row-gap: 30px;"
>
<div
class="ant-space-item"
style="margin-right: 30px; padding-bottom: 30px;"
>
<div
aria-valuenow="50"
@ -1168,7 +1157,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 30px; padding-bottom: 30px;"
>
<div
aria-valuenow="50"
@ -1201,7 +1189,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 30px; padding-bottom: 30px;"
>
<div
aria-valuenow="50"
@ -1234,7 +1221,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom: 30px;"
>
<div
aria-valuenow="50"
@ -1273,12 +1259,11 @@ exports[`renders components/progress/demo/component-token.tsx extend context cor
exports[`renders components/progress/demo/dashboard.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
aria-valuenow="75"
@ -1335,7 +1320,6 @@ exports[`renders components/progress/demo/dashboard.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<div
aria-valuenow="75"
@ -1492,12 +1476,11 @@ exports[`renders components/progress/demo/dynamic.tsx extend context correctly 2
exports[`renders components/progress/demo/format.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
aria-valuenow="75"
@ -1554,7 +1537,6 @@ exports[`renders components/progress/demo/format.tsx extend context correctly 1`
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<div
aria-valuenow="100"
@ -1669,12 +1651,11 @@ exports[`renders components/progress/demo/gradient-line.tsx extend context corre
</span>
</div>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
aria-valuenow="90"
@ -1751,7 +1732,6 @@ exports[`renders components/progress/demo/gradient-line.tsx extend context corre
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
aria-valuenow="100"
@ -1845,7 +1825,6 @@ exports[`renders components/progress/demo/gradient-line.tsx extend context corre
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<div
aria-valuenow="93"
@ -1922,12 +1901,11 @@ exports[`renders components/progress/demo/gradient-line.tsx extend context corre
</div>
</div>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
aria-valuenow="90"
@ -2004,7 +1982,6 @@ exports[`renders components/progress/demo/gradient-line.tsx extend context corre
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
aria-valuenow="100"
@ -2098,7 +2075,6 @@ exports[`renders components/progress/demo/gradient-line.tsx extend context corre
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<div
aria-valuenow="93"
@ -2513,12 +2489,11 @@ Array [
</span>
</div>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
aria-valuenow="75"
@ -2575,7 +2550,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<div
aria-valuenow="75"
@ -2687,12 +2661,11 @@ Array [
</div>
</div>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
aria-valuenow="30"
@ -2768,7 +2741,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<div
aria-valuenow="30"
@ -2851,11 +2823,10 @@ exports[`renders components/progress/demo/segment.tsx extend context correctly 2
exports[`renders components/progress/demo/size.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
aria-valuenow="50"
@ -2885,7 +2856,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
aria-valuenow="50"
@ -2947,10 +2917,10 @@ Array [
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="column-gap: 30px; row-gap: 30px;"
>
<div
class="ant-space-item"
style="margin-right: 30px;"
>
<div
aria-valuenow="50"
@ -3007,7 +2977,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 30px;"
>
<div
aria-valuenow="50"
@ -3143,10 +3112,10 @@ Array [
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="column-gap: 30px; row-gap: 30px;"
>
<div
class="ant-space-item"
style="margin-right: 30px;"
>
<div
aria-valuenow="50"
@ -3203,7 +3172,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 30px;"
>
<div
aria-valuenow="50"
@ -3339,11 +3307,10 @@ Array [
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -30px;"
style="flex-wrap: wrap; column-gap: 30px; row-gap: 30px;"
>
<div
class="ant-space-item"
style="margin-right: 30px; padding-bottom: 30px;"
>
<div
aria-valuenow="50"
@ -3376,7 +3343,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 30px; padding-bottom: 30px;"
>
<div
aria-valuenow="50"
@ -3409,7 +3375,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 30px; padding-bottom: 30px;"
>
<div
aria-valuenow="50"
@ -3442,7 +3407,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom: 30px;"
>
<div
aria-valuenow="50"

84
components/progress/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -2,12 +2,11 @@
exports[`renders components/progress/demo/circle.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
aria-valuenow="75"
@ -64,7 +63,6 @@ exports[`renders components/progress/demo/circle.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
aria-valuenow="70"
@ -139,7 +137,6 @@ exports[`renders components/progress/demo/circle.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
aria-valuenow="100"
@ -396,12 +393,11 @@ Array [
exports[`renders components/progress/demo/circle-mini.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
aria-valuenow="30"
@ -458,7 +454,6 @@ exports[`renders components/progress/demo/circle-mini.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
aria-valuenow="70"
@ -533,7 +528,6 @@ exports[`renders components/progress/demo/circle-mini.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
aria-valuenow="100"
@ -611,11 +605,10 @@ exports[`renders components/progress/demo/circle-mini.tsx correctly 1`] = `
exports[`renders components/progress/demo/component-token.tsx correctly 1`] = `
Array [
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
aria-valuenow="50"
@ -645,7 +638,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
aria-valuenow="50"
@ -707,10 +699,10 @@ Array [
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="column-gap:30px;row-gap:30px"
>
<div
class="ant-space-item"
style="margin-right:30px"
>
<div
aria-valuenow="50"
@ -767,7 +759,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:30px"
>
<div
aria-valuenow="50"
@ -879,10 +870,10 @@ Array [
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="column-gap:30px;row-gap:30px"
>
<div
class="ant-space-item"
style="margin-right:30px"
>
<div
aria-valuenow="50"
@ -939,7 +930,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:30px"
>
<div
aria-valuenow="50"
@ -1051,11 +1041,10 @@ Array [
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-30px"
style="flex-wrap:wrap;column-gap:30px;row-gap:30px"
>
<div
class="ant-space-item"
style="margin-right:30px;padding-bottom:30px"
>
<div
aria-valuenow="50"
@ -1088,7 +1077,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:30px;padding-bottom:30px"
>
<div
aria-valuenow="50"
@ -1121,7 +1109,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:30px;padding-bottom:30px"
>
<div
aria-valuenow="50"
@ -1154,7 +1141,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom:30px"
>
<div
aria-valuenow="50"
@ -1191,12 +1177,11 @@ Array [
exports[`renders components/progress/demo/dashboard.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
aria-valuenow="75"
@ -1253,7 +1238,6 @@ exports[`renders components/progress/demo/dashboard.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
aria-valuenow="75"
@ -1406,12 +1390,11 @@ Array [
exports[`renders components/progress/demo/format.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
aria-valuenow="75"
@ -1468,7 +1451,6 @@ exports[`renders components/progress/demo/format.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
aria-valuenow="100"
@ -1581,12 +1563,11 @@ exports[`renders components/progress/demo/gradient-line.tsx correctly 1`] = `
</span>
</div>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
aria-valuenow="90"
@ -1663,7 +1644,6 @@ exports[`renders components/progress/demo/gradient-line.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
aria-valuenow="100"
@ -1757,7 +1737,6 @@ exports[`renders components/progress/demo/gradient-line.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
aria-valuenow="93"
@ -1834,12 +1813,11 @@ exports[`renders components/progress/demo/gradient-line.tsx correctly 1`] = `
</div>
</div>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
aria-valuenow="90"
@ -1916,7 +1894,6 @@ exports[`renders components/progress/demo/gradient-line.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
aria-valuenow="100"
@ -2010,7 +1987,6 @@ exports[`renders components/progress/demo/gradient-line.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
aria-valuenow="93"
@ -2419,12 +2395,11 @@ Array [
</span>
</div>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
aria-valuenow="75"
@ -2481,7 +2456,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
aria-valuenow="75"
@ -2572,12 +2546,11 @@ Array [
</span>
</div>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
aria-valuenow="30"
@ -2634,7 +2607,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
aria-valuenow="30"
@ -2696,11 +2668,10 @@ Array [
exports[`renders components/progress/demo/size.tsx correctly 1`] = `
Array [
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
aria-valuenow="50"
@ -2730,7 +2701,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
aria-valuenow="50"
@ -2792,10 +2762,10 @@ Array [
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="column-gap:30px;row-gap:30px"
>
<div
class="ant-space-item"
style="margin-right:30px"
>
<div
aria-valuenow="50"
@ -2852,7 +2822,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:30px"
>
<div
aria-valuenow="50"
@ -2964,10 +2933,10 @@ Array [
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="column-gap:30px;row-gap:30px"
>
<div
class="ant-space-item"
style="margin-right:30px"
>
<div
aria-valuenow="50"
@ -3024,7 +2993,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:30px"
>
<div
aria-valuenow="50"
@ -3136,11 +3104,10 @@ Array [
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-30px"
style="flex-wrap:wrap;column-gap:30px;row-gap:30px"
>
<div
class="ant-space-item"
style="margin-right:30px;padding-bottom:30px"
>
<div
aria-valuenow="50"
@ -3173,7 +3140,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:30px;padding-bottom:30px"
>
<div
aria-valuenow="50"
@ -3206,7 +3172,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:30px;padding-bottom:30px"
>
<div
aria-valuenow="50"
@ -3239,7 +3204,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom:30px"
>
<div
aria-valuenow="50"

15
components/qr-code/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -48,11 +48,10 @@ exports[`renders components/qr-code/demo/Popover.tsx extend context correctly 2`
exports[`renders components/qr-code/demo/base.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical ant-space-align-center"
class="ant-space ant-space-vertical ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-qrcode"
@ -83,11 +82,10 @@ exports[`renders components/qr-code/demo/base.tsx extend context correctly 2`] =
exports[`renders components/qr-code/demo/customColor.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-qrcode"
@ -340,12 +338,11 @@ exports[`renders components/qr-code/demo/icon.tsx extend context correctly 2`] =
exports[`renders components/qr-code/demo/status.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
class="ant-qrcode"
@ -386,7 +383,6 @@ exports[`renders components/qr-code/demo/status.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<div
class="ant-qrcode"
@ -446,11 +442,10 @@ exports[`renders components/qr-code/demo/status.tsx extend context correctly 2`]
exports[`renders components/qr-code/demo/type.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-qrcode"

15
components/qr-code/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -11,11 +11,10 @@ exports[`renders components/qr-code/demo/Popover.tsx correctly 1`] = `
exports[`renders components/qr-code/demo/base.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical ant-space-align-center"
class="ant-space ant-space-vertical ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-qrcode"
@ -44,11 +43,10 @@ exports[`renders components/qr-code/demo/base.tsx correctly 1`] = `
exports[`renders components/qr-code/demo/customColor.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-qrcode"
@ -291,12 +289,11 @@ exports[`renders components/qr-code/demo/icon.tsx correctly 1`] = `
exports[`renders components/qr-code/demo/status.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-qrcode"
@ -337,7 +334,6 @@ exports[`renders components/qr-code/demo/status.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
class="ant-qrcode"
@ -395,11 +391,10 @@ exports[`renders components/qr-code/demo/status.tsx correctly 1`] = `
exports[`renders components/qr-code/demo/type.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-qrcode"

11
components/radio/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -116,11 +116,10 @@ exports[`renders components/radio/demo/basic.tsx extend context correctly 2`] =
exports[`renders components/radio/demo/component-token.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked"
@ -144,7 +143,6 @@ exports[`renders components/radio/demo/component-token.tsx extend context correc
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked ant-radio-wrapper-disabled"
@ -169,7 +167,6 @@ exports[`renders components/radio/demo/component-token.tsx extend context correc
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-radio-group ant-radio-group-outline"
@ -255,7 +252,6 @@ exports[`renders components/radio/demo/component-token.tsx extend context correc
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-radio-group ant-radio-group-outline"
@ -1008,11 +1004,10 @@ exports[`renders components/radio/demo/radiogroup-more.tsx extend context correc
class="ant-radio-group ant-radio-group-outline"
>
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked"
@ -1037,7 +1032,6 @@ exports[`renders components/radio/demo/radiogroup-more.tsx extend context correc
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<label
class="ant-radio-wrapper"
@ -1061,7 +1055,6 @@ exports[`renders components/radio/demo/radiogroup-more.tsx extend context correc
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<label
class="ant-radio-wrapper"

11
components/radio/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -112,11 +112,10 @@ exports[`renders components/radio/demo/basic.tsx correctly 1`] = `
exports[`renders components/radio/demo/component-token.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked"
@ -140,7 +139,6 @@ exports[`renders components/radio/demo/component-token.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked ant-radio-wrapper-disabled"
@ -165,7 +163,6 @@ exports[`renders components/radio/demo/component-token.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-radio-group ant-radio-group-outline"
@ -251,7 +248,6 @@ exports[`renders components/radio/demo/component-token.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-radio-group ant-radio-group-outline"
@ -994,11 +990,10 @@ exports[`renders components/radio/demo/radiogroup-more.tsx correctly 1`] = `
class="ant-radio-group ant-radio-group-outline"
>
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked"
@ -1023,7 +1018,6 @@ exports[`renders components/radio/demo/radiogroup-more.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<label
class="ant-radio-wrapper"
@ -1047,7 +1041,6 @@ exports[`renders components/radio/demo/radiogroup-more.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<label
class="ant-radio-wrapper"

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

@ -392,11 +392,10 @@ exports[`renders components/segmented/demo/controlled-two.tsx extend context cor
exports[`renders components/segmented/demo/custom.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-segmented"
@ -615,11 +614,10 @@ exports[`renders components/segmented/demo/custom.tsx extend context correctly 2
exports[`renders components/segmented/demo/disabled.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-segmented ant-segmented-disabled"
@ -768,11 +766,10 @@ exports[`renders components/segmented/demo/disabled.tsx extend context correctly
exports[`renders components/segmented/demo/dynamic.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-segmented"
@ -929,11 +926,10 @@ exports[`renders components/segmented/demo/icon-only.tsx extend context correctl
exports[`renders components/segmented/demo/size.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-segmented ant-segmented-lg"
@ -1017,7 +1013,6 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-segmented"
@ -1189,11 +1184,10 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 2`]
exports[`renders components/segmented/demo/size-consistent.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div>
<div
@ -1260,7 +1254,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx extend context co
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div>
<div

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

@ -382,11 +382,10 @@ Array [
exports[`renders components/segmented/demo/custom.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-segmented"
@ -603,11 +602,10 @@ exports[`renders components/segmented/demo/custom.tsx correctly 1`] = `
exports[`renders components/segmented/demo/disabled.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-segmented ant-segmented-disabled"
@ -754,11 +752,10 @@ exports[`renders components/segmented/demo/disabled.tsx correctly 1`] = `
exports[`renders components/segmented/demo/dynamic.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-segmented"
@ -911,11 +908,10 @@ exports[`renders components/segmented/demo/icon-only.tsx correctly 1`] = `
exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-segmented ant-segmented-lg"
@ -999,7 +995,6 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-segmented"
@ -1169,11 +1164,10 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div>
<div
@ -1240,7 +1234,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div>
<div

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

@ -410,12 +410,11 @@ exports[`renders components/select/demo/automatic-tokenization.tsx extend contex
exports[`renders components/select/demo/basic.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
@ -596,7 +595,6 @@ exports[`renders components/select/demo/basic.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
class="ant-select ant-select-single ant-select-show-arrow ant-select-disabled"
@ -719,7 +717,6 @@ exports[`renders components/select/demo/basic.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
class="ant-select ant-select-single ant-select-show-arrow ant-select-loading"
@ -841,7 +838,6 @@ exports[`renders components/select/demo/basic.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<div
class="ant-select ant-select-single ant-select-allow-clear ant-select-show-arrow"
@ -995,12 +991,11 @@ exports[`renders components/select/demo/basic.tsx extend context correctly 2`] =
exports[`renders components/select/demo/bordered.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
class="ant-select ant-select-borderless ant-select-single ant-select-show-arrow"
@ -1164,7 +1159,6 @@ exports[`renders components/select/demo/bordered.tsx extend context correctly 1`
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<div
class="ant-select ant-select-borderless ant-select-single ant-select-show-arrow ant-select-disabled"
@ -1292,12 +1286,11 @@ exports[`renders components/select/demo/bordered.tsx extend context correctly 2`
exports[`renders components/select/demo/coordinate.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
@ -1444,7 +1437,6 @@ exports[`renders components/select/demo/coordinate.tsx extend context correctly
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
@ -1730,12 +1722,11 @@ exports[`renders components/select/demo/custom-dropdown-menu.tsx extend context
style="margin: 8px 0px;"
/>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="padding: 0px 8px 4px;"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<input
class="ant-input"
@ -2102,12 +2093,11 @@ exports[`renders components/select/demo/custom-tag-render.tsx extend context cor
exports[`renders components/select/demo/debug.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px; width: 500px; position: relative; z-index: 1; border: 1px solid red; background-color: rgb(255, 255, 255);"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap; width: 500px; position: relative; z-index: 1; border: 1px solid red; background-color: rgb(255, 255, 255);"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<input
class="ant-input"
@ -2118,7 +2108,6 @@ exports[`renders components/select/demo/debug.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
class="ant-select ant-select-single ant-select-show-arrow ant-select-show-search"
@ -2312,7 +2301,6 @@ exports[`renders components/select/demo/debug.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
class="ant-select ant-select-multiple ant-select-show-arrow ant-select-show-search"
@ -2557,7 +2545,6 @@ exports[`renders components/select/demo/debug.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<span
class="debug-align"
@ -2567,7 +2554,6 @@ exports[`renders components/select/demo/debug.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -4712,12 +4698,11 @@ exports[`renders components/select/demo/label-in-value.tsx extend context correc
exports[`renders components/select/demo/multiple.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
@ -5964,12 +5949,11 @@ exports[`renders components/select/demo/optgroup.tsx extend context correctly 2`
exports[`renders components/select/demo/option-label-center.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<div
class="ant-select ant-select-single ant-select-allow-clear ant-select-show-arrow"
@ -6284,11 +6268,10 @@ exports[`renders components/select/demo/option-label-prop.tsx extend context cor
class="ant-select-item-option-content"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="China"
@ -6340,11 +6323,10 @@ exports[`renders components/select/demo/option-label-prop.tsx extend context cor
class="ant-select-item-option-content"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="USA"
@ -6370,11 +6352,10 @@ exports[`renders components/select/demo/option-label-prop.tsx extend context cor
class="ant-select-item-option-content"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="Japan"
@ -6400,11 +6381,10 @@ exports[`renders components/select/demo/option-label-prop.tsx extend context cor
class="ant-select-item-option-content"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
aria-label="Korea"
@ -6702,12 +6682,11 @@ exports[`renders components/select/demo/placement-debug.tsx extend context corre
style="height: 100%; min-height: 500px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="position: absolute; top: 0px; left: 50%; transform: translateX(-50%);"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-radio-group ant-radio-group-outline"
@ -6793,7 +6772,6 @@ exports[`renders components/select/demo/placement-debug.tsx extend context corre
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
aria-checked="false"
@ -6992,12 +6970,11 @@ exports[`renders components/select/demo/placement-debug.tsx extend context corre
exports[`renders components/select/demo/responsive.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-select ant-select-multiple ant-select-show-arrow ant-select-show-search"
@ -8687,12 +8664,11 @@ Array [
<br />,
<br />,
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
@ -9247,7 +9223,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-select ant-select-multiple ant-select-show-arrow ant-select-show-search"
@ -10337,12 +10312,11 @@ exports[`renders components/select/demo/size.tsx extend context correctly 2`] =
exports[`renders components/select/demo/status.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-select ant-select-status-error ant-select-single ant-select-show-arrow"
@ -10590,12 +10564,11 @@ exports[`renders components/select/demo/status.tsx extend context correctly 2`]
exports[`renders components/select/demo/suffix.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap: wrap;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
@ -10776,7 +10749,6 @@ exports[`renders components/select/demo/suffix.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<div
class="ant-select ant-select-single ant-select-show-arrow ant-select-disabled"

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

@ -75,12 +75,11 @@ exports[`renders components/select/demo/automatic-tokenization.tsx correctly 1`]
exports[`renders components/select/demo/basic.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
@ -146,7 +145,6 @@ exports[`renders components/select/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-select ant-select-single ant-select-show-arrow ant-select-disabled"
@ -213,7 +211,6 @@ exports[`renders components/select/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-select ant-select-single ant-select-show-arrow ant-select-loading"
@ -279,7 +276,6 @@ exports[`renders components/select/demo/basic.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
class="ant-select ant-select-single ant-select-allow-clear ant-select-show-arrow"
@ -533,12 +529,11 @@ Array [
exports[`renders components/select/demo/bordered.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-select ant-select-borderless ant-select-single ant-select-show-arrow"
@ -604,7 +599,6 @@ exports[`renders components/select/demo/bordered.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
class="ant-select ant-select-borderless ant-select-single ant-select-show-arrow ant-select-disabled"
@ -674,12 +668,11 @@ exports[`renders components/select/demo/bordered.tsx correctly 1`] = `
exports[`renders components/select/demo/coordinate.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
@ -745,7 +738,6 @@ exports[`renders components/select/demo/coordinate.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
@ -1018,12 +1010,11 @@ exports[`renders components/select/demo/custom-tag-render.tsx correctly 1`] = `
exports[`renders components/select/demo/debug.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px;width:500px;position:relative;z-index:1;border:1px solid red;background-color:#fff"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap;width:500px;position:relative;z-index:1;border:1px solid red;background-color:#fff"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<input
class="ant-input"
@ -1034,7 +1025,6 @@ exports[`renders components/select/demo/debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-select ant-select-single ant-select-show-arrow ant-select-show-search"
@ -1096,7 +1086,6 @@ exports[`renders components/select/demo/debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-select ant-select-multiple ant-select-show-arrow ant-select-show-search"
@ -1213,7 +1202,6 @@ exports[`renders components/select/demo/debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<span
class="debug-align"
@ -1223,7 +1211,6 @@ exports[`renders components/select/demo/debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -1442,12 +1429,11 @@ exports[`renders components/select/demo/label-in-value.tsx correctly 1`] = `
exports[`renders components/select/demo/multiple.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
@ -1805,12 +1791,11 @@ exports[`renders components/select/demo/optgroup.tsx correctly 1`] = `
exports[`renders components/select/demo/option-label-center.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
class="ant-select ant-select-single ant-select-allow-clear ant-select-show-arrow"
@ -2173,12 +2158,11 @@ exports[`renders components/select/demo/placement-debug.tsx correctly 1`] = `
style="height:100%;min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="position:absolute;top:0;left:50%;transform:translateX(-50%)"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-radio-group ant-radio-group-outline"
@ -2264,7 +2248,6 @@ exports[`renders components/select/demo/placement-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
aria-checked="false"
@ -2363,12 +2346,11 @@ exports[`renders components/select/demo/placement-debug.tsx correctly 1`] = `
exports[`renders components/select/demo/responsive.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-select ant-select-multiple ant-select-show-arrow ant-select-show-search"
@ -2849,12 +2831,11 @@ Array [
<br />,
<br />,
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
@ -2920,7 +2901,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-select ant-select-multiple ant-select-show-arrow ant-select-show-search"
@ -3238,12 +3218,11 @@ Array [
exports[`renders components/select/demo/status.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-select ant-select-status-error ant-select-single ant-select-show-arrow"
@ -3371,12 +3350,11 @@ exports[`renders components/select/demo/status.tsx correctly 1`] = `
exports[`renders components/select/demo/suffix.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="flex-wrap:wrap"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
@ -3442,7 +3420,6 @@ exports[`renders components/select/demo/suffix.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
class="ant-select ant-select-single ant-select-show-arrow ant-select-disabled"

17
components/skeleton/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -55,11 +55,10 @@ exports[`renders components/skeleton/demo/basic.tsx extend context correctly 2`]
exports[`renders components/skeleton/demo/children.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="width: 100%;"
style="column-gap: 16px; row-gap: 16px; width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<h4
style="margin-bottom: 16px;"
@ -148,11 +147,10 @@ exports[`renders components/skeleton/demo/componentToken.tsx extend context corr
exports[`renders components/skeleton/demo/element.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-skeleton ant-skeleton-element"
@ -164,7 +162,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-skeleton ant-skeleton-element"
@ -207,11 +204,10 @@ Array [
<br />,
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-skeleton ant-skeleton-element"
@ -275,11 +271,10 @@ Array [
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -16px;"
style="flex-wrap: wrap; column-gap: 16px; row-gap: 16px;"
>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<div
class="ant-form-item"
@ -334,7 +329,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<div
class="ant-form-item"
@ -389,7 +383,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<div
class="ant-form-item"
@ -486,7 +479,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 16px; padding-bottom: 16px;"
>
<div
class="ant-form-item"
@ -602,7 +594,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom: 16px;"
>
<div
class="ant-form-item"

17
components/skeleton/__tests__/__snapshots__/demo.test.tsx.snap
View File

@ -51,11 +51,10 @@ exports[`renders components/skeleton/demo/basic.tsx correctly 1`] = `
exports[`renders components/skeleton/demo/children.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="width:100%"
style="column-gap:16px;row-gap:16px;width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<h4
style="margin-bottom:16px"
@ -138,11 +137,10 @@ exports[`renders components/skeleton/demo/componentToken.tsx correctly 1`] = `
exports[`renders components/skeleton/demo/element.tsx correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-skeleton ant-skeleton-element"
@ -154,7 +152,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-skeleton ant-skeleton-element"
@ -197,11 +194,10 @@ Array [
<br />,
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-skeleton ant-skeleton-element"
@ -265,11 +261,10 @@ Array [
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-16px"
style="flex-wrap:wrap;column-gap:16px;row-gap:16px"
>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<div
class="ant-form-item"
@ -324,7 +319,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<div
class="ant-form-item"
@ -379,7 +373,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<div
class="ant-form-item"
@ -476,7 +469,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:16px;padding-bottom:16px"
>
<div
class="ant-form-item"
@ -592,7 +584,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom:16px"
>
<div
class="ant-form-item"

3
components/slider/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -818,12 +818,11 @@ exports[`renders components/slider/demo/icon-slider.tsx extend context correctly
exports[`renders components/slider/demo/input-number.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-row"

3
components/slider/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -485,12 +485,11 @@ exports[`renders components/slider/demo/icon-slider.tsx correctly 1`] = `
exports[`renders components/slider/demo/input-number.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-row"

41
components/space/Item.tsx
View File

@ -7,41 +7,12 @@ export interface ItemProps {
className: string;
children: React.ReactNode;
index: number;
direction?: 'horizontal' | 'vertical';
marginDirection: 'marginLeft' | 'marginRight';
split?: React.ReactNode;
wrap?: boolean;
style?: React.CSSProperties;
}
const Item: React.FC<ItemProps> = ({
className,
direction,
index,
marginDirection,
children,
split,
wrap,
style: customStyle,
}) => {
const { horizontalSize, verticalSize, latestIndex, supportFlexGap } =
React.useContext<SpaceContextType>(SpaceContext);
let style: React.CSSProperties = {};
if (!supportFlexGap) {
if (direction === 'vertical') {
if (index < latestIndex) {
style = { marginBottom: horizontalSize / (split ? 2 : 1) };
}
} else {
style = {
// Compatible IE, cannot use `marginInlineEnd`
...(index < latestIndex && { [marginDirection]: horizontalSize / (split ? 2 : 1) }),
...(wrap && { paddingBottom: verticalSize }),
};
}
}
const Item: React.FC<ItemProps> = ({ className, index, children, split, style }) => {
const { latestIndex } = React.useContext<SpaceContextType>(SpaceContext);
if (children === null || children === undefined) {
return null;
@ -49,14 +20,10 @@ const Item: React.FC<ItemProps> = ({
return (
<>
<div className={className} style={{ ...style, ...customStyle }}>
<div className={className} style={style}>
{children}
</div>
{index < latestIndex && split && (
<span className={`${className}-split`} style={style}>
{split}
</span>
)}
{index < latestIndex && split && <span className={`${className}-split`}>{split}</span>}
</>
);
};

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

@ -8,17 +8,15 @@ exports[`renders components/space/demo/align.tsx extend context correctly 1`] =
class="space-align-block"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
center
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -44,17 +42,15 @@ exports[`renders components/space/demo/align.tsx extend context correctly 1`] =
class="space-align-block"
>
<div
class="ant-space ant-space-horizontal ant-space-align-start"
class="ant-space ant-space-horizontal ant-space-align-start ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
start
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -80,17 +76,15 @@ exports[`renders components/space/demo/align.tsx extend context correctly 1`] =
class="space-align-block"
>
<div
class="ant-space ant-space-horizontal ant-space-align-end"
class="ant-space ant-space-horizontal ant-space-align-end ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
end
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -116,17 +110,15 @@ exports[`renders components/space/demo/align.tsx extend context correctly 1`] =
class="space-align-block"
>
<div
class="ant-space ant-space-horizontal ant-space-align-baseline"
class="ant-space ant-space-horizontal ant-space-align-baseline ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
baseline
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -155,17 +147,15 @@ exports[`renders components/space/demo/align.tsx extend context correctly 2`] =
exports[`renders components/space/demo/base.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
Space
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -178,7 +168,6 @@ exports[`renders components/space/demo/base.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="ant-upload-wrapper"
@ -8396,11 +8385,10 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 2`]
exports[`renders components/space/demo/compact-button-vertical.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-space-compact ant-space-compact-vertical"
@ -8433,7 +8421,6 @@ exports[`renders components/space/demo/compact-button-vertical.tsx extend contex
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-space-compact ant-space-compact-vertical"
@ -9508,11 +9495,10 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
exports[`renders components/space/demo/compact-debug.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact ant-space-compact-block"
@ -9615,13 +9601,11 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<br />
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact"
@ -9669,7 +9653,6 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact"
@ -10049,7 +10032,6 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact"
@ -10176,7 +10158,6 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact"
@ -10266,7 +10247,6 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact"
@ -10310,7 +10290,6 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact"
@ -10485,13 +10464,11 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<br />
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact"
@ -10508,7 +10485,6 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact"
@ -10673,7 +10649,6 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact"
@ -10690,7 +10665,6 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact"
@ -11537,7 +11511,6 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact"
@ -11638,7 +11611,6 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact"
@ -11788,7 +11760,6 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact"
@ -12980,7 +12951,6 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact"
@ -13063,7 +13033,6 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space-compact"
@ -15257,10 +15226,10 @@ Array [
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="column-gap: 8px; row-gap: 8px;"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -15273,7 +15242,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -15286,7 +15254,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-dashed"
@ -15317,17 +15284,15 @@ exports[`renders components/space/demo/customize.tsx extend context correctly 2`
exports[`renders components/space/demo/debug.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
Button
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -15340,13 +15305,11 @@ exports[`renders components/space/demo/debug.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
Button
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -15441,7 +15404,6 @@ exports[`renders components/space/demo/debug.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span
class="ant-popover-disabled-compatible-wrapper"
@ -15543,7 +15505,6 @@ exports[`renders components/space/demo/debug.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
1
</div>
@ -15584,11 +15545,10 @@ Array [
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px; width: 310px; background: blue;"
style="flex-wrap: wrap; column-gap: 8px; row-gap: 8px; width: 310px; background: blue;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
style="width: 150px; height: 100px; background: red;"
@ -15596,7 +15556,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
style="width: 150px; height: 100px; background: red;"
@ -15604,7 +15563,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<div
style="width: 150px; height: 100px; background: red;"
@ -15612,7 +15570,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<div
style="width: 150px; height: 100px; background: red;"
@ -15692,11 +15649,10 @@ Array [
<br />,
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary"
@ -15709,7 +15665,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -15722,7 +15677,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-dashed"
@ -15753,11 +15707,10 @@ exports[`renders components/space/demo/size.tsx extend context correctly 2`] = `
exports[`renders components/space/demo/split.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 4px;"
>
<a
class="ant-typography"
@ -15767,7 +15720,6 @@ exports[`renders components/space/demo/split.tsx extend context correctly 1`] =
</div>
<span
class="ant-space-item-split"
style="margin-right: 4px;"
>
<div
class="ant-divider ant-divider-vertical"
@ -15776,7 +15728,6 @@ exports[`renders components/space/demo/split.tsx extend context correctly 1`] =
</span>
<div
class="ant-space-item"
style="margin-right: 4px;"
>
<a
class="ant-typography"
@ -15786,7 +15737,6 @@ exports[`renders components/space/demo/split.tsx extend context correctly 1`] =
</div>
<span
class="ant-space-item-split"
style="margin-right: 4px;"
>
<div
class="ant-divider ant-divider-vertical"
@ -15809,12 +15759,11 @@ exports[`renders components/space/demo/split.tsx extend context correctly 2`] =
exports[`renders components/space/demo/vertical.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
style="display: flex;"
>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-card ant-card-bordered ant-card-small"
@ -15846,7 +15795,6 @@ exports[`renders components/space/demo/vertical.tsx extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
>
<div
class="ant-card ant-card-bordered ant-card-small"
@ -15915,11 +15863,10 @@ exports[`renders components/space/demo/vertical.tsx extend context correctly 2`]
exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -16px;"
style="flex-wrap: wrap; column-gap: 8px; row-gap: 16px;"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -15932,7 +15879,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -15945,7 +15891,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -15958,7 +15903,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -15971,7 +15915,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -15984,7 +15927,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -15997,7 +15939,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -16010,7 +15951,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -16023,7 +15963,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -16036,7 +15975,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -16049,7 +15987,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -16062,7 +15999,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -16075,7 +16011,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -16088,7 +16023,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -16101,7 +16035,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -16114,7 +16047,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -16127,7 +16059,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -16140,7 +16071,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -16153,7 +16083,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"
@ -16166,7 +16095,6 @@ exports[`renders components/space/demo/wrap.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom: 16px;"
>
<button
class="ant-btn ant-btn-default"

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

@ -8,17 +8,15 @@ exports[`renders components/space/demo/align.tsx correctly 1`] = `
class="space-align-block"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
center
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -44,17 +42,15 @@ exports[`renders components/space/demo/align.tsx correctly 1`] = `
class="space-align-block"
>
<div
class="ant-space ant-space-horizontal ant-space-align-start"
class="ant-space ant-space-horizontal ant-space-align-start ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
start
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -80,17 +76,15 @@ exports[`renders components/space/demo/align.tsx correctly 1`] = `
class="space-align-block"
>
<div
class="ant-space ant-space-horizontal ant-space-align-end"
class="ant-space ant-space-horizontal ant-space-align-end ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
end
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -116,17 +110,15 @@ exports[`renders components/space/demo/align.tsx correctly 1`] = `
class="space-align-block"
>
<div
class="ant-space ant-space-horizontal ant-space-align-baseline"
class="ant-space ant-space-horizontal ant-space-align-baseline ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
baseline
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -153,17 +145,15 @@ exports[`renders components/space/demo/align.tsx correctly 1`] = `
exports[`renders components/space/demo/base.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Space
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -176,7 +166,6 @@ exports[`renders components/space/demo/base.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="ant-upload-wrapper"
@ -1764,11 +1753,10 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
exports[`renders components/space/demo/compact-button-vertical.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-space-compact ant-space-compact-vertical"
@ -1801,7 +1789,6 @@ exports[`renders components/space/demo/compact-button-vertical.tsx correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-space-compact ant-space-compact-vertical"
@ -2311,11 +2298,10 @@ exports[`renders components/space/demo/compact-buttons.tsx correctly 1`] = `
exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact ant-space-compact-block"
@ -2399,13 +2385,11 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<br />
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact"
@ -2453,7 +2437,6 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact"
@ -2637,7 +2620,6 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact"
@ -2764,7 +2746,6 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact"
@ -2854,7 +2835,6 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact"
@ -2898,7 +2878,6 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact"
@ -3000,13 +2979,11 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<br />
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact"
@ -3023,7 +3000,6 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact"
@ -3072,7 +3048,6 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact"
@ -3089,7 +3064,6 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact"
@ -3112,7 +3086,6 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact"
@ -3213,7 +3186,6 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact"
@ -3282,7 +3254,6 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact"
@ -3373,7 +3344,6 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact"
@ -3456,7 +3426,6 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space-compact"
@ -4001,10 +3970,10 @@ Array [
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="column-gap:8px;row-gap:8px"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -4017,7 +3986,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -4030,7 +3998,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-dashed"
@ -4059,17 +4026,15 @@ Array [
exports[`renders components/space/demo/debug.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Button
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -4082,13 +4047,11 @@ exports[`renders components/space/demo/debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
Button
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -4101,7 +4064,6 @@ exports[`renders components/space/demo/debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<span
class="ant-popover-disabled-compatible-wrapper"
@ -4121,7 +4083,6 @@ exports[`renders components/space/demo/debug.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
1
</div>
@ -4160,11 +4121,10 @@ Array [
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-8px;width:310px;background:blue"
style="flex-wrap:wrap;column-gap:8px;row-gap:8px;width:310px;background:blue"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
style="width:150px;height:100px;background:red"
@ -4172,7 +4132,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
style="width:150px;height:100px;background:red"
@ -4180,7 +4139,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:8px"
>
<div
style="width:150px;height:100px;background:red"
@ -4188,7 +4146,6 @@ Array [
</div>
<div
class="ant-space-item"
style="padding-bottom:8px"
>
<div
style="width:150px;height:100px;background:red"
@ -4266,11 +4223,10 @@ Array [
<br />,
<br />,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -4283,7 +4239,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -4296,7 +4251,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-dashed"
@ -4325,11 +4279,10 @@ Array [
exports[`renders components/space/demo/split.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:4px"
>
<a
class="ant-typography"
@ -4339,7 +4292,6 @@ exports[`renders components/space/demo/split.tsx correctly 1`] = `
</div>
<span
class="ant-space-item-split"
style="margin-right:4px"
>
<div
class="ant-divider ant-divider-vertical"
@ -4348,7 +4300,6 @@ exports[`renders components/space/demo/split.tsx correctly 1`] = `
</span>
<div
class="ant-space-item"
style="margin-right:4px"
>
<a
class="ant-typography"
@ -4358,7 +4309,6 @@ exports[`renders components/space/demo/split.tsx correctly 1`] = `
</div>
<span
class="ant-space-item-split"
style="margin-right:4px"
>
<div
class="ant-divider ant-divider-vertical"
@ -4379,12 +4329,11 @@ exports[`renders components/space/demo/split.tsx correctly 1`] = `
exports[`renders components/space/demo/vertical.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
style="display:flex"
>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-card ant-card-bordered ant-card-small"
@ -4416,7 +4365,6 @@ exports[`renders components/space/demo/vertical.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:16px"
>
<div
class="ant-card ant-card-bordered ant-card-small"
@ -4483,11 +4431,10 @@ exports[`renders components/space/demo/vertical.tsx correctly 1`] = `
exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap:wrap;margin-bottom:-16px"
style="flex-wrap:wrap;column-gap:8px;row-gap:16px"
>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4500,7 +4447,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4513,7 +4459,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4526,7 +4471,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4539,7 +4483,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4552,7 +4495,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4565,7 +4507,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4578,7 +4519,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4591,7 +4531,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4604,7 +4543,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4617,7 +4555,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4630,7 +4567,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4643,7 +4579,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4656,7 +4591,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4669,7 +4603,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4682,7 +4615,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4695,7 +4627,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4708,7 +4639,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4721,7 +4651,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -4734,7 +4663,6 @@ exports[`renders components/space/demo/wrap.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"

28
components/space/__tests__/__snapshots__/index.test.tsx.snap
View File

@ -4,17 +4,15 @@ exports[`Space rtl render component should be rendered correctly in RTL directio
exports[`Space should render correct with children 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
text1
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<span>
text1
@ -31,11 +29,10 @@ exports[`Space should render correct with children 1`] = `
exports[`Space should render width ConfigProvider 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-large ant-space-gap-col-large"
>
<div
class="ant-space-item"
style="margin-right: 24px;"
>
<span>
1
@ -50,11 +47,10 @@ Array [
</div>
</div>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<span>
1
@ -69,11 +65,10 @@ Array [
</div>
</div>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-large ant-space-gap-col-large"
>
<div
class="ant-space-item"
style="margin-right: 24px;"
>
<span>
1
@ -93,11 +88,10 @@ Array [
exports[`Space should render width rtl 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-rtl ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-rtl ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-left: 8px;"
>
<span>
1
@ -112,11 +106,10 @@ Array [
</div>
</div>,
<div
class="ant-space ant-space-horizontal ant-space-rtl ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-rtl ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-left: 16px;"
>
<span>
1
@ -131,11 +124,10 @@ Array [
</div>
</div>,
<div
class="ant-space ant-space-horizontal ant-space-rtl ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-rtl ant-space-align-center ant-space-gap-row-large ant-space-gap-col-large"
>
<div
class="ant-space-item"
style="margin-left: 24px;"
>
<span>
1
@ -154,23 +146,20 @@ Array [
exports[`Space split 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 4px;"
>
text1
</div>
<span
class="ant-space-item-split"
style="margin-right: 4px;"
>
-
</span>
<div
class="ant-space-item"
style="margin-right: 4px;"
>
<span>
text1
@ -178,7 +167,6 @@ exports[`Space split 1`] = `
</div>
<span
class="ant-space-item-split"
style="margin-right: 4px;"
>
-
</span>

1
components/space/__tests__/gap.test.tsx
View File

@ -6,7 +6,6 @@ import { render } from '../../../tests/utils';
jest.mock('../../_util/styleChecker', () => ({
canUseDocElement: () => true,
isStyleSupport: () => true,
detectFlexGapSupported: () => true,
}));
describe('flex gap', () => {

6
components/space/__tests__/index.test.tsx
View File

@ -68,7 +68,7 @@ describe('Space', () => {
);
const items = container.querySelectorAll<HTMLDivElement>('div.ant-space-item');
expect(items[0]?.style.marginRight).toBe('10px');
expect(items[0]?.style.marginRight).toBe('');
expect(items[1]?.style.marginRight).toBe('');
});
@ -81,7 +81,7 @@ describe('Space', () => {
);
const items = container.querySelectorAll<HTMLDivElement>('div.ant-space-item');
expect(items[0]?.style.marginBottom).toBe('10px');
expect(items[0]?.style.marginBottom).toBe('');
expect(items[1]?.style.marginBottom).toBe('');
});
@ -224,6 +224,6 @@ describe('Space', () => {
);
expect(
container.querySelector<HTMLDivElement>('.ant-space-item')?.getAttribute('style'),
).toEqual('margin-right: 8px; color: red;');
).toEqual('color: red;');
});
});

6
components/space/context.ts
View File

@ -2,16 +2,10 @@ import React from 'react';
export interface SpaceContextType {
latestIndex: number;
horizontalSize: number;
verticalSize: number;
supportFlexGap: boolean;
}
export const SpaceContext = React.createContext<SpaceContextType>({
latestIndex: 0,
horizontalSize: 0,
verticalSize: 0,
supportFlexGap: false,
});
export const SpaceContextProvider = SpaceContext.Provider;

55
components/space/index.tsx
View File

@ -4,16 +4,14 @@ import * as React from 'react';
import classNames from 'classnames';
import toArray from 'rc-util/lib/Children/toArray';
import useFlexGapSupport from '../_util/hooks/useFlexGapSupport';
import { ConfigContext } from '../config-provider';
import type { SizeType } from '../config-provider/SizeContext';
import { useToken } from '../theme/internal';
import Compact from './Compact';
import { SpaceContextProvider } from './context';
import type { SpaceContextType } from './context';
import Item from './Item';
import useStyle from './style';
import { getRealSize, isPresetSize } from './utils';
import { isPresetSize, isValidGapNumber } from './utils';
export { SpaceContext } from './context';
@ -53,24 +51,18 @@ const Space = React.forwardRef<HTMLDivElement, SpaceProps>((props, ref) => {
...otherProps
} = props;
const [, token] = useToken();
const spaceSizeMap = {
small: token.paddingXS,
middle: token.padding,
large: token.paddingLG,
} as const;
const [horizontalSize, verticalSize] = Array.isArray(size) ? size : ([size, size] as const);
const realHorizontalSize = getRealSize(spaceSizeMap, horizontalSize);
const isPresetVerticalSize = isPresetSize(verticalSize);
const realVerticalSize = getRealSize(spaceSizeMap, verticalSize);
const isPresetHorizontalSize = isPresetSize(horizontalSize);
const isValidVerticalSize = isValidGapNumber(verticalSize);
const isValidHorizontalSize = isValidGapNumber(horizontalSize);
const childNodes = toArray(children, { keepEmpty: true });
const supportFlexGap = useFlexGapSupport();
const mergedAlign = align === undefined && direction === 'horizontal' ? 'center' : align;
const prefixCls = getPrefixCls('space', customizePrefixCls);
const [wrapSSR, hashId] = useStyle(prefixCls);
@ -83,8 +75,8 @@ const Space = React.forwardRef<HTMLDivElement, SpaceProps>((props, ref) => {
{
[`${prefixCls}-rtl`]: directionConfig === 'rtl',
[`${prefixCls}-align-${mergedAlign}`]: mergedAlign,
[`${prefixCls}-gap-row-${verticalSize}`]: supportFlexGap && isPresetSize(verticalSize),
[`${prefixCls}-gap-col-${horizontalSize}`]: supportFlexGap && isPresetSize(horizontalSize),
[`${prefixCls}-gap-row-${verticalSize}`]: isPresetVerticalSize,
[`${prefixCls}-gap-col-${horizontalSize}`]: isPresetHorizontalSize,
},
className,
rootClassName,
@ -95,8 +87,6 @@ const Space = React.forwardRef<HTMLDivElement, SpaceProps>((props, ref) => {
customClassNames?.item ?? space?.classNames?.item,
);
const marginDirection = directionConfig === 'rtl' ? 'marginLeft' : 'marginRight';
// Calculate latest one
let latestIndex = 0;
const nodes = childNodes.map<React.ReactNode>((child, i) => {
@ -110,11 +100,8 @@ const Space = React.forwardRef<HTMLDivElement, SpaceProps>((props, ref) => {
<Item
className={itemClassName}
key={key}
direction={direction}
index={i}
marginDirection={marginDirection}
split={split}
wrap={wrap}
style={styles?.item ?? space?.styles?.item}
>
{child}
@ -122,15 +109,7 @@ const Space = React.forwardRef<HTMLDivElement, SpaceProps>((props, ref) => {
);
});
const spaceContext = React.useMemo<SpaceContextType>(
() => ({
horizontalSize: realHorizontalSize,
verticalSize: realVerticalSize,
latestIndex,
supportFlexGap,
}),
[horizontalSize, verticalSize, latestIndex, supportFlexGap],
);
const spaceContext = React.useMemo<SpaceContextType>(() => ({ latestIndex }), [latestIndex]);
// =========================== Render ===========================
if (childNodes.length === 0) {
@ -141,16 +120,14 @@ const Space = React.forwardRef<HTMLDivElement, SpaceProps>((props, ref) => {
if (wrap) {
gapStyle.flexWrap = 'wrap';
// Patch for gap not support
if (!supportFlexGap) {
gapStyle.marginBottom = -realVerticalSize;
}
}
if (supportFlexGap) {
gapStyle.columnGap = realHorizontalSize;
gapStyle.rowGap = realVerticalSize;
if (!isPresetHorizontalSize && isValidHorizontalSize) {
gapStyle.columnGap = horizontalSize;
}
if (!isPresetVerticalSize && isValidVerticalSize) {
gapStyle.rowGap = verticalSize;
}
return wrapSSR(

0
components/space/style/compact.tsx → components/space/style/compact.ts
View File

0
components/space/style/index.tsx → components/space/style/index.ts
View File

15
components/space/utils.ts
View File

@ -5,23 +5,10 @@ export function isPresetSize(size: SpaceSize): size is SizeType {
return ['small', 'middle', 'large'].includes(size as string);
}
function isValidGapNumber(size: SpaceSize): size is number {
export function isValidGapNumber(size: SpaceSize): size is number {
if (!size) {
// The case of size = 0 is deliberately excluded here, because the default value of the gap attribute in CSS is 0, so if the user passes 0 in, we can directly ignore it.
return false;
}
return typeof size === 'number' && !Number.isNaN(size);
}
export const getRealSize = (
sizeMap: Record<NonNullable<SpaceSize>, number>,
value: SpaceSize,
): number => {
if (isPresetSize(value)) {
return sizeMap[value!];
}
if (isValidGapNumber(value)) {
return value;
}
return 0;
};

11
components/spin/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -211,11 +211,10 @@ exports[`renders components/spin/demo/nested.tsx extend context correctly 2`] =
exports[`renders components/spin/demo/size.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<div
aria-busy="true"
@ -242,7 +241,6 @@ exports[`renders components/spin/demo/size.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<div
aria-busy="true"
@ -300,19 +298,17 @@ exports[`renders components/spin/demo/size.tsx extend context correctly 2`] = `[
exports[`renders components/spin/demo/tip.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width: 100%;"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-spin-nested-loading"
@ -357,7 +353,6 @@ exports[`renders components/spin/demo/tip.tsx extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<div
class="ant-spin-nested-loading"

11
components/spin/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -201,11 +201,10 @@ exports[`renders components/spin/demo/nested.tsx correctly 1`] = `
exports[`renders components/spin/demo/size.tsx correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<div
aria-busy="true"
@ -232,7 +231,6 @@ exports[`renders components/spin/demo/size.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:16px"
>
<div
aria-busy="true"
@ -288,19 +286,17 @@ exports[`renders components/spin/demo/size.tsx correctly 1`] = `
exports[`renders components/spin/demo/tip.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-spin-nested-loading"
@ -345,7 +341,6 @@ exports[`renders components/spin/demo/tip.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<div
class="ant-spin-nested-loading"

7
components/switch/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -27,11 +27,10 @@ exports[`renders components/switch/demo/basic.tsx extend context correctly 2`] =
exports[`renders components/switch/demo/disabled.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<button
aria-checked="true"
@ -212,11 +211,10 @@ exports[`renders components/switch/demo/size.tsx extend context correctly 2`] =
exports[`renders components/switch/demo/text.tsx extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<button
aria-checked="true"
@ -245,7 +243,6 @@ exports[`renders components/switch/demo/text.tsx extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
>
<button
aria-checked="false"

7
components/switch/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -25,11 +25,10 @@ exports[`renders components/switch/demo/basic.tsx correctly 1`] = `
exports[`renders components/switch/demo/disabled.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<button
aria-checked="true"
@ -204,11 +203,10 @@ Array [
exports[`renders components/switch/demo/text.tsx correctly 1`] = `
<div
class="ant-space ant-space-vertical"
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<button
aria-checked="true"
@ -237,7 +235,6 @@ exports[`renders components/switch/demo/text.tsx correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<button
aria-checked="false"

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

@ -101,11 +101,10 @@ exports[`renders components/table/demo/basic.tsx extend context correctly 1`] =
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Invite John Brown
@ -155,11 +154,10 @@ exports[`renders components/table/demo/basic.tsx extend context correctly 1`] =
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Invite Jim Green
@ -214,11 +212,10 @@ exports[`renders components/table/demo/basic.tsx extend context correctly 1`] =
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Invite Joe Black
@ -2348,11 +2345,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -2363,11 +2359,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -2452,11 +2447,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -2467,11 +2461,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -2556,11 +2549,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -2571,11 +2563,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -2660,11 +2651,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -2675,11 +2665,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -2764,11 +2753,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -2779,11 +2767,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -2868,11 +2855,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -2883,11 +2869,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -2972,11 +2957,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -2987,11 +2971,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -3076,11 +3059,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -3091,11 +3073,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -3180,11 +3161,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -3195,11 +3175,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -3284,11 +3263,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -3299,11 +3277,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -3522,11 +3499,10 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
value=""
/>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
@ -3563,7 +3539,6 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-sm"
@ -3577,7 +3552,6 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-link ant-btn-sm"
@ -3661,11 +3635,10 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
value=""
/>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
@ -3702,7 +3675,6 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-sm"
@ -3716,7 +3688,6 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-link ant-btn-sm"
@ -3876,11 +3847,10 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
value=""
/>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
@ -3917,7 +3887,6 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default ant-btn-sm"
@ -3931,7 +3900,6 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-link ant-btn-sm"
@ -6161,11 +6129,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -6176,11 +6143,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -6265,11 +6231,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -6280,11 +6245,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -6369,11 +6333,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -6384,11 +6347,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -6473,11 +6435,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -6488,11 +6449,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -6577,11 +6537,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -6592,11 +6551,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -6681,11 +6639,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -6696,11 +6653,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -6785,11 +6741,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -6800,11 +6755,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -6889,11 +6843,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -6904,11 +6857,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -6993,11 +6945,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -7008,11 +6959,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -7097,11 +7047,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Delete
@ -7112,11 +7061,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
More actions
</div>
@ -16738,11 +16686,10 @@ exports[`renders components/table/demo/jsx.tsx extend context correctly 1`] = `
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Invite Brown
@ -16795,11 +16742,10 @@ exports[`renders components/table/demo/jsx.tsx extend context correctly 1`] = `
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Invite Green
@ -16857,11 +16803,10 @@ exports[`renders components/table/demo/jsx.tsx extend context correctly 1`] = `
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Invite Black
@ -18781,11 +18726,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Pause
@ -18793,7 +18737,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Stop
@ -18978,11 +18921,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Pause
@ -18990,7 +18932,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Stop
@ -19175,11 +19116,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Pause
@ -19187,7 +19127,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Stop
@ -19773,11 +19712,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Pause
@ -19785,7 +19723,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Stop
@ -19970,11 +19907,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Pause
@ -19982,7 +19918,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Stop
@ -20167,11 +20102,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Pause
@ -20179,7 +20113,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Stop
@ -20765,11 +20698,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Pause
@ -20777,7 +20709,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Stop
@ -20962,11 +20893,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Pause
@ -20974,7 +20904,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Stop
@ -21159,11 +21088,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Pause
@ -21171,7 +21099,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Stop
@ -22246,11 +22173,10 @@ exports[`renders components/table/demo/pagination.tsx extend context correctly 1
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Invite John Brown
@ -22302,11 +22228,10 @@ exports[`renders components/table/demo/pagination.tsx extend context correctly 1
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Invite Jim Green
@ -22363,11 +22288,10 @@ exports[`renders components/table/demo/pagination.tsx extend context correctly 1
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right: 16px;"
>
<a>
Invite Joe Black
@ -22478,12 +22402,11 @@ exports[`renders components/table/demo/pagination.tsx extend context correctly 2
exports[`renders components/table/demo/reset-filter.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="margin-bottom: 16px;"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -22496,7 +22419,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
class="ant-btn ant-btn-default"
@ -31256,12 +31178,11 @@ exports[`renders components/table/demo/summary.tsx extend context correctly 2`]
exports[`renders components/table/demo/tree-data.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="margin-bottom: 16px;"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
CheckStrictly:
</div>
@ -31568,12 +31489,11 @@ exports[`renders components/table/demo/tree-data.tsx extend context correctly 2`
exports[`renders components/table/demo/tree-table-ellipsis.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="margin-bottom: 16px;"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
Fixed first column:
</div>

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

@ -101,11 +101,10 @@ exports[`renders components/table/demo/basic.tsx correctly 1`] = `
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Invite
@ -157,11 +156,10 @@ exports[`renders components/table/demo/basic.tsx correctly 1`] = `
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Invite
@ -218,11 +216,10 @@ exports[`renders components/table/demo/basic.tsx correctly 1`] = `
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Invite
@ -2140,11 +2137,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -2155,11 +2151,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -2244,11 +2239,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -2259,11 +2253,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -2348,11 +2341,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -2363,11 +2355,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -2452,11 +2443,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -2467,11 +2457,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -2556,11 +2545,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -2571,11 +2559,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -2660,11 +2647,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -2675,11 +2661,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -2764,11 +2749,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -2779,11 +2763,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -2868,11 +2851,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -2883,11 +2865,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -2972,11 +2953,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -2987,11 +2967,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -3076,11 +3055,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -3091,11 +3069,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -5384,11 +5361,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -5399,11 +5375,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -5488,11 +5463,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -5503,11 +5477,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -5592,11 +5565,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -5607,11 +5579,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -5696,11 +5667,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -5711,11 +5681,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -5800,11 +5769,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -5815,11 +5783,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -5904,11 +5871,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -5919,11 +5885,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -6008,11 +5973,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -6023,11 +5987,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -6112,11 +6075,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -6127,11 +6089,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -6216,11 +6177,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -6231,11 +6191,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -6320,11 +6279,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Delete
@ -6335,11 +6293,10 @@ Array [
>
<a>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
More actions
</div>
@ -13300,11 +13257,10 @@ exports[`renders components/table/demo/jsx.tsx correctly 1`] = `
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Invite
@ -13359,11 +13315,10 @@ exports[`renders components/table/demo/jsx.tsx correctly 1`] = `
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Invite
@ -13423,11 +13378,10 @@ exports[`renders components/table/demo/jsx.tsx correctly 1`] = `
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Invite
@ -15181,11 +15135,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Pause
@ -15193,7 +15146,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Stop
@ -15269,11 +15221,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Pause
@ -15281,7 +15232,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Stop
@ -15357,11 +15307,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Pause
@ -15369,7 +15318,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Stop
@ -15846,11 +15794,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Pause
@ -15858,7 +15805,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Stop
@ -15934,11 +15880,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Pause
@ -15946,7 +15891,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Stop
@ -16022,11 +15966,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Pause
@ -16034,7 +15977,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Stop
@ -16511,11 +16453,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Pause
@ -16523,7 +16464,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Stop
@ -16599,11 +16539,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Pause
@ -16611,7 +16550,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Stop
@ -16687,11 +16625,10 @@ Array [
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Pause
@ -16699,7 +16636,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Stop
@ -17661,11 +17597,10 @@ exports[`renders components/table/demo/pagination.tsx correctly 1`] = `
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Invite
@ -17719,11 +17654,10 @@ exports[`renders components/table/demo/pagination.tsx correctly 1`] = `
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Invite
@ -17782,11 +17716,10 @@ exports[`renders components/table/demo/pagination.tsx correctly 1`] = `
class="ant-table-cell"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
>
<div
class="ant-space-item"
style="margin-right:16px"
>
<a>
Invite
@ -17897,12 +17830,11 @@ exports[`renders components/table/demo/pagination.tsx correctly 1`] = `
exports[`renders components/table/demo/reset-filter.tsx correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="margin-bottom:16px"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -17915,7 +17847,6 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -25740,12 +25671,11 @@ Array [
exports[`renders components/table/demo/tree-data.tsx correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="margin-bottom:16px"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
CheckStrictly:
</div>
@ -26050,12 +25980,11 @@ Array [
exports[`renders components/table/demo/tree-table-ellipsis.tsx correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="margin-bottom:16px"
>
<div
class="ant-space-item"
style="margin-right:8px"
>
Fixed first column:
</div>

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

@ -3,11 +3,10 @@
exports[`renders components/tabs/demo/animated.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
<button
aria-checked="true"
@ -4554,12 +4553,11 @@ exports[`renders components/tabs/demo/nest.tsx extend context correctly 2`] = `[
exports[`renders components/tabs/demo/position.tsx extend context correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
style="margin-bottom: 24px;"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
>
Tab position:
</div>

Some files were not shown because too many files have changed in this diff Show More