mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 14:13:37 +08:00
Code Issues Actions 28 Packages Projects Releases Wiki Activity

test: fix test

Browse Source
This commit is contained in:
MadCcc 2022-10-11 21:33:29 +08:00
parent 03a1ae427d
commit 2471bf88aa
82 changed files with 5380 additions and 12815 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1907,11 +1907,11 @@ exports[`renders ./components/auto-complete/demo/options.md extend context corre
exports[`renders ./components/auto-complete/demo/render-panel.md extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="display: flex;"
style="display:flex"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<button
aria-checked="false"
@ -1924,25 +1924,18 @@ exports[`renders ./components/auto-complete/demo/render-panel.md extend context
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
<div
class="ant-space-item"
>
<div
style="padding-bottom: 0px; position: relative; min-width: 0;"
style="padding-bottom:0;position:relative;width:fit-content;min-width:0"
>
<div
class="ant-select ant-select-auto-complete ant-select-single ant-select-show-search"
style="width: 120px; margin: 0px;"
style="width:120px;margin:0"
>
<div
class="ant-select-selector"
@ -1951,15 +1944,14 @@ exports[`renders ./components/auto-complete/demo/render-panel.md extend context
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_-test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
role="combobox"
type="search"
value="lucy"
@ -1968,40 +1960,48 @@ exports[`renders ./components/auto-complete/demo/render-panel.md extend context
</div>
<div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-select-dropdown"
style="opacity:0"
>
<div>
<div
id="rc_select_test_list"
id="undefined_list"
role="listbox"
style="height: 0px; width: 0px; overflow: hidden;"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Jack"
aria-selected="false"
id="rc_select_test_list_test"
id="undefined_list_0"
role="option"
>
jack
</div>
<div
aria-label="Lucy"
aria-selected="false"
id="undefined_list_1"
role="option"
>
lucy
</div>
</div>
<div
class="rc-virtual-list"
style="position: relative;"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height: 256px; overflow-y: auto;"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display: flex; flex-direction: column;"
style="display:flex;flex-direction:column"
>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
class="ant-select-item ant-select-item-option ant-select-item-option-active"
title="Jack"
>
<div
@ -2012,7 +2012,7 @@ exports[`renders ./components/auto-complete/demo/render-panel.md extend context
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -2029,7 +2029,7 @@ exports[`renders ./components/auto-complete/demo/render-panel.md extend context
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -2046,7 +2046,7 @@ exports[`renders ./components/auto-complete/demo/render-panel.md extend context
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -2063,7 +2063,7 @@ exports[`renders ./components/auto-complete/demo/render-panel.md extend context
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -2075,9 +2075,6 @@ exports[`renders ./components/auto-complete/demo/render-panel.md extend context
</div>
</div>
</div>
<div
style="position: absolute; top: 0px; left: 0px; width: 100%;"
/>
</div>
</div>
</div>

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

@ -1064,11 +1064,11 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
exports[`renders ./components/auto-complete/demo/render-panel.md correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="display: flex;"
style="display:flex"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<button
aria-checked="false"
@ -1081,25 +1081,18 @@ exports[`renders ./components/auto-complete/demo/render-panel.md correctly 1`] =
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
<div
class="ant-space-item"
>
<div
style="padding-bottom: 0px; position: relative; min-width: 0;"
style="padding-bottom:0;position:relative;width:fit-content;min-width:0"
>
<div
class="ant-select ant-select-auto-complete ant-select-single ant-select-show-search"
style="width: 120px; margin: 0px;"
style="width:120px;margin:0"
>
<div
class="ant-select-selector"
@ -1108,15 +1101,14 @@ exports[`renders ./components/auto-complete/demo/render-panel.md correctly 1`] =
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
role="combobox"
type="search"
value="lucy"

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

@ -230,14 +230,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
]
`;
@ -1361,14 +1354,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md extend context correctly
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
<div

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

@ -230,14 +230,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
]
`;
@ -1361,14 +1354,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
<div

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

@ -420,14 +420,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<div
class="ant-card ant-card-loading ant-card-bordered"

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

@ -420,14 +420,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<div
class="ant-card ant-card-loading ant-card-bordered"

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

@ -1917,11 +1917,11 @@ Array [
exports[`renders ./components/cascader/demo/render-panel.md extend context correctly 1`] = `
<div
style="padding-bottom: 0px; position: relative; min-width: 0;"
style="padding-bottom:0;position:relative;width:fit-content;min-width:0"
>
<div
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-open"
style="margin: 0px;"
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow"
style="margin:0"
>
<div
class="ant-select-selector"
@ -1931,16 +1931,15 @@ exports[`renders ./components/cascader/demo/render-panel.md extend context corre
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-expanded="true"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1954,8 +1953,8 @@ exports[`renders ./components/cascader/demo/render-panel.md extend context corre
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -2045,7 +2044,7 @@ exports[`renders ./components/cascader/demo/render-panel.md extend context corre
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -2069,9 +2068,6 @@ exports[`renders ./components/cascader/demo/render-panel.md extend context corre
</span>
</span>
</div>
<div
style="position: absolute; top: 0px; left: 0px; width: 100%;"
/>
</div>
`;

110
components/cascader/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -811,11 +811,11 @@ Array [
exports[`renders ./components/cascader/demo/render-panel.md correctly 1`] = `
<div
style="padding-bottom: 0px; position: relative; min-width: 0;"
style="padding-bottom:0;position:relative;width:fit-content;min-width:0"
>
<div
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-open"
style="margin: 0px;"
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow"
style="margin:0"
>
<div
class="ant-select-selector"
@ -825,16 +825,15 @@ exports[`renders ./components/cascader/demo/render-panel.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-expanded="true"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -846,100 +845,10 @@ exports[`renders ./components/cascader/demo/render-panel.md correctly 1`] = `
Please select
</span>
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
>
<div>
<div
class="ant-cascader-menus"
>
<ul
class="ant-cascader-menu"
role="menu"
>
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
<div
class="ant-cascader-menu-item-content"
>
Zhejiang
</div>
<div
class="ant-cascader-menu-item-expand-icon"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</div>
</li>
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
<div
class="ant-cascader-menu-item-content"
>
Jiangsu
</div>
<div
class="ant-cascader-menu-item-expand-icon"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -963,9 +872,6 @@ exports[`renders ./components/cascader/demo/render-panel.md correctly 1`] = `
</span>
</span>
</div>
<div
style="position: absolute; top: 0px; left: 0px; width: 100%;"
/>
</div>
`;

668
components/comment/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -1,668 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/comment/demo/basic.md extend context correctly 1`] = `
<div
class="ant-comment"
>
<div
class="ant-comment-inner"
>
<div
class="ant-comment-avatar"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
>
<img
alt="Han Solo"
src="https://joeschmoe.io/api/v1/random"
/>
</span>
</div>
<div
class="ant-comment-content"
>
<div
class="ant-comment-content-author"
>
<span
class="ant-comment-content-author-name"
>
<a>
Han Solo
</a>
</span>
<span
class="ant-comment-content-author-time"
>
<span>
8 hours ago
</span>
<div>
<div
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
>
2016-11-22 11:22:33
</div>
</div>
</div>
</div>
</span>
</div>
<div
class="ant-comment-content-detail"
>
<p>
We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.
</p>
</div>
<ul
class="ant-comment-actions"
>
<li>
<span>
<span
aria-label="like"
class="anticon anticon-like"
role="img"
>
<svg
aria-hidden="true"
data-icon="like"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M885.9 533.7c16.8-22.2 26.1-49.4 26.1-77.7 0-44.9-25.1-87.4-65.5-111.1a67.67 67.67 0 00-34.3-9.3H572.4l6-122.9c1.4-29.7-9.1-57.9-29.5-79.4A106.62 106.62 0 00471 99.9c-52 0-98 35-111.8 85.1l-85.9 311H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h601.3c9.2 0 18.2-1.8 26.5-5.4 47.6-20.3 78.3-66.8 78.3-118.4 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7-.2-12.6-2-25.1-5.6-37.1zM184 852V568h81v284h-81zm636.4-353l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 22.4-13.2 42.6-33.6 51.8H329V564.8l99.5-360.5a44.1 44.1 0 0142.2-32.3c7.6 0 15.1 2.2 21.1 6.7 9.9 7.4 15.2 18.6 14.6 30.5l-9.6 198.4h314.4C829 418.5 840 436.9 840 456c0 16.5-7.2 32.1-19.6 43z"
/>
</svg>
</span>
<span
class="comment-action"
>
0
</span>
</span>
<div>
<div
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
>
Like
</div>
</div>
</div>
</div>
</li>
<li>
<span>
<span
aria-label="dislike"
class="anticon anticon-dislike"
role="img"
>
<svg
aria-hidden="true"
data-icon="dislike"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M885.9 490.3c3.6-12 5.4-24.4 5.4-37 0-28.3-9.3-55.5-26.1-77.7 3.6-12 5.4-24.4 5.4-37 0-28.3-9.3-55.5-26.1-77.7 3.6-12 5.4-24.4 5.4-37 0-51.6-30.7-98.1-78.3-118.4a66.1 66.1 0 00-26.5-5.4H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h129.3l85.8 310.8C372.9 889 418.9 924 470.9 924c29.7 0 57.4-11.8 77.9-33.4 20.5-21.5 31-49.7 29.5-79.4l-6-122.9h239.9c12.1 0 23.9-3.2 34.3-9.3 40.4-23.5 65.5-66.1 65.5-111 0-28.3-9.3-55.5-26.1-77.7zM184 456V172h81v284h-81zm627.2 160.4H496.8l9.6 198.4c.6 11.9-4.7 23.1-14.6 30.5-6.1 4.5-13.6 6.8-21.1 6.7a44.28 44.28 0 01-42.2-32.3L329 459.2V172h415.4a56.85 56.85 0 0133.6 51.8c0 9.7-2.3 18.9-6.9 27.3l-13.9 25.4 21.9 19a56.76 56.76 0 0119.6 43c0 9.7-2.3 18.9-6.9 27.3l-13.9 25.4 21.9 19a56.76 56.76 0 0119.6 43c0 9.7-2.3 18.9-6.9 27.3l-14 25.5 21.9 19a56.76 56.76 0 0119.6 43c0 19.1-11 37.5-28.8 48.4z"
/>
</svg>
</span>
<span
class="comment-action"
>
0
</span>
</span>
<div>
<div
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
>
Dislike
</div>
</div>
</div>
</div>
</li>
<li>
<span>
Reply to
</span>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/comment/demo/editor.md extend context correctly 1`] = `
<div
class="ant-comment"
>
<div
class="ant-comment-inner"
>
<div
class="ant-comment-avatar"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
>
<img
alt="Han Solo"
src="https://joeschmoe.io/api/v1/random"
/>
</span>
</div>
<div
class="ant-comment-content"
>
<div
class="ant-comment-content-detail"
>
<div
class="ant-form-item"
>
<div
class="ant-row ant-form-item-row"
>
<div
class="ant-col ant-form-item-control"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<textarea
class="ant-input"
rows="4"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-form-item"
>
<div
class="ant-row ant-form-item-row"
>
<div
class="ant-col ant-form-item-control"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<button
class="ant-btn ant-btn-primary"
type="submit"
>
<span>
Add Comment
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/comment/demo/list.md extend context correctly 1`] = `
<div
class="ant-list ant-list-split comment-list"
>
<div
class="ant-list-header"
>
2 replies
</div>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<ul
class="ant-list-items"
>
<li>
<div
class="ant-comment"
>
<div
class="ant-comment-inner"
>
<div
class="ant-comment-avatar"
>
<img
alt="comment-avatar"
src="https://joeschmoe.io/api/v1/random"
/>
</div>
<div
class="ant-comment-content"
>
<div
class="ant-comment-content-author"
>
<span
class="ant-comment-content-author-name"
>
Han Solo
</span>
<span
class="ant-comment-content-author-time"
>
<span>
8 hours ago
</span>
<div>
<div
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
>
2016-11-22 11:22:33
</div>
</div>
</div>
</div>
</span>
</div>
<div
class="ant-comment-content-detail"
>
<p>
We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.
</p>
</div>
<ul
class="ant-comment-actions"
>
<li>
<span>
Reply to
</span>
</li>
</ul>
</div>
</div>
</div>
</li>
<li>
<div
class="ant-comment"
>
<div
class="ant-comment-inner"
>
<div
class="ant-comment-avatar"
>
<img
alt="comment-avatar"
src="https://joeschmoe.io/api/v1/random"
/>
</div>
<div
class="ant-comment-content"
>
<div
class="ant-comment-content-author"
>
<span
class="ant-comment-content-author-name"
>
Han Solo
</span>
<span
class="ant-comment-content-author-time"
>
<span>
9 hours ago
</span>
<div>
<div
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
>
2016-11-22 10:22:33
</div>
</div>
</div>
</div>
</span>
</div>
<div
class="ant-comment-content-detail"
>
<p>
We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.
</p>
</div>
<ul
class="ant-comment-actions"
>
<li>
<span>
Reply to
</span>
</li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/comment/demo/nested.md extend context correctly 1`] = `
<div
class="ant-comment"
>
<div
class="ant-comment-inner"
>
<div
class="ant-comment-avatar"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
>
<img
alt="Han Solo"
src="https://joeschmoe.io/api/v1/random"
/>
</span>
</div>
<div
class="ant-comment-content"
>
<div
class="ant-comment-content-author"
>
<span
class="ant-comment-content-author-name"
>
<a>
Han Solo
</a>
</span>
</div>
<div
class="ant-comment-content-detail"
>
<p>
We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure).
</p>
</div>
<ul
class="ant-comment-actions"
>
<li>
<span>
Reply to
</span>
</li>
</ul>
</div>
</div>
<div
class="ant-comment-nested"
>
<div
class="ant-comment"
>
<div
class="ant-comment-inner"
>
<div
class="ant-comment-avatar"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
>
<img
alt="Han Solo"
src="https://joeschmoe.io/api/v1/random"
/>
</span>
</div>
<div
class="ant-comment-content"
>
<div
class="ant-comment-content-author"
>
<span
class="ant-comment-content-author-name"
>
<a>
Han Solo
</a>
</span>
</div>
<div
class="ant-comment-content-detail"
>
<p>
We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure).
</p>
</div>
<ul
class="ant-comment-actions"
>
<li>
<span>
Reply to
</span>
</li>
</ul>
</div>
</div>
<div
class="ant-comment-nested"
>
<div
class="ant-comment"
>
<div
class="ant-comment-inner"
>
<div
class="ant-comment-avatar"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
>
<img
alt="Han Solo"
src="https://joeschmoe.io/api/v1/random"
/>
</span>
</div>
<div
class="ant-comment-content"
>
<div
class="ant-comment-content-author"
>
<span
class="ant-comment-content-author-name"
>
<a>
Han Solo
</a>
</span>
</div>
<div
class="ant-comment-content-detail"
>
<p>
We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure).
</p>
</div>
<ul
class="ant-comment-actions"
>
<li>
<span>
Reply to
</span>
</li>
</ul>
</div>
</div>
</div>
<div
class="ant-comment"
>
<div
class="ant-comment-inner"
>
<div
class="ant-comment-avatar"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
>
<img
alt="Han Solo"
src="https://joeschmoe.io/api/v1/random"
/>
</span>
</div>
<div
class="ant-comment-content"
>
<div
class="ant-comment-content-author"
>
<span
class="ant-comment-content-author-name"
>
<a>
Han Solo
</a>
</span>
</div>
<div
class="ant-comment-content-detail"
>
<p>
We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure).
</p>
</div>
<ul
class="ant-comment-actions"
>
<li>
<span>
Reply to
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;

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

File diff suppressed because it is too large Load Diff

8
components/config-provider/__tests__/cssinjs.test.tsx
View File

@ -1,8 +1,8 @@
import * as React from 'react';
import { mount } from 'enzyme';
import ConfigProvider from '..';
import Button from '../../button';
import Divider from '../../divider';
import { render } from '../../../tests/utils';
describe('ConfigProvider.DynamicTheme', () => {
beforeEach(() => {
@ -12,7 +12,7 @@ describe('ConfigProvider.DynamicTheme', () => {
});
it('customize primary color', () => {
mount(
render(
<ConfigProvider
theme={{
token: {
@ -38,7 +38,7 @@ describe('ConfigProvider.DynamicTheme', () => {
it('not crash on null token', () => {
expect(() => {
mount(
render(
<ConfigProvider
theme={{
token: null as any,
@ -49,7 +49,7 @@ describe('ConfigProvider.DynamicTheme', () => {
});
it('should support overriding aliasToken', () => {
mount(
render(
<ConfigProvider
theme={{
token: {

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

@ -39410,11 +39410,11 @@ exports[`renders ./components/date-picker/demo/range-picker.md extend context co
exports[`renders ./components/date-picker/demo/render-panel.md extend context correctly 1`] = `
<div
style="padding-bottom: 0px; position: relative; min-width: 0;"
style="padding-bottom:0;position:relative;width:fit-content;min-width:0"
>
<div
class="ant-picker"
style="margin: 0px;"
style="margin:0"
>
<div
class="ant-picker-input"
@ -39454,8 +39454,8 @@ exports[`renders ./components/date-picker/demo/render-panel.md extend context co
</div>
<div>
<div
class="ant-picker-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
@ -40006,9 +40006,6 @@ exports[`renders ./components/date-picker/demo/render-panel.md extend context co
</div>
</div>
</div>
<div
style="position: absolute; top: 0px; left: 0px; width: 100%;"
/>
</div>
`;

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

@ -3261,11 +3261,11 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
exports[`renders ./components/date-picker/demo/render-panel.md correctly 1`] = `
<div
style="padding-bottom: 0px; position: relative; min-width: 0;"
style="padding-bottom:0;position:relative;width:fit-content;min-width:0"
>
<div
class="ant-picker"
style="margin: 0px;"
style="margin:0"
>
<div
class="ant-picker-input"
@ -3303,563 +3303,6 @@ exports[`renders ./components/date-picker/demo/render-panel.md correctly 1`] = `
</span>
</div>
</div>
<div>
<div
class="ant-picker-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-date-panel"
>
<div
class="ant-picker-header"
>
<button
class="ant-picker-header-super-prev-btn"
tabindex="-1"
type="button"
>
<span
class="ant-picker-super-prev-icon"
/>
</button>
<button
class="ant-picker-header-prev-btn"
tabindex="-1"
type="button"
>
<span
class="ant-picker-prev-icon"
/>
</button>
<div
class="ant-picker-header-view"
>
<button
class="ant-picker-month-btn"
tabindex="-1"
type="button"
>
Nov
</button>
<button
class="ant-picker-year-btn"
tabindex="-1"
type="button"
>
2016
</button>
</div>
<button
class="ant-picker-header-next-btn"
tabindex="-1"
type="button"
>
<span
class="ant-picker-next-icon"
/>
</button>
<button
class="ant-picker-header-super-next-btn"
tabindex="-1"
type="button"
>
<span
class="ant-picker-super-next-icon"
/>
</button>
</div>
<div
class="ant-picker-body"
>
<table
class="ant-picker-content"
>
<thead>
<tr>
<th>
Su
</th>
<th>
Mo
</th>
<th>
Tu
</th>
<th>
We
</th>
<th>
Th
</th>
<th>
Fr
</th>
<th>
Sa
</th>
</tr>
</thead>
<tbody>
<tr>
<td
class="ant-picker-cell"
title="2016-10-30"
>
<div
class="ant-picker-cell-inner"
>
30
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-end"
title="2016-10-31"
>
<div
class="ant-picker-cell-inner"
>
31
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-start ant-picker-cell-in-view"
title="2016-11-01"
>
<div
class="ant-picker-cell-inner"
>
1
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-02"
>
<div
class="ant-picker-cell-inner"
>
2
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-03"
>
<div
class="ant-picker-cell-inner"
>
3
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-04"
>
<div
class="ant-picker-cell-inner"
>
4
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-05"
>
<div
class="ant-picker-cell-inner"
>
5
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-06"
>
<div
class="ant-picker-cell-inner"
>
6
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-07"
>
<div
class="ant-picker-cell-inner"
>
7
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-08"
>
<div
class="ant-picker-cell-inner"
>
8
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-09"
>
<div
class="ant-picker-cell-inner"
>
9
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-10"
>
<div
class="ant-picker-cell-inner"
>
10
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-11"
>
<div
class="ant-picker-cell-inner"
>
11
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-12"
>
<div
class="ant-picker-cell-inner"
>
12
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-13"
>
<div
class="ant-picker-cell-inner"
>
13
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-14"
>
<div
class="ant-picker-cell-inner"
>
14
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-15"
>
<div
class="ant-picker-cell-inner"
>
15
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-16"
>
<div
class="ant-picker-cell-inner"
>
16
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-17"
>
<div
class="ant-picker-cell-inner"
>
17
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-18"
>
<div
class="ant-picker-cell-inner"
>
18
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-19"
>
<div
class="ant-picker-cell-inner"
>
19
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-20"
>
<div
class="ant-picker-cell-inner"
>
20
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-21"
>
<div
class="ant-picker-cell-inner"
>
21
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-today"
title="2016-11-22"
>
<div
class="ant-picker-cell-inner"
>
22
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-23"
>
<div
class="ant-picker-cell-inner"
>
23
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-24"
>
<div
class="ant-picker-cell-inner"
>
24
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-25"
>
<div
class="ant-picker-cell-inner"
>
25
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-26"
>
<div
class="ant-picker-cell-inner"
>
26
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-27"
>
<div
class="ant-picker-cell-inner"
>
27
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-28"
>
<div
class="ant-picker-cell-inner"
>
28
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2016-11-29"
>
<div
class="ant-picker-cell-inner"
>
29
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-end ant-picker-cell-in-view"
title="2016-11-30"
>
<div
class="ant-picker-cell-inner"
>
30
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-start"
title="2016-12-01"
>
<div
class="ant-picker-cell-inner"
>
1
</div>
</td>
<td
class="ant-picker-cell"
title="2016-12-02"
>
<div
class="ant-picker-cell-inner"
>
2
</div>
</td>
<td
class="ant-picker-cell"
title="2016-12-03"
>
<div
class="ant-picker-cell-inner"
>
3
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell"
title="2016-12-04"
>
<div
class="ant-picker-cell-inner"
>
4
</div>
</td>
<td
class="ant-picker-cell"
title="2016-12-05"
>
<div
class="ant-picker-cell-inner"
>
5
</div>
</td>
<td
class="ant-picker-cell"
title="2016-12-06"
>
<div
class="ant-picker-cell-inner"
>
6
</div>
</td>
<td
class="ant-picker-cell"
title="2016-12-07"
>
<div
class="ant-picker-cell-inner"
>
7
</div>
</td>
<td
class="ant-picker-cell"
title="2016-12-08"
>
<div
class="ant-picker-cell-inner"
>
8
</div>
</td>
<td
class="ant-picker-cell"
title="2016-12-09"
>
<div
class="ant-picker-cell-inner"
>
9
</div>
</td>
<td
class="ant-picker-cell"
title="2016-12-10"
>
<div
class="ant-picker-cell-inner"
>
10
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div
class="ant-picker-footer"
>
<a
class="ant-picker-today-btn"
>
Today
</a>
</div>
</div>
</div>
</div>
</div>
<div
style="position: absolute; top: 0px; left: 0px; width: 100%;"
/>
</div>
`;

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

@ -920,18 +920,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
Border
</span>
<span
class="ant-switch-inner-unchecked"
>
No Border
</span>
</span>
</button>,
<div
class="ant-divider ant-divider-horizontal"

9
components/descriptions/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -920,18 +920,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
Border
</span>
<span
class="ant-switch-inner-unchecked"
>
No Border
</span>
</span>
</button>,
<div
class="ant-divider ant-divider-horizontal"

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

@ -2913,7 +2913,6 @@ exports[`renders ./components/drawer/demo/render-in-current.md extend context co
</div>
<div
class="ant-drawer ant-drawer-right ant-drawer-open ant-drawer-inline"
style="position:absolute"
tabindex="-1"
>
<div
@ -2970,6 +2969,66 @@ exports[`renders ./components/drawer/demo/render-in-current.md extend context co
</div>
`;
exports[`renders ./components/drawer/demo/render-panel.md extend context correctly 1`] = `
<div
class="ant-drawer ant-drawer-pure"
style="height:300px;box-shadow:0 0 5px red"
>
<div
class="ant-drawer-wrapper-body"
>
<div
class="ant-drawer-header"
>
<div
class="ant-drawer-header-title"
>
<button
aria-label="Close"
class="ant-drawer-close"
type="button"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</button>
<div
class="ant-drawer-title"
>
Hello Title
</div>
</div>
</div>
<div
class="ant-drawer-body"
>
Hello Content
</div>
<div
class="ant-drawer-footer"
>
Footer!
</div>
</div>
</div>
`;
exports[`renders ./components/drawer/demo/scroll-debug.md extend context correctly 1`] = `
<div
style="position:relative;z-index:999999"

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

@ -314,6 +314,66 @@ exports[`renders ./components/drawer/demo/render-in-current.md correctly 1`] = `
</div>
`;
exports[`renders ./components/drawer/demo/render-panel.md correctly 1`] = `
<div
class="ant-drawer ant-drawer-pure"
style="height:300px;box-shadow:0 0 5px red"
>
<div
class="ant-drawer-wrapper-body"
>
<div
class="ant-drawer-header"
>
<div
class="ant-drawer-header-title"
>
<button
aria-label="Close"
class="ant-drawer-close"
type="button"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</button>
<div
class="ant-drawer-title"
>
Hello Title
</div>
</div>
</div>
<div
class="ant-drawer-body"
>
Hello Content
</div>
<div
class="ant-drawer-footer"
>
Footer!
</div>
</div>
</div>
`;
exports[`renders ./components/drawer/demo/scroll-debug.md correctly 1`] = `
<div
style="position:relative;z-index:999999"

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

@ -8478,15 +8478,15 @@ exports[`renders ./components/dropdown/demo/placement.md extend context correctl
exports[`renders ./components/dropdown/demo/render-panel.md extend context correctly 1`] = `
<div
style="padding-bottom: 0px; position: relative; min-width: 0;"
style="padding-bottom:0;position:relative;width:fit-content;min-width:0"
>
<span
class="ant-dropdown-trigger ant-dropdown-open"
class="ant-dropdown-trigger"
/>
<div>
<div
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-dropdown"
style="opacity:0"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
@ -8496,7 +8496,6 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-1"
role="menuitem"
tabindex="-1"
>
@ -8514,8 +8513,8 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -8537,7 +8536,6 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
<li
aria-disabled="true"
class="ant-dropdown-menu-item ant-dropdown-menu-item-disabled"
data-menu-id="rc-menu-uuid-test-2"
role="menuitem"
>
<span
@ -8573,8 +8571,8 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -8596,7 +8594,6 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
<li
aria-disabled="true"
class="ant-dropdown-menu-item ant-dropdown-menu-item-disabled ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-3"
role="menuitem"
>
<span
@ -8613,8 +8610,8 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -8635,7 +8632,6 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
</div>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-danger ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-4"
role="menuitem"
tabindex="-1"
>
@ -8647,8 +8643,8 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -8670,12 +8666,12 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
</ul>
<div
aria-hidden="true"
style="display: none;"
style="display:none"
>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -8696,8 +8692,8 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
</div>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -8718,8 +8714,8 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
</div>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -8740,8 +8736,8 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
</div>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -8763,9 +8759,6 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
</div>
</div>
</div>
<div
style="position: absolute; top: 0px; left: 0px; width: 100%;"
/>
</div>
`;

110
components/dropdown/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -901,116 +901,10 @@ exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
exports[`renders ./components/dropdown/demo/render-panel.md correctly 1`] = `
<div
style="padding-bottom: 0px; position: relative; min-width: 0;"
style="padding-bottom:0;position:relative;width:fit-content;min-width:0"
>
<span
class="ant-dropdown-trigger ant-dropdown-open"
/>
<div>
<div
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-1"
role="menuitem"
tabindex="-1"
>
<span
class="ant-dropdown-menu-title-content"
>
<a
href="https://www.antgroup.com"
rel="noopener noreferrer"
target="_blank"
>
1st menu item
</a>
</span>
</li>
<li
aria-disabled="true"
class="ant-dropdown-menu-item ant-dropdown-menu-item-disabled"
data-menu-id="rc-menu-uuid-test-2"
role="menuitem"
>
<span
aria-label="smile"
class="anticon anticon-smile ant-dropdown-menu-item-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 00-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 00-8-8.4z"
/>
</svg>
</span>
<span
class="ant-dropdown-menu-title-content"
>
<a
href="https://www.aliyun.com"
rel="noopener noreferrer"
target="_blank"
>
2nd menu item (disabled)
</a>
</span>
</li>
<li
aria-disabled="true"
class="ant-dropdown-menu-item ant-dropdown-menu-item-disabled ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-3"
role="menuitem"
>
<span
class="ant-dropdown-menu-title-content"
>
<a
href="https://www.luohanacademy.com"
rel="noopener noreferrer"
target="_blank"
>
3rd menu item (disabled)
</a>
</span>
</li>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-danger ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-4"
role="menuitem"
tabindex="-1"
>
<span
class="ant-dropdown-menu-title-content"
>
a danger item
</span>
</li>
</ul>
<div
aria-hidden="true"
style="display: none;"
/>
</div>
</div>
<div
style="position: absolute; top: 0px; left: 0px; width: 100%;"
class="ant-dropdown-trigger"
/>
</div>
`;

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

@ -88,18 +88,9 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
customize
</span>
<span
class="ant-switch-inner-unchecked"
>
default
</span>
</span>
</button>
<div
class="ant-divider ant-divider-horizontal"

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

@ -88,18 +88,9 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
customize
</span>
<span
class="ant-switch-inner-unchecked"
>
default
</span>
</span>
</button>
<div
class="ant-divider ant-divider-horizontal"

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

@ -2,7 +2,7 @@
exports[`renders ./components/float-button/demo/back-top.md extend context correctly 1`] = `
<div
style="height: 500vh; padding: 10px;"
style="height:500vh;padding:10px"
>
<div>
Scroll to bottom
@ -71,7 +71,7 @@ exports[`renders ./components/float-button/demo/description.md extend context co
Array [
<button
class="ant-float-btn ant-float-btn-default ant-float-btn-square"
style="right: 24px;"
style="right:24px"
type="button"
>
<div
@ -113,7 +113,7 @@ Array [
</button>,
<button
class="ant-float-btn ant-float-btn-default ant-float-btn-square"
style="right: 94px;"
style="right:94px"
type="button"
>
<div
@ -132,7 +132,7 @@ Array [
</button>,
<button
class="ant-float-btn ant-float-btn-default ant-float-btn-square"
style="right: 164px;"
style="right:164px"
type="button"
>
<div
@ -179,7 +179,7 @@ exports[`renders ./components/float-button/demo/group.md extend context correctl
Array [
<div
class="ant-float-btn-group ant-float-btn-group-circle ant-float-btn-group-circle-shadow"
style="right: 24px;"
style="right:24px"
>
<button
class="ant-float-btn ant-float-btn-default ant-float-btn-circle"
@ -259,7 +259,7 @@ Array [
</div>,
<div
class="ant-float-btn-group ant-float-btn-group-square ant-float-btn-group-square-shadow"
style="right: 94px;"
style="right:94px"
>
<button
class="ant-float-btn ant-float-btn-default ant-float-btn-square"
@ -423,7 +423,7 @@ exports[`renders ./components/float-button/demo/shape.md extend context correctl
Array [
<div
class="ant-radio-group ant-radio-group-outline"
style="margin: 20px;"
style="margin:20px"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked"
@ -546,8 +546,8 @@ exports[`renders ./components/float-button/demo/tooltip.md extend context correc
</div>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -578,7 +578,7 @@ exports[`renders ./components/float-button/demo/type.md extend context correctly
Array [
<button
class="ant-float-btn ant-float-btn-primary ant-float-btn-circle"
style="right: 24px;"
style="right:24px"
type="button"
>
<div
@ -618,7 +618,7 @@ Array [
</button>,
<button
class="ant-float-btn ant-float-btn-default ant-float-btn-circle"
style="right: 94px;"
style="right:94px"
type="button"
>
<div

18
components/float-button/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -2,7 +2,7 @@
exports[`renders ./components/float-button/demo/back-top.md correctly 1`] = `
<div
style="height: 500vh; padding: 10px;"
style="height:500vh;padding:10px"
>
<div>
Scroll to bottom
@ -71,7 +71,7 @@ exports[`renders ./components/float-button/demo/description.md correctly 1`] = `
Array [
<button
class="ant-float-btn ant-float-btn-default ant-float-btn-square"
style="right: 24px;"
style="right:24px"
type="button"
>
<div
@ -113,7 +113,7 @@ Array [
</button>,
<button
class="ant-float-btn ant-float-btn-default ant-float-btn-square"
style="right: 94px;"
style="right:94px"
type="button"
>
<div
@ -132,7 +132,7 @@ Array [
</button>,
<button
class="ant-float-btn ant-float-btn-default ant-float-btn-square"
style="right: 164px;"
style="right:164px"
type="button"
>
<div
@ -179,7 +179,7 @@ exports[`renders ./components/float-button/demo/group.md correctly 1`] = `
Array [
<div
class="ant-float-btn-group ant-float-btn-group-circle ant-float-btn-group-circle-shadow"
style="right: 24px;"
style="right:24px"
>
<button
class="ant-float-btn ant-float-btn-default ant-float-btn-circle"
@ -259,7 +259,7 @@ Array [
</div>,
<div
class="ant-float-btn-group ant-float-btn-group-square ant-float-btn-group-square-shadow"
style="right: 94px;"
style="right:94px"
>
<button
class="ant-float-btn ant-float-btn-default ant-float-btn-square"
@ -423,7 +423,7 @@ exports[`renders ./components/float-button/demo/shape.md correctly 1`] = `
Array [
<div
class="ant-radio-group ant-radio-group-outline"
style="margin: 20px;"
style="margin:20px"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked"
@ -552,7 +552,7 @@ exports[`renders ./components/float-button/demo/type.md correctly 1`] = `
Array [
<button
class="ant-float-btn ant-float-btn-primary ant-float-btn-circle"
style="right: 24px;"
style="right:24px"
type="button"
>
<div
@ -592,7 +592,7 @@ Array [
</button>,
<button
class="ant-float-btn ant-float-btn-default ant-float-btn-circle"
style="right: 94px;"
style="right:94px"
type="button"
>
<div

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

@ -5055,13 +5055,13 @@ Array [
class="ant-form-item-control-input-content"
>
<span
class="ant-upload-picture-card-wrapper"
class="ant-upload-wrapper ant-upload-picture-card-wrapper"
>
<div
class="ant-upload-list ant-upload-list-picture-card"
>
<div
class="ant-upload ant-upload-select ant-upload-select-picture-card ant-upload-disabled"
class="ant-upload ant-upload-select ant-upload-disabled"
>
<span
class="ant-upload ant-upload-disabled"
@ -8855,7 +8855,7 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
class="ant-form-item-control-input-content"
>
<div
class="ant-input-textarea ant-input-textarea-show-count ant-input-textarea-in-form-item"
class="ant-input-textarea ant-input-textarea-show-count"
data-count="0 / 100"
>
<textarea
@ -19131,6 +19131,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
</div>
<span
class="ant-form-text"
style="margin-left:8px"
>
machines
</span>
@ -20055,9 +20056,11 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
<div
class="ant-form-item-control-input-content"
>
<span>
<span
class="ant-upload-wrapper"
>
<div
class="ant-upload ant-upload-select ant-upload-select-picture"
class="ant-upload ant-upload-select"
>
<span
class="ant-upload"
@ -20140,7 +20143,9 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
<div
class="ant-form-item-control-input-content"
>
<span>
<span
class="ant-upload-wrapper"
>
<div
class="ant-upload ant-upload-drag"
>
@ -26280,7 +26285,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
class="ant-form-item-control-input-content"
>
<div
class="ant-input-textarea ant-input-textarea-show-count ant-input-textarea-in-form-item ant-input-textarea-status-error ant-input-textarea-has-feedback"
class="ant-input-textarea ant-input-textarea-show-count ant-input-textarea-status-error ant-input-textarea-has-feedback"
data-count="0"
>
<span

19
components/form/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -2538,13 +2538,13 @@ Array [
class="ant-form-item-control-input-content"
>
<span
class="ant-upload-picture-card-wrapper"
class="ant-upload-wrapper ant-upload-picture-card-wrapper"
>
<div
class="ant-upload-list ant-upload-list-picture-card"
>
<div
class="ant-upload ant-upload-select ant-upload-select-picture-card ant-upload-disabled"
class="ant-upload ant-upload-select ant-upload-disabled"
>
<span
class="ant-upload ant-upload-disabled"
@ -5964,7 +5964,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
class="ant-form-item-control-input-content"
>
<div
class="ant-input-textarea ant-input-textarea-show-count ant-input-textarea-in-form-item"
class="ant-input-textarea ant-input-textarea-show-count"
data-count="0 / 100"
>
<textarea
@ -8145,6 +8145,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
</div>
<span
class="ant-form-text"
style="margin-left:8px"
>
machines
</span>
@ -9045,9 +9046,11 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
<div
class="ant-form-item-control-input-content"
>
<span>
<span
class="ant-upload-wrapper"
>
<div
class="ant-upload ant-upload-select ant-upload-select-picture"
class="ant-upload ant-upload-select"
>
<span
class="ant-upload"
@ -9130,7 +9133,9 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
<div
class="ant-form-item-control-input-content"
>
<span>
<span
class="ant-upload-wrapper"
>
<div
class="ant-upload ant-upload-drag"
>
@ -10939,7 +10944,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class="ant-form-item-control-input-content"
>
<div
class="ant-input-textarea ant-input-textarea-show-count ant-input-textarea-in-form-item ant-input-textarea-status-error ant-input-textarea-has-feedback"
class="ant-input-textarea ant-input-textarea-show-count ant-input-textarea-status-error ant-input-textarea-has-feedback"
data-count="0"
>
<span

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

@ -887,14 +887,7 @@ exports[`Form form should support disabled 1`] = `
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -926,7 +919,9 @@ exports[`Form form should support disabled 1`] = `
<div
class="ant-form-item-control-input-content"
>
<span>
<span
class="ant-upload-wrapper"
>
<div
class="ant-upload ant-upload-select ant-upload-disabled"
style="display: none;"

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

@ -1407,12 +1407,12 @@ describe('Form', () => {
const Demo: React.FC = () => (
<Form>
<Form.Item labelCol={4 as ColProps} validateStatus="error">
<Modal visible>
<Modal open>
<Select className="modal-select" />
</Modal>
</Form.Item>
<Form.Item validateStatus="error">
<Drawer visible>
<Drawer open>
<Select className="drawer-select" />
</Drawer>
</Form.Item>

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

@ -1097,7 +1097,7 @@ exports[`renders ./components/input-number/demo/debug-token.md extend context co
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-input-number"
@ -2096,11 +2096,11 @@ Array [
exports[`renders ./components/input-number/demo/render-panel.md extend context correctly 1`] = `
<div
style="display: flex; flex-direction: column; row-gap: 16px;"
style="display:flex;flex-direction:column;row-gap:16px"
>
<div
class="ant-input-number"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-input-number-handler-wrap"

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

@ -825,7 +825,7 @@ exports[`renders ./components/input-number/demo/debug-token.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-input-number"
@ -1824,11 +1824,11 @@ Array [
exports[`renders ./components/input-number/demo/render-panel.md correctly 1`] = `
<div
style="display: flex; flex-direction: column; row-gap: 16px;"
style="display:flex;flex-direction:column;row-gap:16px"
>
<div
class="ant-input-number"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-input-number-handler-wrap"

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

@ -5164,18 +5164,9 @@ exports[`renders ./components/input/demo/focus.md extend context correctly 1`] =
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
Input
</span>
<span
class="ant-switch-inner-unchecked"
>
TextArea
</span>
</span>
</button>
</div>
</div>

9
components/input/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -1383,18 +1383,9 @@ exports[`renders ./components/input/demo/focus.md correctly 1`] = `
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
Input
</span>
<span
class="ant-switch-inner-unchecked"
>
TextArea
</span>
</span>
</button>
</div>
</div>

134
components/locale-provider/__tests__/__snapshots__/index.test.tsx.snap
View File

@ -5323,7 +5323,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -10413,7 +10413,7 @@ exports[`Locale Provider should display the text as az 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -15503,7 +15503,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -20593,7 +20593,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -25683,7 +25683,7 @@ exports[`Locale Provider should display the text as by 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -30773,7 +30773,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -35863,7 +35863,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -40953,7 +40953,7 @@ exports[`Locale Provider should display the text as da 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -46043,7 +46043,7 @@ exports[`Locale Provider should display the text as de 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -51133,7 +51133,7 @@ exports[`Locale Provider should display the text as el 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -56223,7 +56223,7 @@ exports[`Locale Provider should display the text as en 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -61313,7 +61313,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -66403,7 +66403,7 @@ exports[`Locale Provider should display the text as es 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -71493,7 +71493,7 @@ exports[`Locale Provider should display the text as et 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -76583,7 +76583,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -81673,7 +81673,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -86763,7 +86763,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -91853,7 +91853,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -96943,7 +96943,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -102033,7 +102033,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -107123,7 +107123,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -112213,7 +112213,7 @@ exports[`Locale Provider should display the text as he 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -117303,7 +117303,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -122393,7 +122393,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -127483,7 +127483,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -132573,7 +132573,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -137663,7 +137663,7 @@ exports[`Locale Provider should display the text as id 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -142753,7 +142753,7 @@ exports[`Locale Provider should display the text as is 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -147843,7 +147843,7 @@ exports[`Locale Provider should display the text as it 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -152933,7 +152933,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -158023,7 +158023,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -163113,7 +163113,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -168203,7 +168203,7 @@ exports[`Locale Provider should display the text as km 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -173291,7 +173291,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -178381,7 +178381,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -183471,7 +183471,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -188561,7 +188561,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -193651,7 +193651,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -198741,7 +198741,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -203831,7 +203831,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -208921,7 +208921,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -214011,7 +214011,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -219101,7 +219101,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -224191,7 +224191,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -229281,7 +229281,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -234371,7 +234371,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -239461,7 +239461,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -244551,7 +244551,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -249641,7 +249641,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -254731,7 +254731,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -259821,7 +259821,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -264911,7 +264911,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -270001,7 +270001,7 @@ exports[`Locale Provider should display the text as si 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -275091,7 +275091,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -280181,7 +280181,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -285271,7 +285271,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -290361,7 +290361,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -295451,7 +295451,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -300541,7 +300541,7 @@ exports[`Locale Provider should display the text as th 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -305631,7 +305631,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -310721,7 +310721,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -315811,7 +315811,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -320901,7 +320901,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -325991,7 +325991,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -331081,7 +331081,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -336171,7 +336171,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -341261,7 +341261,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"

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

@ -221,11 +221,11 @@ Array [
exports[`renders ./components/mentions/demo/render-panel.md extend context correctly 1`] = `
<div
style="padding-bottom: 0px; position: relative; min-width: 0;"
style="padding-bottom:0;position:relative;width:fit-content;min-width:0"
>
<div
class="ant-mentions"
style="width: 100%; margin: 0px;"
style="width:100%;margin:0"
>
<textarea
class="rc-textarea"
@ -233,52 +233,8 @@ exports[`renders ./components/mentions/demo/render-panel.md extend context corre
>
@
</textarea>
<div
class="ant-mentions-measure"
>
<span>
@
</span>
<div>
<div
class="ant-mentions-dropdown"
style="opacity: 0;"
>
<ul
class="ant-mentions-dropdown-menu ant-mentions-dropdown-menu-root ant-mentions-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="ant-mentions-dropdown-menu-item ant-mentions-dropdown-menu-item-active"
data-menu-id="rc-menu-uuid-test-afc163"
role="menuitem"
tabindex="-1"
>
afc163
</li>
<li
class="ant-mentions-dropdown-menu-item"
data-menu-id="rc-menu-uuid-test-zombieJ"
role="menuitem"
tabindex="-1"
>
zombieJ
</li>
</ul>
<div
aria-hidden="true"
style="display: none;"
/>
</div>
</div>
</div>
</div>
<div
style="position: absolute; top: 0px; left: 0px; width: 100%;"
/>
</div>
`;
exports[`renders ./components/mentions/demo/status.md extend context correctly 1`] = `

48
components/mentions/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -221,11 +221,11 @@ Array [
exports[`renders ./components/mentions/demo/render-panel.md correctly 1`] = `
<div
style="padding-bottom: 0px; position: relative; min-width: 0;"
style="padding-bottom:0;position:relative;width:fit-content;min-width:0"
>
<div
class="ant-mentions"
style="width: 100%; margin: 0px;"
style="width:100%;margin:0"
>
<textarea
class="rc-textarea"
@ -233,52 +233,8 @@ exports[`renders ./components/mentions/demo/render-panel.md correctly 1`] = `
>
@
</textarea>
<div
class="ant-mentions-measure"
>
<span>
@
</span>
<div>
<div
class="ant-mentions-dropdown"
style="opacity: 0;"
>
<ul
class="ant-mentions-dropdown-menu ant-mentions-dropdown-menu-root ant-mentions-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="ant-mentions-dropdown-menu-item ant-mentions-dropdown-menu-item-active"
data-menu-id="rc-menu-uuid-test-afc163"
role="menuitem"
tabindex="-1"
>
afc163
</li>
<li
class="ant-mentions-dropdown-menu-item"
data-menu-id="rc-menu-uuid-test-zombieJ"
role="menuitem"
tabindex="-1"
>
zombieJ
</li>
</ul>
<div
aria-hidden="true"
style="display: none;"
/>
</div>
</div>
</div>
</div>
<div
style="position: absolute; top: 0px; left: 0px; width: 100%;"
/>
</div>
`;
exports[`renders ./components/mentions/demo/status.md correctly 1`] = `

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

@ -3790,18 +3790,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
Dark
</span>
<span
class="ant-switch-inner-unchecked"
>
Light
</span>
</span>
</button>,
<br />,
<br />,
@ -4092,18 +4083,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
Dark
</span>
<span
class="ant-switch-inner-unchecked"
>
Light
</span>
</span>
</button>,
<br />,
<br />,
@ -4464,14 +4446,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
Change Mode,
<div
@ -4489,14 +4464,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
Change Style,
<br />,
@ -5524,18 +5492,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
Dark
</span>
<span
class="ant-switch-inner-unchecked"
>
Light
</span>
</span>
</button>,
<br />,
<br />,

41
components/menu/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -997,18 +997,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
Dark
</span>
<span
class="ant-switch-inner-unchecked"
>
Light
</span>
</span>
</button>,
<br />,
<br />,
@ -1145,18 +1136,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
Dark
</span>
<span
class="ant-switch-inner-unchecked"
>
Light
</span>
</span>
</button>,
<br />,
<br />,
@ -1251,14 +1233,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
Change Mode,
<div
@ -1276,14 +1251,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
Change Style,
<br />,
@ -1548,18 +1516,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
Dark
</span>
<span
class="ant-switch-inner-unchecked"
>
Light
</span>
</span>
</button>,
<br />,
<br />,

3
components/modal/Modal.tsx
View File

@ -163,8 +163,7 @@ const Modal: React.FC<ModalProps> = props => {
const {
prefixCls: customizePrefixCls,
className,
footer,
open = false,
open,
wrapClassName,
centered,
getContainer,

20
components/modal/__tests__/__snapshots__/Modal.test.tsx.snap
View File

@ -155,6 +155,26 @@ exports[`Modal render without footer 1`] = `
>
Here is content of Modal
</div>
<div
class="ant-modal-footer"
>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
<div
aria-hidden="true"

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

@ -323,17 +323,17 @@ Array [
exports[`renders ./components/modal/demo/render-panel.md extend context correctly 1`] = `
<div
style="display: flex; flex-direction: column; row-gap: 16px;"
style="display:flex;flex-direction:column;row-gap:16px"
>
<div
aria-modal="true"
class="ant-modal ant-modal-pure-panel"
role="dialog"
style="width: 100%; height: 200px;"
style="width:100%;height:200px"
>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
style="width:0;height:0;overflow:hidden;outline:none"
tabindex="0"
/>
<div
@ -405,7 +405,7 @@ exports[`renders ./components/modal/demo/render-panel.md extend context correctl
</div>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
style="width:0;height:0;overflow:hidden;outline:none"
tabindex="0"
/>
</div>
@ -413,11 +413,11 @@ exports[`renders ./components/modal/demo/render-panel.md extend context correctl
aria-modal="true"
class="ant-modal ant-modal-pure-panel ant-modal-confirm ant-modal-confirm-success"
role="dialog"
style="width: 200px; height: 150px;"
style="width:200px;height:150px"
>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
style="width:0;height:0;overflow:hidden;outline:none"
tabindex="0"
/>
<div
@ -474,7 +474,7 @@ exports[`renders ./components/modal/demo/render-panel.md extend context correctl
</div>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
style="width:0;height:0;overflow:hidden;outline:none"
tabindex="0"
/>
</div>
@ -482,11 +482,11 @@ exports[`renders ./components/modal/demo/render-panel.md extend context correctl
aria-modal="true"
class="ant-modal ant-modal-pure-panel ant-modal-confirm ant-modal-confirm-confirm"
role="dialog"
style="width: 300px; height: 200px;"
style="width:300px;height:200px"
>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
style="width:0;height:0;overflow:hidden;outline:none"
tabindex="0"
/>
<div
@ -556,7 +556,7 @@ exports[`renders ./components/modal/demo/render-panel.md extend context correctl
</div>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
style="width:0;height:0;overflow:hidden;outline:none"
tabindex="0"
/>
</div>

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

@ -323,17 +323,17 @@ Array [
exports[`renders ./components/modal/demo/render-panel.md correctly 1`] = `
<div
style="display: flex; flex-direction: column; row-gap: 16px;"
style="display:flex;flex-direction:column;row-gap:16px"
>
<div
aria-modal="true"
class="ant-modal ant-modal-pure-panel"
role="dialog"
style="width: 100%; height: 200px;"
style="width:100%;height:200px"
>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
style="width:0;height:0;overflow:hidden;outline:none"
tabindex="0"
/>
<div
@ -405,7 +405,7 @@ exports[`renders ./components/modal/demo/render-panel.md correctly 1`] = `
</div>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
style="width:0;height:0;overflow:hidden;outline:none"
tabindex="0"
/>
</div>
@ -413,11 +413,11 @@ exports[`renders ./components/modal/demo/render-panel.md correctly 1`] = `
aria-modal="true"
class="ant-modal ant-modal-pure-panel ant-modal-confirm ant-modal-confirm-success"
role="dialog"
style="width: 200px; height: 150px;"
style="width:200px;height:150px"
>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
style="width:0;height:0;overflow:hidden;outline:none"
tabindex="0"
/>
<div
@ -474,7 +474,7 @@ exports[`renders ./components/modal/demo/render-panel.md correctly 1`] = `
</div>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
style="width:0;height:0;overflow:hidden;outline:none"
tabindex="0"
/>
</div>
@ -482,11 +482,11 @@ exports[`renders ./components/modal/demo/render-panel.md correctly 1`] = `
aria-modal="true"
class="ant-modal ant-modal-pure-panel ant-modal-confirm ant-modal-confirm-confirm"
role="dialog"
style="width: 300px; height: 200px;"
style="width:300px;height:200px"
>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
style="width:0;height:0;overflow:hidden;outline:none"
tabindex="0"
/>
<div
@ -556,7 +556,7 @@ exports[`renders ./components/modal/demo/render-panel.md correctly 1`] = `
</div>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
style="width:0;height:0;overflow:hidden;outline:none"
tabindex="0"
/>
</div>

6
components/notification/interface.ts
View File

@ -1,5 +1,9 @@
import type * as React from 'react';
interface DivProps extends React.HTMLProps<HTMLDivElement> {
'data-testid'?: string;
}
export type NotificationPlacement =
| 'top'
| 'topLeft'
@ -24,6 +28,7 @@ export interface ArgsProps {
readonly type?: IconType;
onClick?: () => void;
closeIcon?: React.ReactNode;
props?: DivProps;
}
export interface NotificationInstance {
@ -45,6 +50,7 @@ export interface GlobalConfigProps {
closeIcon?: React.ReactNode;
rtl?: boolean;
maxCount?: number;
props?: DivProps;
}
export interface NotificationConfig {

1645
components/page-header/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

File diff suppressed because it is too large Load Diff

1424
components/page-header/__tests__/__snapshots__/demo.test.ts.snap
View File

File diff suppressed because it is too large Load Diff

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

@ -36,7 +36,7 @@ Array [
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -125,7 +125,7 @@ Array [
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -214,7 +214,7 @@ exports[`renders ./components/popconfirm/demo/dynamic-trigger.md extend context
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -281,14 +281,7 @@ exports[`renders ./components/popconfirm/demo/dynamic-trigger.md extend context
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
`;
@ -326,7 +319,7 @@ Array [
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="question-circle"
@ -419,7 +412,7 @@ Array [
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -516,7 +509,7 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -603,7 +596,7 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -690,7 +683,7 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -781,7 +774,7 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -868,7 +861,7 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -955,7 +948,7 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -1046,7 +1039,7 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -1133,7 +1126,7 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -1220,7 +1213,7 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -1311,7 +1304,7 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -1398,7 +1391,7 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -1485,7 +1478,7 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -1578,7 +1571,7 @@ Array [
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -1654,6 +1647,9 @@ Array [
>
<div
class="ant-popconfirm-message"
>
<span
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -1674,6 +1670,7 @@ Array [
/>
</svg>
</span>
</span>
<div
class="ant-popconfirm-message-title"
>
@ -1709,7 +1706,7 @@ Array [
>
<div
class="ant-popover-content"
style="width: 250px;"
style="width:250px"
>
<div
class="ant-popover-arrow"
@ -1723,6 +1720,9 @@ Array [
>
<div
class="ant-popconfirm-message"
>
<span
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -1743,6 +1743,7 @@ Array [
/>
</svg>
</span>
</span>
<div
class="ant-popconfirm-message-title"
>

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

@ -40,14 +40,7 @@ exports[`renders ./components/popconfirm/demo/dynamic-trigger.md correctly 1`] =
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
`;
@ -218,6 +211,9 @@ Array [
>
<div
class="ant-popconfirm-message"
>
<span
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -238,6 +234,7 @@ Array [
/>
</svg>
</span>
</span>
<div
class="ant-popconfirm-message-title"
>
@ -273,7 +270,7 @@ Array [
>
<div
class="ant-popover-content"
style="width: 250px;"
style="width:250px"
>
<div
class="ant-popover-arrow"
@ -287,6 +284,9 @@ Array [
>
<div
class="ant-popconfirm-message"
>
<span
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -307,6 +307,7 @@ Array [
/>
</svg>
</span>
</span>
<div
class="ant-popconfirm-message-title"
>

6
components/popconfirm/__tests__/__snapshots__/index.test.tsx.snap
View File

@ -2,8 +2,8 @@
exports[`Popconfirm rtl render component should be rendered correctly in RTL direction 1`] = `<span />`;
exports[`Popconfirm should show overlay when trigger is clicked 1`] = `"<div class=\\"ant-popover-content\\"><div class=\\"ant-popover-arrow\\"><span class=\\"ant-popover-arrow-content\\"></span></div><div class=\\"ant-popover-inner\\" role=\\"tooltip\\"><div class=\\"ant-popover-inner-content\\"><div class=\\"ant-popover-message\\"><span class=\\"ant-popover-message-icon\\"><span role=\\"img\\" aria-label=\\"exclamation-circle\\" class=\\"anticon anticon-exclamation-circle\\"><svg viewBox=\\"64 64 896 896\\" focusable=\\"false\\" data-icon=\\"exclamation-circle\\" width=\\"1em\\" height=\\"1em\\" fill=\\"currentColor\\" aria-hidden=\\"true\\"><path d=\\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z\\"></path></svg></span></span><div class=\\"ant-popover-message-title\\">code</div></div><div class=\\"ant-popover-buttons\\"><button type=\\"button\\" class=\\"ant-btn ant-btn-default ant-btn-sm\\"><span>Cancel</span></button><button type=\\"button\\" class=\\"ant-btn ant-btn-primary ant-btn-sm\\"><span>OK</span></button></div></div></div></div>"`;
exports[`Popconfirm should show overlay when trigger is clicked 1`] = `"<div class=\\"ant-popover-content\\"><div class=\\"ant-popover-arrow\\"><span class=\\"ant-popover-arrow-content\\"></span></div><div class=\\"ant-popover-inner\\" role=\\"tooltip\\"><div class=\\"ant-popconfirm-inner-content\\"><div class=\\"ant-popconfirm-message\\"><span class=\\"ant-popconfirm-message-icon\\"><span role=\\"img\\" aria-label=\\"exclamation-circle\\" class=\\"anticon anticon-exclamation-circle\\"><svg viewBox=\\"64 64 896 896\\" focusable=\\"false\\" data-icon=\\"exclamation-circle\\" width=\\"1em\\" height=\\"1em\\" fill=\\"currentColor\\" aria-hidden=\\"true\\"><path d=\\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z\\"></path></svg></span></span><div class=\\"ant-popconfirm-message-title\\">code</div></div><div class=\\"ant-popconfirm-buttons\\"><button type=\\"button\\" class=\\"ant-btn ant-btn-default ant-btn-sm\\"><span>Cancel</span></button><button type=\\"button\\" class=\\"ant-btn ant-btn-primary ant-btn-sm\\"><span>OK</span></button></div></div></div></div>"`;
exports[`Popconfirm should show overlay when trigger is clicked 2`] = `"<div class=\\"ant-popover-content\\"><div class=\\"ant-popover-arrow\\"><span class=\\"ant-popover-arrow-content\\"></span></div><div class=\\"ant-popover-inner\\" role=\\"tooltip\\"><div class=\\"ant-popover-inner-content\\"><div class=\\"ant-popover-message\\"><span class=\\"ant-popover-message-icon\\"><span role=\\"img\\" aria-label=\\"exclamation-circle\\" class=\\"anticon anticon-exclamation-circle\\"><svg viewBox=\\"64 64 896 896\\" focusable=\\"false\\" data-icon=\\"exclamation-circle\\" width=\\"1em\\" height=\\"1em\\" fill=\\"currentColor\\" aria-hidden=\\"true\\"><path d=\\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z\\"></path></svg></span></span><div class=\\"ant-popover-message-title\\">code</div></div><div class=\\"ant-popover-buttons\\"><button type=\\"button\\" class=\\"ant-btn ant-btn-default ant-btn-sm\\"><span>Cancel</span></button><button type=\\"button\\" class=\\"ant-btn ant-btn-primary ant-btn-sm\\"><span>OK</span></button></div></div></div></div>"`;
exports[`Popconfirm should show overlay when trigger is clicked 2`] = `"<div class=\\"ant-popover-content\\"><div class=\\"ant-popover-arrow\\"><span class=\\"ant-popover-arrow-content\\"></span></div><div class=\\"ant-popover-inner\\" role=\\"tooltip\\"><div class=\\"ant-popconfirm-inner-content\\"><div class=\\"ant-popconfirm-message\\"><span class=\\"ant-popconfirm-message-icon\\"><span role=\\"img\\" aria-label=\\"exclamation-circle\\" class=\\"anticon anticon-exclamation-circle\\"><svg viewBox=\\"64 64 896 896\\" focusable=\\"false\\" data-icon=\\"exclamation-circle\\" width=\\"1em\\" height=\\"1em\\" fill=\\"currentColor\\" aria-hidden=\\"true\\"><path d=\\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z\\"></path></svg></span></span><div class=\\"ant-popconfirm-message-title\\">code</div></div><div class=\\"ant-popconfirm-buttons\\"><button type=\\"button\\" class=\\"ant-btn ant-btn-default ant-btn-sm\\"><span>Cancel</span></button><button type=\\"button\\" class=\\"ant-btn ant-btn-primary ant-btn-sm\\"><span>OK</span></button></div></div></div></div>"`;
exports[`Popconfirm shows content for render functions 1`] = `"<div class=\\"ant-popover-content\\"><div class=\\"ant-popover-arrow\\"><span class=\\"ant-popover-arrow-content\\"></span></div><div class=\\"ant-popover-inner\\" role=\\"tooltip\\"><div class=\\"ant-popover-inner-content\\"><div class=\\"ant-popover-message\\"><span class=\\"ant-popover-message-icon\\"><span role=\\"img\\" aria-label=\\"exclamation-circle\\" class=\\"anticon anticon-exclamation-circle\\"><svg viewBox=\\"64 64 896 896\\" focusable=\\"false\\" data-icon=\\"exclamation-circle\\" width=\\"1em\\" height=\\"1em\\" fill=\\"currentColor\\" aria-hidden=\\"true\\"><path d=\\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z\\"></path></svg></span></span><div class=\\"ant-popover-message-title\\">some-title</div></div><div class=\\"ant-popover-buttons\\"><button type=\\"button\\" class=\\"ant-btn ant-btn-default ant-btn-sm\\"><span>Cancel</span></button><button type=\\"button\\" class=\\"ant-btn ant-btn-primary ant-btn-sm\\"><span>OK</span></button></div></div></div></div>"`;
exports[`Popconfirm shows content for render functions 1`] = `"<div class=\\"ant-popover-content\\"><div class=\\"ant-popover-arrow\\"><span class=\\"ant-popover-arrow-content\\"></span></div><div class=\\"ant-popover-inner\\" role=\\"tooltip\\"><div class=\\"ant-popconfirm-inner-content\\"><div class=\\"ant-popconfirm-message\\"><span class=\\"ant-popconfirm-message-icon\\"><span role=\\"img\\" aria-label=\\"exclamation-circle\\" class=\\"anticon anticon-exclamation-circle\\"><svg viewBox=\\"64 64 896 896\\" focusable=\\"false\\" data-icon=\\"exclamation-circle\\" width=\\"1em\\" height=\\"1em\\" fill=\\"currentColor\\" aria-hidden=\\"true\\"><path d=\\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z\\"></path></svg></span></span><div class=\\"ant-popconfirm-message-title\\">some-title</div></div><div class=\\"ant-popconfirm-buttons\\"><button type=\\"button\\" class=\\"ant-btn ant-btn-default ant-btn-sm\\"><span>Cancel</span></button><button type=\\"button\\" class=\\"ant-btn ant-btn-primary ant-btn-sm\\"><span>OK</span></button></div></div></div></div>"`;

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

@ -949,7 +949,7 @@ Array [
>
<div
class="ant-popover-content"
style="width: 250px;"
style="width:250px"
>
<div
class="ant-popover-arrow"

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

@ -213,7 +213,7 @@ Array [
>
<div
class="ant-popover-content"
style="width: 250px;"
style="width:250px"
>
<div
class="ant-popover-arrow"

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

@ -265,14 +265,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -315,14 +308,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -622,14 +608,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<div
class="ant-list ant-list-vertical ant-list-lg ant-list-split"

21
components/skeleton/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -265,14 +265,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -315,14 +308,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -622,14 +608,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<div
class="ant-list ant-list-vertical ant-list-lg ant-list-split"

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

@ -144,14 +144,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
]
`;
@ -1414,14 +1407,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
]
`;

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

@ -72,14 +72,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
]
`;
@ -934,14 +927,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
]
`;

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

@ -178,9 +178,11 @@ exports[`renders ./components/space/demo/base.md extend context correctly 1`] =
class="ant-space-item"
style="margin-right:8px"
>
<span>
<span
class="ant-upload-wrapper"
>
<div
class="ant-upload ant-upload-select ant-upload-select-text"
class="ant-upload ant-upload-select"
>
<span
class="ant-upload"
@ -257,13 +259,13 @@ exports[`renders ./components/space/demo/base.md extend context correctly 1`] =
role="tooltip"
>
<div
class="ant-popover-inner-content"
class="ant-popconfirm-inner-content"
>
<div
class="ant-popover-message"
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -286,13 +288,13 @@ exports[`renders ./components/space/demo/base.md extend context correctly 1`] =
</span>
</span>
<div
class="ant-popover-message-title"
class="ant-popconfirm-message-title"
>
Are you sure delete this task?
</div>
</div>
<div
class="ant-popover-buttons"
class="ant-popconfirm-buttons"
>
<button
class="ant-btn ant-btn-default ant-btn-sm"
@ -491,13 +493,13 @@ exports[`renders ./components/space/demo/debug.md extend context correctly 1`] =
role="tooltip"
>
<div
class="ant-popover-inner-content"
class="ant-popconfirm-inner-content"
>
<div
class="ant-popover-message"
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -520,13 +522,13 @@ exports[`renders ./components/space/demo/debug.md extend context correctly 1`] =
</span>
</span>
<div
class="ant-popover-message-title"
class="ant-popconfirm-message-title"
>
Are you sure delete this task?
</div>
</div>
<div
class="ant-popover-buttons"
class="ant-popconfirm-buttons"
>
<button
class="ant-btn ant-btn-default ant-btn-sm"
@ -590,13 +592,13 @@ exports[`renders ./components/space/demo/debug.md extend context correctly 1`] =
role="tooltip"
>
<div
class="ant-popover-inner-content"
class="ant-popconfirm-inner-content"
>
<div
class="ant-popover-message"
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -619,13 +621,13 @@ exports[`renders ./components/space/demo/debug.md extend context correctly 1`] =
</span>
</span>
<div
class="ant-popover-message-title"
class="ant-popconfirm-message-title"
>
Are you sure delete this task?
</div>
</div>
<div
class="ant-popover-buttons"
class="ant-popconfirm-buttons"
>
<button
class="ant-btn ant-btn-default ant-btn-sm"

6
components/space/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -178,9 +178,11 @@ exports[`renders ./components/space/demo/base.md correctly 1`] = `
class="ant-space-item"
style="margin-right:8px"
>
<span>
<span
class="ant-upload-wrapper"
>
<div
class="ant-upload ant-upload-select ant-upload-select-text"
class="ant-upload ant-upload-select"
>
<span
class="ant-upload"

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

@ -99,14 +99,7 @@ exports[`renders ./components/spin/demo/delayAndDebounce.md extend context corre
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -186,14 +179,7 @@ exports[`renders ./components/spin/demo/nested.md extend context correctly 1`] =
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>

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

@ -99,14 +99,7 @@ exports[`renders ./components/spin/demo/delayAndDebounce.md correctly 1`] = `
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -186,14 +179,7 @@ exports[`renders ./components/spin/demo/nested.md correctly 1`] = `
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>

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

@ -12,14 +12,7 @@ exports[`renders ./components/switch/demo/basic.md extend context correctly 1`]
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
`;
@ -37,14 +30,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<br />,
<button
@ -92,14 +78,7 @@ Array [
</div>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<br />,
<button
@ -134,14 +113,7 @@ Array [
</div>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
]
`;
@ -159,14 +131,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<br />,
<button
@ -180,14 +145,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
]
`;
@ -205,18 +163,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
开启
</span>
<span
class="ant-switch-inner-unchecked"
>
关闭
</span>
</span>
</button>,
<br />,
<button
@ -230,18 +179,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
1
</span>
<span
class="ant-switch-inner-unchecked"
>
0
</span>
</span>
</button>,
<br />,
<button
@ -255,9 +195,6 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
<span
aria-label="check"
@ -279,30 +216,6 @@ Array [
</svg>
</span>
</span>
<span
class="ant-switch-inner-unchecked"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</span>
</span>
</button>,
]
`;

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

@ -12,14 +12,7 @@ exports[`renders ./components/switch/demo/basic.md correctly 1`] = `
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
`;
@ -37,14 +30,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<br />,
<button
@ -92,14 +78,7 @@ Array [
</div>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<br />,
<button
@ -134,14 +113,7 @@ Array [
</div>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
]
`;
@ -159,14 +131,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<br />,
<button
@ -180,14 +145,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
]
`;
@ -205,18 +163,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
开启
</span>
<span
class="ant-switch-inner-unchecked"
>
关闭
</span>
</span>
</button>,
<br />,
<button
@ -230,18 +179,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
1
</span>
<span
class="ant-switch-inner-unchecked"
>
0
</span>
</span>
</button>,
<br />,
<button
@ -255,9 +195,6 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
<span
aria-label="check"
@ -279,30 +216,6 @@ Array [
</svg>
</span>
</span>
<span
class="ant-switch-inner-unchecked"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</span>
</span>
</button>,
]
`;

7
components/switch/__tests__/__snapshots__/index.test.tsx.snap
View File

@ -12,13 +12,6 @@ exports[`Switch rtl render component should be rendered correctly in RTL directi
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
`;

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

@ -369,7 +369,6 @@ exports[`renders ./components/table/demo/ajax.md extend context correctly 1`] =
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -381,22 +380,22 @@ exports[`renders ./components/table/demo/ajax.md extend context correctly 1`] =
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -4965,13 +4964,13 @@ exports[`renders ./components/table/demo/edit-cell.md extend context correctly 1
role="tooltip"
>
<div
class="ant-popover-inner-content"
class="ant-popconfirm-inner-content"
>
<div
class="ant-popover-message"
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -4994,13 +4993,13 @@ exports[`renders ./components/table/demo/edit-cell.md extend context correctly 1
</span>
</span>
<div
class="ant-popover-message-title"
class="ant-popconfirm-message-title"
>
Sure to delete?
</div>
</div>
<div
class="ant-popover-buttons"
class="ant-popconfirm-buttons"
>
<button
class="ant-btn ant-btn-default ant-btn-sm"
@ -5076,13 +5075,13 @@ exports[`renders ./components/table/demo/edit-cell.md extend context correctly 1
role="tooltip"
>
<div
class="ant-popover-inner-content"
class="ant-popconfirm-inner-content"
>
<div
class="ant-popover-message"
class="ant-popconfirm-message"
>
<span
class="ant-popover-message-icon"
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
@ -5105,13 +5104,13 @@ exports[`renders ./components/table/demo/edit-cell.md extend context correctly 1
</span>
</span>
<div
class="ant-popover-message-title"
class="ant-popconfirm-message-title"
>
Sure to delete?
</div>
</div>
<div
class="ant-popover-buttons"
class="ant-popconfirm-buttons"
>
<button
class="ant-btn ant-btn-default ant-btn-sm"
@ -13605,7 +13604,7 @@ exports[`renders ./components/table/demo/head.md extend context correctly 1`] =
</div>
<div>
<div
class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-popup ant-dropdown-menu ant-dropdown-menu-light ant-table-filter-dropdown-submenu"
class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-popup ant-dropdown-menu ant-table-filter-dropdown-submenu ant-dropdown-menu-light"
style="opacity:0"
>
<ul

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

@ -1845,14 +1845,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -1895,14 +1888,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -1945,14 +1931,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -1995,14 +1974,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -2045,14 +2017,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -2095,14 +2060,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -2145,14 +2103,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -2195,14 +2146,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -2245,14 +2189,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -2295,14 +2232,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -12110,14 +12040,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -12160,14 +12083,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>
@ -19715,18 +19631,9 @@ exports[`renders ./components/table/demo/sticky.md correctly 1`] = `
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
Fixed Top
</span>
<span
class="ant-switch-inner-unchecked"
>
Fixed Top
</span>
</span>
</button>
</td>
<td
@ -20637,14 +20544,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>,
@ -20943,14 +20843,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
</div>,

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

@ -20,18 +20,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
inkBar
</span>
<span
class="ant-switch-inner-unchecked"
>
inkBar
</span>
</span>
</button>
</div>
<div
@ -48,18 +39,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
tabPane
</span>
<span
class="ant-switch-inner-unchecked"
>
tabPane
</span>
</span>
</button>
</div>
</div>,

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

@ -20,18 +20,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
inkBar
</span>
<span
class="ant-switch-inner-unchecked"
>
inkBar
</span>
</span>
</button>
</div>
<div
@ -48,18 +39,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
tabPane
</span>
<span
class="ant-switch-inner-unchecked"
>
tabPane
</span>
</span>
</button>
</div>
</div>,

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

@ -14724,11 +14724,11 @@ Array [
exports[`renders ./components/time-picker/demo/render-panel.md extend context correctly 1`] = `
<div
style="padding-bottom: 0px; position: relative; min-width: 0;"
style="padding-bottom:0;position:relative;width:fit-content;min-width:0"
>
<div
class="ant-picker"
style="margin: 0px;"
style="margin:0"
>
<div
class="ant-picker-input"
@ -14771,8 +14771,8 @@ exports[`renders ./components/time-picker/demo/render-panel.md extend context co
</div>
<div>
<div
class="ant-picker-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
@ -14789,7 +14789,7 @@ exports[`renders ./components/time-picker/demo/render-panel.md extend context co
>
<ul
class="ant-picker-time-panel-column"
style="position: relative;"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
@ -15010,7 +15010,7 @@ exports[`renders ./components/time-picker/demo/render-panel.md extend context co
</ul>
<ul
class="ant-picker-time-panel-column"
style="position: relative;"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
@ -15555,7 +15555,7 @@ exports[`renders ./components/time-picker/demo/render-panel.md extend context co
</ul>
<ul
class="ant-picker-time-panel-column"
style="position: relative;"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
@ -16134,9 +16134,6 @@ exports[`renders ./components/time-picker/demo/render-panel.md extend context co
</div>
</div>
</div>
<div
style="position: absolute; top: 0px; left: 0px; width: 100%;"
/>
</div>
`;

1372
components/time-picker/__tests__/__snapshots__/demo.test.ts.snap
View File

File diff suppressed because it is too large Load Diff

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

@ -625,7 +625,7 @@ Array [
<div>
<div
class="ant-tooltip"
style="opacity:0"
style="opacity:0;--antd-arrow-background-color:#f50"
>
<div
class="ant-tooltip-content"
@ -635,7 +635,6 @@ Array [
>
<span
class="ant-tooltip-arrow-content"
style="--antd-arrow-background-color:#f50"
/>
</div>
<div
@ -659,7 +658,7 @@ Array [
<div>
<div
class="ant-tooltip"
style="opacity:0"
style="opacity:0;--antd-arrow-background-color:#2db7f5"
>
<div
class="ant-tooltip-content"
@ -669,7 +668,6 @@ Array [
>
<span
class="ant-tooltip-arrow-content"
style="--antd-arrow-background-color:#2db7f5"
/>
</div>
<div
@ -693,7 +691,7 @@ Array [
<div>
<div
class="ant-tooltip"
style="opacity:0"
style="opacity:0;--antd-arrow-background-color:#87d068"
>
<div
class="ant-tooltip-content"
@ -703,7 +701,6 @@ Array [
>
<span
class="ant-tooltip-arrow-content"
style="--antd-arrow-background-color:#87d068"
/>
</div>
<div
@ -727,7 +724,7 @@ Array [
<div>
<div
class="ant-tooltip"
style="opacity:0"
style="opacity:0;--antd-arrow-background-color:#108ee9"
>
<div
class="ant-tooltip-content"
@ -737,7 +734,6 @@ Array [
>
<span
class="ant-tooltip-arrow-content"
style="--antd-arrow-background-color:#108ee9"
/>
</div>
<div
@ -1216,3 +1212,62 @@ exports[`renders ./components/tooltip/demo/placement.md extend context correctly
</div>
</div>
`;
exports[`renders ./components/tooltip/demo/render-panel.md extend context correctly 1`] = `
Array [
<div
class="ant-tooltip ant-tooltip-pure ant-tooltip-placement-top ant-tooltip-pink"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
/>
<div
class="ant-tooltip-inner"
role="tooltip"
>
Hello, Pink Pure Panel!
</div>
</div>
</div>,
<div
class="ant-tooltip ant-tooltip-pure ant-tooltip-placement-top"
style="--antd-arrow-background-color:#f50"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
/>
<div
class="ant-tooltip-inner"
role="tooltip"
style="background:#f50"
>
Hello, Customize Color Pure Panel!
</div>
</div>
</div>,
<div
class="ant-tooltip ant-tooltip-pure ant-tooltip-placement-bottomLeft"
>
<div
class="ant-tooltip-content"
style="width:200px"
>
<div
class="ant-tooltip-arrow"
/>
<div
class="ant-tooltip-inner"
role="tooltip"
>
Hello, Pure Panel!
</div>
</div>
</div>,
]
`;

6
components/tooltip/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -362,7 +362,7 @@ Array [
</div>,
<div
class="ant-tooltip ant-tooltip-pure ant-tooltip-placement-top"
style="--antd-arrow-background-color: #f50;"
style="--antd-arrow-background-color:#f50"
>
<div
class="ant-tooltip-content"
@ -373,7 +373,7 @@ Array [
<div
class="ant-tooltip-inner"
role="tooltip"
style="background: rgb(255, 85, 0);"
style="background:#f50"
>
Hello, Customize Color Pure Panel!
</div>
@ -384,7 +384,7 @@ Array [
>
<div
class="ant-tooltip-content"
style="width: 200px;"
style="width:200px"
>
<div
class="ant-tooltip-arrow"

7
components/tooltip/__tests__/__snapshots__/tooltip.test.tsx.snap
View File

@ -34,14 +34,7 @@ exports[`Tooltip should hide when mouse leave antd disabled component Switch 1`]
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</span>
`;

2
components/tooltip/index.tsx
View File

@ -349,4 +349,6 @@ if (process.env.NODE_ENV !== 'production') {
Tooltip.displayName = 'Tooltip';
}
Tooltip._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
export default Tooltip;

92
components/transfer/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -265,7 +265,6 @@ exports[`renders ./components/transfer/demo/advanced.md extend context correctly
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -277,22 +276,22 @@ exports[`renders ./components/transfer/demo/advanced.md extend context correctly
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -641,7 +640,6 @@ exports[`renders ./components/transfer/demo/advanced.md extend context correctly
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -653,22 +651,22 @@ exports[`renders ./components/transfer/demo/advanced.md extend context correctly
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -1843,7 +1841,6 @@ exports[`renders ./components/transfer/demo/custom-item.md extend context correc
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -1855,22 +1852,22 @@ exports[`renders ./components/transfer/demo/custom-item.md extend context correc
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -2134,7 +2131,6 @@ exports[`renders ./components/transfer/demo/custom-item.md extend context correc
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -2146,22 +2142,22 @@ exports[`renders ./components/transfer/demo/custom-item.md extend context correc
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -3103,7 +3099,6 @@ Array [
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -3115,22 +3110,22 @@ Array [
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -3433,7 +3428,6 @@ Array [
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -3445,22 +3439,22 @@ Array [
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -3488,18 +3482,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
one way
</span>
<span
class="ant-switch-inner-unchecked"
>
one way
</span>
</span>
</button>,
]
`;
@ -4444,18 +4429,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
disabled
</span>
<span
class="ant-switch-inner-unchecked"
>
disabled
</span>
</span>
</button>,
]
`;
@ -4724,7 +4700,6 @@ exports[`renders ./components/transfer/demo/search.md extend context correctly 1
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -4736,22 +4711,22 @@ exports[`renders ./components/transfer/demo/search.md extend context correctly 1
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -5080,7 +5055,6 @@ exports[`renders ./components/transfer/demo/search.md extend context correctly 1
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -5092,22 +5066,22 @@ exports[`renders ./components/transfer/demo/search.md extend context correctly 1
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -7712,18 +7686,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
disabled
</span>
<span
class="ant-switch-inner-unchecked"
>
disabled
</span>
</span>
</button>,
<button
aria-checked="false"
@ -7737,18 +7702,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
showSearch
</span>
<span
class="ant-switch-inner-unchecked"
>
showSearch
</span>
</span>
</button>,
]
`;

91
components/transfer/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -136,7 +136,6 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -148,22 +147,22 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -383,7 +382,6 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -395,22 +393,22 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -1198,7 +1196,6 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -1210,22 +1207,22 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -1360,7 +1357,6 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -1372,22 +1368,22 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -1887,7 +1883,6 @@ Array [
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -1899,22 +1894,22 @@ Array [
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -2033,7 +2028,6 @@ Array [
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -2045,22 +2039,22 @@ Array [
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -2974,7 +2968,6 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -2986,22 +2979,22 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -3201,7 +3194,6 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -3213,22 +3205,22 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -3322,7 +3314,6 @@ exports[`renders ./components/transfer/demo/status.md correctly 1`] = `
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -3334,22 +3325,22 @@ exports[`renders ./components/transfer/demo/status.md correctly 1`] = `
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -3483,7 +3474,6 @@ exports[`renders ./components/transfer/demo/status.md correctly 1`] = `
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -3495,22 +3485,22 @@ exports[`renders ./components/transfer/demo/status.md correctly 1`] = `
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -3664,7 +3654,6 @@ exports[`renders ./components/transfer/demo/status.md correctly 1`] = `
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -3676,22 +3665,22 @@ exports[`renders ./components/transfer/demo/status.md correctly 1`] = `
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -3891,7 +3880,6 @@ exports[`renders ./components/transfer/demo/status.md correctly 1`] = `
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -3903,22 +3891,22 @@ exports[`renders ./components/transfer/demo/status.md correctly 1`] = `
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>
@ -5422,7 +5410,6 @@ exports[`renders ./components/transfer/demo/tree-transfer.md correctly 1`] = `
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -5434,22 +5421,22 @@ exports[`renders ./components/transfer/demo/tree-transfer.md correctly 1`] = `
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
fill="#F5F5F5"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
stroke="#D9D9D9"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
fill="#FAFAFA"
/>
</g>
</g>

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

@ -1571,11 +1571,11 @@ Array [
exports[`renders ./components/tree-select/demo/render-panel.md extend context correctly 1`] = `
<div
style="padding-bottom: 0px; position: relative; min-width: 0;"
style="padding-bottom:0;position:relative;width:fit-content;min-width:0"
>
<div
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow ant-select-open"
style="width: 100%; margin: 0px;"
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow"
style="width:100%;margin:0"
>
<div
class="ant-select-selector"
@ -1585,16 +1585,15 @@ exports[`renders ./components/tree-select/demo/render-panel.md extend context co
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-expanded="true"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1609,8 +1608,8 @@ exports[`renders ./components/tree-select/demo/render-panel.md extend context co
</div>
<div>
<div
class="ant-select-dropdown ant-tree-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: 0; width: 0px;"
class="ant-select-dropdown ant-tree-select-dropdown"
style="opacity:0"
>
<div>
<div>
@ -1622,14 +1621,14 @@ exports[`renders ./components/tree-select/demo/render-panel.md extend context co
<input
aria-label="for screen reader"
disabled=""
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
value=""
/>
</div>
<div
aria-hidden="true"
class="ant-select-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden"
>
<div
class="ant-select-tree-indent"
@ -1641,16 +1640,16 @@ exports[`renders ./components/tree-select/demo/render-panel.md extend context co
</div>
<div
class="ant-select-tree-list"
style="position: relative;"
style="position:relative"
>
<div
class="ant-select-tree-list-holder"
style="max-height: 256px; overflow-y: auto;"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="ant-select-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
style="display:flex;flex-direction:column"
>
<div
aria-grabbed="false"
@ -1730,7 +1729,7 @@ exports[`renders ./components/tree-select/demo/render-panel.md extend context co
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1754,9 +1753,6 @@ exports[`renders ./components/tree-select/demo/render-panel.md extend context co
</span>
</span>
</div>
<div
style="position: absolute; top: 0px; left: 0px; width: 100%;"
/>
</div>
`;
@ -2597,18 +2593,9 @@ exports[`renders ./components/tree-select/demo/treeLine.md extend context correc
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
treeLine
</span>
<span
class="ant-switch-inner-unchecked"
>
treeLine
</span>
</span>
</button>
</div>
<div
@ -2626,18 +2613,9 @@ exports[`renders ./components/tree-select/demo/treeLine.md extend context correc
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
showLeafIcon
</span>
<span
class="ant-switch-inner-unchecked"
>
showLeafIcon
</span>
</span>
</button>
</div>
<div

158
components/tree-select/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -399,11 +399,11 @@ Array [
exports[`renders ./components/tree-select/demo/render-panel.md correctly 1`] = `
<div
style="padding-bottom: 0px; position: relative; min-width: 0;"
style="padding-bottom:0;position:relative;width:fit-content;min-width:0"
>
<div
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow ant-select-open"
style="width: 100%; margin: 0px;"
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow"
style="width:100%;margin:0"
>
<div
class="ant-select-selector"
@ -413,16 +413,15 @@ exports[`renders ./components/tree-select/demo/render-panel.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-expanded="true"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -435,130 +434,10 @@ exports[`renders ./components/tree-select/demo/render-panel.md correctly 1`] = `
lucy
</span>
</div>
<div>
<div
class="ant-select-dropdown ant-tree-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: 0; width: 0px;"
>
<div>
<div>
<div
class="ant-select-tree"
role="tree"
>
<div>
<input
aria-label="for screen reader"
disabled=""
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
value=""
/>
</div>
<div
aria-hidden="true"
class="ant-select-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="ant-select-tree-indent"
>
<div
class="ant-select-tree-indent-unit"
/>
</div>
</div>
<div
class="ant-select-tree-list"
style="position: relative;"
>
<div
class="ant-select-tree-list-holder"
style="max-height: 256px; overflow-y: auto;"
>
<div>
<div
class="ant-select-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="ant-select-tree-treenode ant-select-tree-treenode-switcher-close"
draggable="false"
>
<span
aria-hidden="true"
class="ant-select-tree-indent"
/>
<span
class="ant-select-tree-switcher ant-select-tree-switcher_close"
>
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-select-tree-switcher-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
</span>
<span
class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-close"
title="Node1"
>
<span
class="ant-select-tree-title"
>
Node1
</span>
</span>
</div>
<div
aria-grabbed="false"
class="ant-select-tree-treenode ant-select-tree-treenode-switcher-close ant-select-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="ant-select-tree-indent"
/>
<span
class="ant-select-tree-switcher ant-select-tree-switcher-noop"
/>
<span
class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
title="Node2"
>
<span
class="ant-select-tree-title"
>
Node2
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -582,9 +461,6 @@ exports[`renders ./components/tree-select/demo/render-panel.md correctly 1`] = `
</span>
</span>
</div>
<div
style="position: absolute; top: 0px; left: 0px; width: 100%;"
/>
</div>
`;
@ -848,18 +724,9 @@ exports[`renders ./components/tree-select/demo/treeLine.md correctly 1`] = `
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
treeLine
</span>
<span
class="ant-switch-inner-unchecked"
>
treeLine
</span>
</span>
</button>
</div>
<div
@ -877,18 +744,9 @@ exports[`renders ./components/tree-select/demo/treeLine.md correctly 1`] = `
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
showLeafIcon
</span>
<span
class="ant-switch-inner-unchecked"
>
showLeafIcon
</span>
</span>
</button>
</div>
<div

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

@ -1462,14 +1462,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
<br />
<br />
@ -1485,14 +1478,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
<br />
<br />
@ -1508,14 +1494,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>,
<div
@ -3072,14 +3051,7 @@ exports[`renders ./components/tree/demo/line.md extend context correctly 1`] = `
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
<br />
<br />
@ -3095,14 +3067,7 @@ exports[`renders ./components/tree/demo/line.md extend context correctly 1`] = `
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
<br />
<br />

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

@ -1462,14 +1462,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
<br />
<br />
@ -1485,14 +1478,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
<br />
<br />
@ -1508,14 +1494,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>,
<div
@ -3072,14 +3051,7 @@ exports[`renders ./components/tree/demo/line.md correctly 1`] = `
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
<br />
<br />
@ -3095,14 +3067,7 @@ exports[`renders ./components/tree/demo/line.md correctly 1`] = `
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
<br />
<br />

35
components/typography/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -229,14 +229,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<div
aria-label="Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team."
@ -351,16 +344,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
Long Text
</span>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<button
aria-checked="false"
@ -373,14 +359,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<button
aria-checked="false"
@ -393,14 +372,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<button
aria-checked="false"
@ -413,14 +385,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<div
class="ant-slider ant-slider-horizontal"

35
components/typography/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -229,14 +229,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<div
aria-label="Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team."
@ -327,16 +320,9 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
>
Long Text
</span>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<button
aria-checked="false"
@ -349,14 +335,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<button
aria-checked="false"
@ -369,14 +348,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<button
aria-checked="false"
@ -389,14 +361,7 @@ Array [
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>,
<div
class="ant-slider ant-slider-horizontal"

756
components/upload/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

File diff suppressed because it is too large Load Diff

756
components/upload/__tests__/__snapshots__/demo.test.ts.snap
View File

File diff suppressed because it is too large Load Diff

8
components/upload/__tests__/__snapshots__/upload.test.tsx.snap
View File

@ -1,9 +1,11 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Upload rtl render component should be rendered correctly in RTL direction 1`] = `
<span>
<span
class="ant-upload-wrapper ant-upload-rtl"
>
<div
class="ant-upload ant-upload-select ant-upload-select-text ant-upload-rtl"
class="ant-upload ant-upload-select"
style="display: none;"
>
<span
@ -19,7 +21,7 @@ exports[`Upload rtl render component should be rendered correctly in RTL directi
</span>
</div>
<div
class="ant-upload-list ant-upload-list-text ant-upload-list-rtl"
class="ant-upload-list ant-upload-list-text"
/>
</span>
`;

332
components/upload/__tests__/__snapshots__/uploadlist.test.tsx.snap
View File

@ -1,9 +1,11 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Upload List handle error 1`] = `
<span>
<span
class="ant-upload-wrapper"
>
<div
class="ant-upload ant-upload-select ant-upload-select-text"
class="ant-upload ant-upload-select"
>
<span
class="ant-upload"
@ -26,20 +28,14 @@ exports[`Upload List handle error 1`] = `
class="ant-upload-list ant-upload-list-text"
>
<div
class="ant-upload-list-text-container"
class="ant-upload-list-item-container"
style=""
>
<div
class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-text"
class="ant-upload-list-item ant-upload-list-item-error"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
>
<div
class="ant-upload-text-icon"
class="ant-upload-icon"
>
<span
aria-label="paper-clip"
@ -68,10 +64,10 @@ exports[`Upload List handle error 1`] = `
foo.png
</span>
<span
class="ant-upload-list-item-card-actions"
class="ant-upload-list-item-actions"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
@ -97,8 +93,6 @@ exports[`Upload List handle error 1`] = `
</span>
</button>
</span>
</span>
</div>
</div>
</div>
</div>
@ -110,7 +104,7 @@ exports[`Upload List itemRender 1`] = `
class="ant-upload-list ant-upload-list-text"
>
<div
class="ant-upload-list-text-container"
class="ant-upload-list-item-container"
>
<div
class="custom-item-render"
@ -136,7 +130,7 @@ exports[`Upload List itemRender 1`] = `
</div>
</div>
<div
class="ant-upload-list-text-container"
class="ant-upload-list-item-container"
>
<div
class="custom-item-render"
@ -165,9 +159,11 @@ exports[`Upload List itemRender 1`] = `
`;
exports[`Upload List should be uploading when upload a file 1`] = `
<span>
<span
class="ant-upload-wrapper"
>
<div
class="ant-upload ant-upload-select ant-upload-select-text"
class="ant-upload ant-upload-select"
>
<span
class="ant-upload"
@ -190,20 +186,14 @@ exports[`Upload List should be uploading when upload a file 1`] = `
class="ant-upload-list ant-upload-list-text"
>
<div
class="ant-upload-list-text-container ant-upload-animate-appear ant-upload-animate-appear-start ant-upload-animate"
class="ant-upload-list-item-container ant-upload-animate-appear ant-upload-animate-appear-start ant-upload-animate"
style="height: 0px; opacity: 0;"
>
<div
class="ant-upload-list-item ant-upload-list-item-uploading ant-upload-list-item-list-type-text"
class="ant-upload-list-item ant-upload-list-item-uploading"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
>
<div
class="ant-upload-text-icon"
class="ant-upload-icon"
>
<span
aria-label="loading"
@ -232,10 +222,10 @@ exports[`Upload List should be uploading when upload a file 1`] = `
foo.png
</span>
<span
class="ant-upload-list-item-card-actions"
class="ant-upload-list-item-actions"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
@ -261,8 +251,6 @@ exports[`Upload List should be uploading when upload a file 1`] = `
</span>
</button>
</span>
</span>
</div>
</div>
</div>
</div>
@ -270,9 +258,11 @@ exports[`Upload List should be uploading when upload a file 1`] = `
`;
exports[`Upload List should non-image format file preview 1`] = `
<span>
<span
class="ant-upload-wrapper"
>
<div
class="ant-upload ant-upload-select ant-upload-select-picture"
class="ant-upload ant-upload-select"
>
<span
class="ant-upload"
@ -295,16 +285,10 @@ exports[`Upload List should non-image format file preview 1`] = `
class="ant-upload-list ant-upload-list-picture"
>
<div
class="ant-upload-list-picture-container"
class="ant-upload-list-item-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
class="ant-upload-list-item ant-upload-list-item-done"
>
<a
class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
@ -347,10 +331,10 @@ exports[`Upload List should non-image format file preview 1`] = `
not-image
</a>
<span
class="ant-upload-list-item-card-actions picture"
class="ant-upload-list-item-actions picture"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
@ -376,21 +360,13 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</button>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-upload-list-picture-container"
class="ant-upload-list-item-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
class="ant-upload-list-item ant-upload-list-item-done"
>
<a
class="ant-upload-list-item-thumbnail"
@ -414,10 +390,10 @@ exports[`Upload List should non-image format file preview 1`] = `
image
</a>
<span
class="ant-upload-list-item-card-actions picture"
class="ant-upload-list-item-actions picture"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
@ -443,21 +419,13 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</button>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-upload-list-picture-container"
class="ant-upload-list-item-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
class="ant-upload-list-item ant-upload-list-item-done"
>
<a
class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
@ -500,10 +468,10 @@ exports[`Upload List should non-image format file preview 1`] = `
not-image
</a>
<span
class="ant-upload-list-item-card-actions picture"
class="ant-upload-list-item-actions picture"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
@ -529,21 +497,13 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</button>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-upload-list-picture-container"
class="ant-upload-list-item-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
class="ant-upload-list-item ant-upload-list-item-done"
>
<a
class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
@ -586,10 +546,10 @@ exports[`Upload List should non-image format file preview 1`] = `
not-image
</a>
<span
class="ant-upload-list-item-card-actions picture"
class="ant-upload-list-item-actions picture"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
@ -615,21 +575,13 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</button>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-upload-list-picture-container"
class="ant-upload-list-item-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
class="ant-upload-list-item ant-upload-list-item-done"
>
<a
class="ant-upload-list-item-thumbnail"
@ -653,10 +605,10 @@ exports[`Upload List should non-image format file preview 1`] = `
image
</a>
<span
class="ant-upload-list-item-card-actions picture"
class="ant-upload-list-item-actions picture"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
@ -682,21 +634,13 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</button>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-upload-list-picture-container"
class="ant-upload-list-item-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
class="ant-upload-list-item ant-upload-list-item-done"
>
<a
class="ant-upload-list-item-thumbnail"
@ -720,10 +664,10 @@ exports[`Upload List should non-image format file preview 1`] = `
image
</a>
<span
class="ant-upload-list-item-card-actions picture"
class="ant-upload-list-item-actions picture"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
@ -749,21 +693,13 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</button>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-upload-list-picture-container"
class="ant-upload-list-item-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
class="ant-upload-list-item ant-upload-list-item-done"
>
<a
class="ant-upload-list-item-thumbnail"
@ -787,10 +723,10 @@ exports[`Upload List should non-image format file preview 1`] = `
image
</a>
<span
class="ant-upload-list-item-card-actions picture"
class="ant-upload-list-item-actions picture"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
@ -816,21 +752,13 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</button>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-upload-list-picture-container"
class="ant-upload-list-item-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
class="ant-upload-list-item ant-upload-list-item-done"
>
<a
class="ant-upload-list-item-thumbnail"
@ -854,10 +782,10 @@ exports[`Upload List should non-image format file preview 1`] = `
image
</a>
<span
class="ant-upload-list-item-card-actions picture"
class="ant-upload-list-item-actions picture"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
@ -883,21 +811,13 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</button>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-upload-list-picture-container"
class="ant-upload-list-item-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
class="ant-upload-list-item ant-upload-list-item-done"
>
<a
class="ant-upload-list-item-thumbnail"
@ -921,10 +841,10 @@ exports[`Upload List should non-image format file preview 1`] = `
image
</a>
<span
class="ant-upload-list-item-card-actions picture"
class="ant-upload-list-item-actions picture"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
@ -950,21 +870,13 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</button>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-upload-list-picture-container"
class="ant-upload-list-item-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
class="ant-upload-list-item ant-upload-list-item-done"
>
<a
class="ant-upload-list-item-thumbnail"
@ -988,10 +900,10 @@ exports[`Upload List should non-image format file preview 1`] = `
image
</a>
<span
class="ant-upload-list-item-card-actions picture"
class="ant-upload-list-item-actions picture"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
@ -1017,8 +929,6 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</button>
</span>
</span>
</div>
</div>
</div>
</div>
@ -1026,9 +936,11 @@ exports[`Upload List should non-image format file preview 1`] = `
`;
exports[`Upload List should support removeIcon and downloadIcon 1`] = `
<span>
<span
class="ant-upload-wrapper"
>
<div
class="ant-upload ant-upload-select ant-upload-select-picture"
class="ant-upload ant-upload-select"
>
<span
class="ant-upload"
@ -1051,16 +963,10 @@ exports[`Upload List should support removeIcon and downloadIcon 1`] = `
class="ant-upload-list ant-upload-list-picture"
>
<div
class="ant-upload-list-picture-container"
class="ant-upload-list-item-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-uploading ant-upload-list-item-list-type-picture"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
class="ant-upload-list-item ant-upload-list-item-uploading"
>
<div
class="ant-upload-list-item-thumbnail"
@ -1095,10 +1001,10 @@ exports[`Upload List should support removeIcon and downloadIcon 1`] = `
image
</a>
<span
class="ant-upload-list-item-card-actions picture"
class="ant-upload-list-item-actions picture"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
@ -1107,21 +1013,13 @@ exports[`Upload List should support removeIcon and downloadIcon 1`] = `
</i>
</button>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-upload-list-picture-container"
class="ant-upload-list-item-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
class="ant-upload-list-item ant-upload-list-item-done"
>
<a
class="ant-upload-list-item-thumbnail"
@ -1145,10 +1043,10 @@ exports[`Upload List should support removeIcon and downloadIcon 1`] = `
image
</a>
<span
class="ant-upload-list-item-card-actions picture"
class="ant-upload-list-item-actions picture"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Download file"
type="button"
>
@ -1157,7 +1055,7 @@ exports[`Upload List should support removeIcon and downloadIcon 1`] = `
</i>
</button>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
@ -1166,8 +1064,6 @@ exports[`Upload List should support removeIcon and downloadIcon 1`] = `
</i>
</button>
</span>
</span>
</div>
</div>
</div>
</div>
@ -1175,9 +1071,11 @@ exports[`Upload List should support removeIcon and downloadIcon 1`] = `
`;
exports[`Upload List should support removeIcon and downloadIcon 2`] = `
<span>
<span
class="ant-upload-wrapper"
>
<div
class="ant-upload ant-upload-select ant-upload-select-picture"
class="ant-upload ant-upload-select"
>
<span
class="ant-upload"
@ -1200,16 +1098,10 @@ exports[`Upload List should support removeIcon and downloadIcon 2`] = `
class="ant-upload-list ant-upload-list-picture"
>
<div
class="ant-upload-list-picture-container"
class="ant-upload-list-item-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-uploading ant-upload-list-item-list-type-picture"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
class="ant-upload-list-item ant-upload-list-item-uploading"
>
<div
class="ant-upload-list-item-thumbnail"
@ -1244,10 +1136,10 @@ exports[`Upload List should support removeIcon and downloadIcon 2`] = `
image
</a>
<span
class="ant-upload-list-item-card-actions picture"
class="ant-upload-list-item-actions picture"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
@ -1256,21 +1148,13 @@ exports[`Upload List should support removeIcon and downloadIcon 2`] = `
</i>
</button>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-upload-list-picture-container"
class="ant-upload-list-item-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
class="ant-upload-list-item ant-upload-list-item-done"
>
<a
class="ant-upload-list-item-thumbnail"
@ -1294,10 +1178,10 @@ exports[`Upload List should support removeIcon and downloadIcon 2`] = `
image
</a>
<span
class="ant-upload-list-item-card-actions picture"
class="ant-upload-list-item-actions picture"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Download file"
type="button"
>
@ -1306,7 +1190,7 @@ exports[`Upload List should support removeIcon and downloadIcon 2`] = `
</i>
</button>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
@ -1315,8 +1199,6 @@ exports[`Upload List should support removeIcon and downloadIcon 2`] = `
</i>
</button>
</span>
</span>
</div>
</div>
</div>
</div>
@ -1324,9 +1206,11 @@ exports[`Upload List should support removeIcon and downloadIcon 2`] = `
`;
exports[`Upload List should support showRemoveIcon and showPreviewIcon 1`] = `
<span>
<span
class="ant-upload-wrapper"
>
<div
class="ant-upload ant-upload-select ant-upload-select-picture"
class="ant-upload ant-upload-select"
>
<span
class="ant-upload"
@ -1349,16 +1233,10 @@ exports[`Upload List should support showRemoveIcon and showPreviewIcon 1`] = `
class="ant-upload-list ant-upload-list-picture"
>
<div
class="ant-upload-list-picture-container"
class="ant-upload-list-item-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-uploading ant-upload-list-item-list-type-picture"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
class="ant-upload-list-item ant-upload-list-item-uploading"
>
<div
class="ant-upload-list-item-thumbnail"
@ -1393,23 +1271,15 @@ exports[`Upload List should support showRemoveIcon and showPreviewIcon 1`] = `
image
</a>
<span
class="ant-upload-list-item-card-actions picture"
class="ant-upload-list-item-actions picture"
/>
</span>
</div>
</div>
</div>
<div
class="ant-upload-list-picture-container"
class="ant-upload-list-item-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
class="ant-upload-list-item ant-upload-list-item-done"
>
<a
class="ant-upload-list-item-thumbnail"
@ -1433,10 +1303,8 @@ exports[`Upload List should support showRemoveIcon and showPreviewIcon 1`] = `
image
</a>
<span
class="ant-upload-list-item-card-actions picture"
class="ant-upload-list-item-actions picture"
/>
</span>
</div>
</div>
</div>
</div>

1
tests/setupAfterEnv.ts
View File

@ -1,6 +1,7 @@
import { toHaveNoViolations } from 'jest-axe';
import '@testing-library/jest-dom';
import format, { plugins } from 'pretty-format';
import jsdom from 'jsdom';
import { defaultConfig } from '../components/theme/index';
// Not use dynamic hashed for test env since version will change hash dynamically.