mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 17:44:35 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

chore: fix snapshot

Browse Source
This commit is contained in:
MadCcc 2022-09-14 14:29:05 +08:00
parent b7fe2078e8
commit 7a73035f82
34 changed files with 2984 additions and 373 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1898,11 +1898,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"
@ -1922,11 +1922,11 @@ exports[`renders ./components/auto-complete/demo/render-panel.md extend context
class="ant-space-item"
>
<div
style="padding-bottom:0;position:relative;width:fit-content"
style="padding-bottom: 0px; position: relative;"
>
<div
class="ant-select ant-select-auto-complete ant-select-single ant-select-show-search"
style="width:120px;margin:0"
style="width: 120px; margin: 0px;"
>
<div
class="ant-select-selector"
@ -1935,14 +1935,15 @@ exports[`renders ./components/auto-complete/demo/render-panel.md extend context
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-activedescendant="rc_select_test_list_-test"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-controls="rc_select_test_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="undefined_list"
aria-owns="rc_select_test_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
role="combobox"
type="search"
value="lucy"
@ -1951,48 +1952,40 @@ exports[`renders ./components/auto-complete/demo/render-panel.md extend context
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0"
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
>
<div>
<div
id="undefined_list"
id="rc_select_test_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
style="height: 0px; width: 0px; overflow: hidden;"
>
<div
aria-label="Jack"
aria-selected="false"
id="undefined_list_0"
id="rc_select_test_list_test"
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;overflow-anchor:none"
style="max-height: 256px; overflow-y: auto;"
>
<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 ant-select-item-option-active"
class="ant-select-item ant-select-item-option"
title="Jack"
>
<div
@ -2003,7 +1996,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;-webkit-user-select:none"
style="user-select: none;"
unselectable="on"
/>
</div>
@ -2020,7 +2013,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;-webkit-user-select:none"
style="user-select: none;"
unselectable="on"
/>
</div>
@ -2037,7 +2030,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;-webkit-user-select:none"
style="user-select: none;"
unselectable="on"
/>
</div>
@ -2054,7 +2047,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;-webkit-user-select:none"
style="user-select: none;"
unselectable="on"
/>
</div>
@ -2066,6 +2059,9 @@ 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>

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

@ -1081,11 +1081,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"
@ -1105,11 +1105,11 @@ exports[`renders ./components/auto-complete/demo/render-panel.md correctly 1`] =
class="ant-space-item"
>
<div
style="padding-bottom:0;position:relative;width:fit-content"
style="padding-bottom: 0px; position: relative;"
>
<div
class="ant-select ant-select-auto-complete ant-select-single ant-select-show-search"
style="width:120px;margin:0"
style="width: 120px; margin: 0px;"
>
<div
class="ant-select-selector"
@ -1118,14 +1118,15 @@ exports[`renders ./components/auto-complete/demo/render-panel.md correctly 1`] =
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-activedescendant="rc_select_test_list_test"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-controls="rc_select_test_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="undefined_list"
aria-owns="rc_select_test_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
role="combobox"
type="search"
value="lucy"

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

@ -1924,11 +1924,11 @@ Array [
exports[`renders ./components/cascader/demo/render-panel.md extend context correctly 1`] = `
<div
style="padding-bottom:0;position:relative;width:fit-content"
style="padding-bottom: 0px; position: relative;"
>
<div
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow"
style="margin:0"
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-open"
style="margin: 0px;"
>
<div
class="ant-select-selector"
@ -1938,15 +1938,16 @@ exports[`renders ./components/cascader/demo/render-panel.md extend context corre
>
<input
aria-autocomplete="list"
aria-controls="undefined_list"
aria-expanded="false"
aria-controls="rc_select_test_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="undefined_list"
aria-owns="rc_select_test_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=""
@ -1960,8 +1961,8 @@ exports[`renders ./components/cascader/demo/render-panel.md extend context corre
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
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
@ -2051,7 +2052,7 @@ exports[`renders ./components/cascader/demo/render-panel.md extend context corre
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
style="user-select: none;"
unselectable="on"
>
<span
@ -2075,6 +2076,9 @@ 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

@ -818,11 +818,11 @@ Array [
exports[`renders ./components/cascader/demo/render-panel.md correctly 1`] = `
<div
style="padding-bottom:0;position:relative;width:fit-content"
style="padding-bottom: 0px; position: relative;"
>
<div
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow"
style="margin:0"
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-open"
style="margin: 0px;"
>
<div
class="ant-select-selector"
@ -832,15 +832,16 @@ exports[`renders ./components/cascader/demo/render-panel.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="undefined_list"
aria-expanded="false"
aria-controls="rc_select_test_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="undefined_list"
aria-owns="rc_select_test_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=""
@ -852,10 +853,100 @@ 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;-webkit-user-select:none"
style="user-select: none;"
unselectable="on"
>
<span
@ -879,6 +970,9 @@ exports[`renders ./components/cascader/demo/render-panel.md correctly 1`] = `
</span>
</span>
</div>
<div
style="position: absolute; top: 0px; left: 0px; width: 100%;"
/>
</div>
`;

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

@ -39398,11 +39398,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:0;position:relative;width:fit-content"
style="padding-bottom: 0px; position: relative;"
>
<div
class="ant-picker"
style="margin:0"
style="margin: 0px;"
>
<div
class="ant-picker-input"
@ -39442,8 +39442,8 @@ exports[`renders ./components/date-picker/demo/render-panel.md extend context co
</div>
<div>
<div
class="ant-picker-dropdown"
style="opacity:0"
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"
@ -39994,6 +39994,9 @@ 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:0;position:relative;width:fit-content"
style="padding-bottom: 0px; position: relative;"
>
<div
class="ant-picker"
style="margin:0"
style="margin: 0px;"
>
<div
class="ant-picker-input"
@ -3303,6 +3303,563 @@ 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/drawer/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -313,7 +313,6 @@ exports[`renders ./components/drawer/demo/render-in-current.md correctly 1`] = `
</div>
<div
class="ant-drawer ant-drawer-right ant-drawer-inline"
style="position: absolute;"
tabindex="-1"
>
<div
@ -334,7 +333,7 @@ exports[`renders ./components/drawer/demo/render-in-current.md correctly 1`] = `
exports[`renders ./components/drawer/demo/render-panel.md correctly 1`] = `
<div
style="position:relative;min-height:100px;overflow:hidden;height:300px;box-shadow:0 0 5px red"
style="position: relative; min-height: 100px; overflow: hidden; height: 300px; box-shadow: 0 0 5px red;"
>
<div
class="ant-drawer ant-drawer-right ant-drawer-open ant-drawer-inline"
@ -346,12 +345,12 @@ exports[`renders ./components/drawer/demo/render-panel.md correctly 1`] = `
<div
aria-hidden="true"
data-sentinel="start"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
tabindex="0"
/>
<div
class="ant-drawer-content-wrapper"
style="width:378px"
style="width: 378px;"
>
<div
aria-modal="true"
@ -410,7 +409,7 @@ exports[`renders ./components/drawer/demo/render-panel.md correctly 1`] = `
<div
aria-hidden="true"
data-sentinel="end"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
tabindex="0"
/>
</div>

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

@ -8598,15 +8598,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:0;position:relative;width:fit-content"
style="padding-bottom: 0px; position: relative;"
>
<span
class="ant-dropdown-trigger"
class="ant-dropdown-trigger ant-dropdown-open"
/>
<div>
<div
class="ant-dropdown"
style="opacity:0"
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"
@ -8616,6 +8616,7 @@ 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"
>
@ -8633,8 +8634,8 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
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;"
>
<div
class="ant-tooltip-content"
@ -8656,6 +8657,7 @@ 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
@ -8691,8 +8693,8 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
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;"
>
<div
class="ant-tooltip-content"
@ -8714,6 +8716,7 @@ 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
@ -8730,8 +8733,8 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
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;"
>
<div
class="ant-tooltip-content"
@ -8752,6 +8755,7 @@ 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"
>
@ -8763,8 +8767,8 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
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;"
>
<div
class="ant-tooltip-content"
@ -8786,12 +8790,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"
style="opacity:0"
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;"
>
<div
class="ant-tooltip-content"
@ -8812,8 +8816,8 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
</div>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
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;"
>
<div
class="ant-tooltip-content"
@ -8834,8 +8838,8 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
</div>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
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;"
>
<div
class="ant-tooltip-content"
@ -8856,8 +8860,8 @@ exports[`renders ./components/dropdown/demo/render-panel.md extend context corre
</div>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
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;"
>
<div
class="ant-tooltip-content"
@ -8879,6 +8883,9 @@ 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

@ -903,10 +903,116 @@ exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
exports[`renders ./components/dropdown/demo/render-panel.md correctly 1`] = `
<div
style="padding-bottom:0;position:relative;width:fit-content"
style="padding-bottom: 0px; position: relative;"
>
<span
class="ant-dropdown-trigger"
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"
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%;"
/>
</div>
`;

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

@ -5245,6 +5245,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -5253,9 +5254,16 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
Buggy!
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item ant-form-item-with-help ant-form-item-has-error"
@ -5297,6 +5305,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -5305,9 +5314,16 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
Buggy!
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item"
@ -5384,6 +5400,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -5392,9 +5409,16 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
Buggy!
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item ant-form-item-with-help ant-form-item-has-error"
@ -5436,6 +5460,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -5444,9 +5469,16 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
Buggy!
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item"
@ -5549,6 +5581,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -5557,9 +5590,16 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
Buggy!
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item ant-form-item-with-help ant-form-item-has-error"
@ -5614,6 +5654,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -5622,9 +5663,16 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
Buggy!
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item"
@ -5719,6 +5767,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -5727,9 +5776,16 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
Buggy!
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item ant-form-item-with-help ant-form-item-has-error"
@ -5780,6 +5836,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -5788,9 +5845,16 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
Buggy!
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
</form>
`;
@ -19237,7 +19301,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
</div>
<span
class="ant-form-text"
style="margin-left:8px"
style="margin-left: 8px;"
>
machines
</span>
@ -20389,6 +20453,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -20397,9 +20462,16 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
Should be combination of numbers & alphabets
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item ant-form-item-has-warning"
@ -20536,6 +20608,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-validating"
@ -20544,9 +20617,16 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
The information is being validated...
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item ant-form-item-has-feedback ant-form-item-has-success"
@ -20755,6 +20835,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -20763,9 +20844,16 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
Should be combination of numbers & alphabets
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item ant-form-item-has-feedback ant-form-item-has-success"
@ -24463,6 +24551,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -24471,9 +24560,16 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
Something breaks the rule.
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-warning"
@ -24666,6 +24762,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-warning"
@ -24674,9 +24771,16 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
Need to be checked
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item"
@ -25321,6 +25425,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -25329,9 +25434,16 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
Please select right date
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<span
style="display: inline-block; width: 24px; line-height: 32px; text-align: center;"
@ -26552,6 +26664,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -26560,9 +26673,16 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
Should have something
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
</form>
`;
@ -26776,6 +26896,7 @@ exports[`renders ./components/form/demo/without-form-create.md extend context co
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item"
@ -26784,9 +26905,16 @@ exports[`renders ./components/form/demo/without-form-create.md extend context co
A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
</form>
`;

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

@ -1909,7 +1909,7 @@ Array [
/>
</span>
<span>
Apple
Apple
</span>
</label>
<label
@ -1929,7 +1929,7 @@ Array [
/>
</span>
<span>
Pear
Pear
</span>
</label>
</div>
@ -2811,6 +2811,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -2819,9 +2820,16 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
Buggy!
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item ant-form-item-with-help ant-form-item-has-error"
@ -2863,6 +2871,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -2871,9 +2880,16 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
Buggy!
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item"
@ -2950,6 +2966,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -2958,9 +2975,16 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
Buggy!
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item ant-form-item-with-help ant-form-item-has-error"
@ -3002,6 +3026,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -3010,9 +3035,16 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
Buggy!
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item"
@ -3115,6 +3147,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -3123,9 +3156,16 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
Buggy!
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item ant-form-item-with-help ant-form-item-has-error"
@ -3180,6 +3220,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -3188,9 +3229,16 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
Buggy!
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item"
@ -3285,6 +3333,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -3293,9 +3342,16 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
Buggy!
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item ant-form-item-with-help ant-form-item-has-error"
@ -3346,6 +3402,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -3354,9 +3411,16 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
Buggy!
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
</form>
`;
@ -4098,7 +4162,7 @@ exports[`renders ./components/form/demo/form-context.md correctly 1`] = `
<span
class="ant-typography ant-typography-secondary ant-form-text"
>
(
(
<span
aria-label="smile"
class="anticon anticon-smile"
@ -5308,7 +5372,7 @@ exports[`renders ./components/form/demo/normal-login.md correctly 1`] = `
Log in
</span>
</button>
Or
Or
<a
href=""
>
@ -6352,7 +6416,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
/>
</span>
<span>
I have read the
I have read the
<a
href=""
>
@ -8011,7 +8075,7 @@ Array [
class="ant-typography"
>
<pre>
Name Value:
Name Value:
</pre>
</article>,
]
@ -8334,7 +8398,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
</div>
<span
class="ant-form-text"
style="margin-left:8px"
style="margin-left: 8px;"
>
machines
</span>
@ -9462,6 +9526,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -9470,9 +9535,16 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
Should be combination of numbers & alphabets
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item ant-form-item-has-warning"
@ -9609,6 +9681,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-validating"
@ -9617,9 +9690,16 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
The information is being validated...
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item ant-form-item-has-feedback ant-form-item-has-success"
@ -9828,6 +9908,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -9836,9 +9917,16 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
Should be combination of numbers & alphabets
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item ant-form-item-has-feedback ant-form-item-has-success"
@ -10390,6 +10478,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -10398,9 +10487,16 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
Something breaks the rule.
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-warning"
@ -10516,6 +10612,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-warning"
@ -10524,9 +10621,16 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
Need to be checked
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<div
class="ant-form-item"
@ -10617,6 +10721,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -10625,9 +10730,16 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
Please select right date
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
<span
style="display: inline-block; width: 24px; line-height: 32px; text-align: center;"
@ -11294,6 +11406,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
@ -11302,9 +11415,16 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
Should have something
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
</form>
`;
@ -11518,6 +11638,7 @@ exports[`renders ./components/form/demo/without-form-create.md correctly 1`] = `
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
style="height: 0px; opacity: 0;"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item"
@ -11526,9 +11647,16 @@ exports[`renders ./components/form/demo/without-form-create.md correctly 1`] = `
A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.
</div>
</div>
<div
style="width: 0px; height: 24px;"
/>
</div>
</div>
</div>
<div
class="ant-form-item-margin-offset"
style="margin-bottom: -24px;"
/>
</div>
</form>
`;

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

@ -1100,7 +1100,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"

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

@ -828,7 +828,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"

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

@ -1606,7 +1606,7 @@ exports[`renders ./components/layout/demo/responsive.md extend context correctly
class="logo"
/>
<ul
class="ant-menu ant-menu-root ant-menu-inline"
class="ant-menu ant-menu-root ant-menu-vertical ant-menu-inline-collapsed"
data-menu-list="true"
role="menu"
tabindex="0"

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

@ -975,7 +975,7 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
class="logo"
/>
<ul
class="ant-menu ant-menu-root ant-menu-inline"
class="ant-menu ant-menu-root ant-menu-vertical ant-menu-inline-collapsed"
data-menu-list="true"
role="menu"
tabindex="0"

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:0;position:relative;width:fit-content"
style="padding-bottom: 0px; position: relative;"
>
<div
class="ant-mentions"
style="width:100%;margin:0"
style="width: 100%; margin: 0px;"
>
<textarea
class="rc-textarea"
@ -233,7 +233,51 @@ 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>
`;

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:0;position:relative;width:fit-content"
style="padding-bottom: 0px; position: relative;"
>
<div
class="ant-mentions"
style="width:100%;margin:0"
style="width: 100%; margin: 0px;"
>
<textarea
class="rc-textarea"
@ -233,7 +233,51 @@ 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>
`;

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

@ -3,7 +3,7 @@
exports[`renders ./components/menu/demo/deprecated.md extend context correctly 1`] = `
Array [
<ul
class="ant-menu-overflow ant-menu ant-menu-root ant-menu-horizontal ant-menu-light"
class="ant-menu-overflow ant-menu ant-menu-root ant-menu-horizontal"
data-menu-list="true"
role="menu"
tabindex="0"
@ -144,7 +144,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup"
style="opacity: 0;"
>
<ul
@ -277,7 +277,7 @@ Array [
exports[`renders ./components/menu/demo/horizontal.md extend context correctly 1`] = `
Array [
<ul
class="ant-menu-overflow ant-menu ant-menu-root ant-menu-horizontal ant-menu-light"
class="ant-menu-overflow ant-menu ant-menu-root ant-menu-horizontal"
data-menu-list="true"
role="menu"
tabindex="0"
@ -511,7 +511,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup"
style="opacity: 0;"
>
<ul
@ -688,7 +688,7 @@ Array [
exports[`renders ./components/menu/demo/inline.md extend context correctly 1`] = `
Array [
<ul
class="ant-menu ant-menu-root ant-menu-inline ant-menu-light"
class="ant-menu ant-menu-root ant-menu-inline"
data-menu-list="true"
role="menu"
style="width: 256px;"
@ -738,7 +738,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -1136,7 +1136,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -1239,7 +1239,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -1369,7 +1369,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -1824,7 +1824,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md extend context corre
</span>
</button>
<ul
class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark"
class="ant-menu ant-menu-root ant-menu-inline"
data-menu-list="true"
role="menu"
tabindex="0"
@ -2035,7 +2035,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md extend context corre
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -2377,7 +2377,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md extend context corre
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -2480,7 +2480,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md extend context corre
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -2820,7 +2820,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md extend context corre
exports[`renders ./components/menu/demo/sider-current.md extend context correctly 1`] = `
Array [
<ul
class="ant-menu ant-menu-root ant-menu-inline ant-menu-light"
class="ant-menu ant-menu-root ant-menu-inline"
data-menu-list="true"
role="menu"
style="width: 256px;"
@ -2870,7 +2870,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -3212,7 +3212,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -3315,7 +3315,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -3445,7 +3445,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -3890,7 +3890,7 @@ Array [
<br />,
<br />,
<ul
class="ant-menu ant-menu-root ant-menu-vertical ant-menu-dark ant-menu-inline-collapsed"
class="ant-menu ant-menu-root ant-menu-vertical ant-menu-inline-collapsed"
data-menu-list="true"
role="menu"
tabindex="0"
@ -3939,7 +3939,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -4047,7 +4047,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -4106,7 +4106,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -4202,7 +4202,7 @@ Array [
<br />,
<br />,
<ul
class="ant-menu ant-menu-root ant-menu-vertical ant-menu-dark"
class="ant-menu ant-menu-root ant-menu-vertical"
data-menu-list="true"
role="menu"
style="width: 256px;"
@ -4252,7 +4252,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -4588,7 +4588,7 @@ Array [
<br />,
<br />,
<ul
class="ant-menu ant-menu-root ant-menu-inline ant-menu-light"
class="ant-menu ant-menu-root ant-menu-inline"
data-menu-list="true"
role="menu"
style="width: 256px;"
@ -4746,7 +4746,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -4849,7 +4849,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -5034,7 +5034,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -5162,7 +5162,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -5645,7 +5645,7 @@ Array [
<br />,
<br />,
<ul
class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark"
class="ant-menu ant-menu-root ant-menu-inline"
data-menu-list="true"
role="menu"
style="width: 256px;"
@ -5695,7 +5695,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -6037,7 +6037,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -6140,7 +6140,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -6270,7 +6270,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -6698,7 +6698,7 @@ Array [
exports[`renders ./components/menu/demo/vertical.md extend context correctly 1`] = `
Array [
<ul
class="ant-menu ant-menu-root ant-menu-vertical ant-menu-light"
class="ant-menu ant-menu-root ant-menu-vertical"
data-menu-list="true"
role="menu"
style="width: 256px;"
@ -6747,7 +6747,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -6966,7 +6966,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -7066,7 +7066,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul
@ -7193,7 +7193,7 @@ Array [
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
style="opacity: 0;"
>
<ul

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%"
style="width: 100%;"
>
<div
aria-hidden="true"
style="width:0;height:0;overflow:hidden;outline:none"
style="width: 0px; height: 0px; 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:0;height:0;overflow:hidden;outline:none"
style="width: 0px; height: 0px; 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"
style="width: 200px;"
>
<div
aria-hidden="true"
style="width:0;height:0;overflow:hidden;outline:none"
style="width: 0px; height: 0px; 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:0;height:0;overflow:hidden;outline:none"
style="width: 0px; height: 0px; 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"
style="width: 300px;"
>
<div
aria-hidden="true"
style="width:0;height:0;overflow:hidden;outline:none"
style="width: 0px; height: 0px; 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:0;height:0;overflow:hidden;outline:none"
style="width: 0px; height: 0px; 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%"
style="width: 100%;"
>
<div
aria-hidden="true"
style="width:0;height:0;overflow:hidden;outline:none"
style="width: 0px; height: 0px; 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:0;height:0;overflow:hidden;outline:none"
style="width: 0px; height: 0px; 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"
style="width: 200px;"
>
<div
aria-hidden="true"
style="width:0;height:0;overflow:hidden;outline:none"
style="width: 0px; height: 0px; 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:0;height:0;overflow:hidden;outline:none"
style="width: 0px; height: 0px; 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"
style="width: 300px;"
>
<div
aria-hidden="true"
style="width:0;height:0;overflow:hidden;outline:none"
style="width: 0px; height: 0px; 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:0;height:0;overflow:hidden;outline:none"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
tabindex="0"
/>
</div>

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

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

2
components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
View File

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

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"

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

@ -188,7 +188,7 @@ exports[`renders ./components/table/demo/ajax.md extend context correctly 1`] =
class="ant-table-filter-dropdown"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light ant-dropdown-menu-without-submenu"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-without-submenu"
data-menu-list="true"
role="menu"
tabindex="0"
@ -397,7 +397,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"
@ -409,22 +408,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>
@ -3434,7 +3433,7 @@ Array [
class="ant-table-filter-dropdown"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light ant-dropdown-menu-without-submenu"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-without-submenu"
data-menu-list="true"
role="menu"
tabindex="0"
@ -4971,10 +4970,10 @@ 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
aria-label="exclamation-circle"
@ -4996,13 +4995,13 @@ exports[`renders ./components/table/demo/edit-cell.md extend context correctly 1
</svg>
</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"
@ -5078,10 +5077,10 @@ 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
aria-label="exclamation-circle"
@ -5103,13 +5102,13 @@ exports[`renders ./components/table/demo/edit-cell.md extend context correctly 1
</svg>
</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"
@ -7758,7 +7757,7 @@ exports[`renders ./components/table/demo/filter-in-tree.md extend context correc
</span>
</div>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light ant-dropdown-menu-without-submenu"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-without-submenu"
data-menu-list="true"
role="menu"
tabindex="0"
@ -8584,7 +8583,7 @@ exports[`renders ./components/table/demo/filter-search.md extend context correct
</span>
</div>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light ant-dropdown-menu-without-submenu"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-without-submenu"
data-menu-list="true"
role="menu"
tabindex="0"
@ -12074,7 +12073,7 @@ exports[`renders ./components/table/demo/grouping-columns.md extend context corr
class="ant-table-filter-dropdown"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light ant-dropdown-menu-without-submenu"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-without-submenu"
data-menu-list="true"
role="menu"
tabindex="0"
@ -13490,7 +13489,7 @@ exports[`renders ./components/table/demo/head.md extend context correctly 1`] =
class="ant-table-filter-dropdown"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -13643,7 +13642,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"
style="opacity: 0;"
>
<ul
@ -14009,7 +14008,7 @@ exports[`renders ./components/table/demo/head.md extend context correctly 1`] =
class="ant-table-filter-dropdown"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light ant-dropdown-menu-without-submenu"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-without-submenu"
data-menu-list="true"
role="menu"
tabindex="0"
@ -16572,7 +16571,7 @@ Array [
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -16792,7 +16791,7 @@ Array [
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -17012,7 +17011,7 @@ Array [
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -17622,7 +17621,7 @@ Array [
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -17842,7 +17841,7 @@ Array [
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -18062,7 +18061,7 @@ Array [
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -18672,7 +18671,7 @@ Array [
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -18892,7 +18891,7 @@ Array [
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -19112,7 +19111,7 @@ Array [
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -20591,7 +20590,7 @@ Array [
class="ant-table-filter-dropdown"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light ant-dropdown-menu-without-submenu"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-without-submenu"
data-menu-list="true"
role="menu"
tabindex="0"
@ -20986,7 +20985,7 @@ Array [
class="ant-table-filter-dropdown"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light ant-dropdown-menu-without-submenu"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-without-submenu"
data-menu-list="true"
role="menu"
tabindex="0"
@ -22945,7 +22944,7 @@ exports[`renders ./components/table/demo/row-selection-custom.md extend context
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"

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:0;position:relative;width:fit-content"
style="padding-bottom: 0px; position: relative;"
>
<div
class="ant-picker"
style="margin:0"
style="margin: 0px;"
>
<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"
style="opacity:0"
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"
@ -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,6 +16134,9 @@ 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

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

@ -12,8 +12,8 @@ Array [
</button>,
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -44,8 +44,8 @@ Array [
</button>,
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -71,7 +71,7 @@ Array [
exports[`renders ./components/tooltip/demo/auto-adjust-overflow.md extend context correctly 1`] = `
<div
style="overflow:hidden;position:relative;padding:24px;border:1px solid #e9e9e9"
style="overflow: hidden; position: relative; padding: 24px; border: 1px solid #e9e9e9;"
>
<button
class="ant-btn ant-btn-default"
@ -83,8 +83,8 @@ exports[`renders ./components/tooltip/demo/auto-adjust-overflow.md extend contex
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -116,8 +116,8 @@ exports[`renders ./components/tooltip/demo/auto-adjust-overflow.md extend contex
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -138,6 +138,12 @@ exports[`renders ./components/tooltip/demo/auto-adjust-overflow.md extend contex
</div>
</div>
</div>
<div
style="position: absolute; top: 0px; left: 0px; width: 100%;"
/>
<div
style="position: absolute; top: 0px; left: 0px; width: 100%;"
/>
</div>
`;
@ -148,8 +154,8 @@ Array [
</span>,
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -196,8 +202,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip ant-tooltip-pink"
style="opacity:0"
class="ant-tooltip ant-tooltip-pink ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -228,8 +234,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip ant-tooltip-red"
style="opacity:0"
class="ant-tooltip ant-tooltip-red ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -260,8 +266,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip ant-tooltip-yellow"
style="opacity:0"
class="ant-tooltip ant-tooltip-yellow ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -292,8 +298,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip ant-tooltip-orange"
style="opacity:0"
class="ant-tooltip ant-tooltip-orange ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -324,8 +330,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip ant-tooltip-cyan"
style="opacity:0"
class="ant-tooltip ant-tooltip-cyan ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -356,8 +362,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip ant-tooltip-green"
style="opacity:0"
class="ant-tooltip ant-tooltip-green ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -388,8 +394,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip ant-tooltip-blue"
style="opacity:0"
class="ant-tooltip ant-tooltip-blue ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -420,8 +426,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip ant-tooltip-purple"
style="opacity:0"
class="ant-tooltip ant-tooltip-purple ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -452,8 +458,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip ant-tooltip-geekblue"
style="opacity:0"
class="ant-tooltip ant-tooltip-geekblue ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -484,8 +490,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip ant-tooltip-magenta"
style="opacity:0"
class="ant-tooltip ant-tooltip-magenta ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -516,8 +522,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip ant-tooltip-volcano"
style="opacity:0"
class="ant-tooltip ant-tooltip-volcano ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -548,8 +554,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip ant-tooltip-gold"
style="opacity:0"
class="ant-tooltip ant-tooltip-gold ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -580,8 +586,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip ant-tooltip-lime"
style="opacity:0"
class="ant-tooltip ant-tooltip-lime ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -624,8 +630,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0;--antd-arrow-background-color:#f50"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0; --antd-arrow-background-color: #f50;"
>
<div
class="ant-tooltip-content"
@ -640,7 +646,7 @@ Array [
<div
class="ant-tooltip-inner"
role="tooltip"
style="background:#f50"
style="background: rgb(255, 85, 0);"
>
prompt text
</div>
@ -657,8 +663,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0;--antd-arrow-background-color:#2db7f5"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0; --antd-arrow-background-color: #2db7f5;"
>
<div
class="ant-tooltip-content"
@ -673,7 +679,7 @@ Array [
<div
class="ant-tooltip-inner"
role="tooltip"
style="background:#2db7f5"
style="background: rgb(45, 183, 245);"
>
prompt text
</div>
@ -690,8 +696,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0;--antd-arrow-background-color:#87d068"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0; --antd-arrow-background-color: #87d068;"
>
<div
class="ant-tooltip-content"
@ -706,7 +712,7 @@ Array [
<div
class="ant-tooltip-inner"
role="tooltip"
style="background:#87d068"
style="background: rgb(135, 208, 104);"
>
prompt text
</div>
@ -723,8 +729,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0;--antd-arrow-background-color:#108ee9"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0; --antd-arrow-background-color: #108ee9;"
>
<div
class="ant-tooltip-content"
@ -739,7 +745,7 @@ Array [
<div
class="ant-tooltip-inner"
role="tooltip"
style="background:#108ee9"
style="background: rgb(16, 142, 233);"
>
prompt text
</div>
@ -757,8 +763,8 @@ Array [
</span>,
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -787,7 +793,7 @@ exports[`renders ./components/tooltip/demo/placement.md extend context correctly
class="demo"
>
<div
style="margin-left:70px;white-space:nowrap"
style="margin-left: 70px; white-space: nowrap;"
>
<button
class="ant-btn ant-btn-default"
@ -799,8 +805,8 @@ exports[`renders ./components/tooltip/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -833,8 +839,8 @@ exports[`renders ./components/tooltip/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -867,8 +873,8 @@ exports[`renders ./components/tooltip/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -893,7 +899,7 @@ exports[`renders ./components/tooltip/demo/placement.md extend context correctly
</div>
</div>
<div
style="width:70px;float:left"
style="width: 70px; float: left;"
>
<button
class="ant-btn ant-btn-default"
@ -905,8 +911,8 @@ exports[`renders ./components/tooltip/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -939,8 +945,8 @@ exports[`renders ./components/tooltip/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -973,8 +979,8 @@ exports[`renders ./components/tooltip/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -999,7 +1005,7 @@ exports[`renders ./components/tooltip/demo/placement.md extend context correctly
</div>
</div>
<div
style="width:70px;margin-left:304px"
style="width: 70px; margin-left: 304px;"
>
<button
class="ant-btn ant-btn-default"
@ -1011,8 +1017,8 @@ exports[`renders ./components/tooltip/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -1045,8 +1051,8 @@ exports[`renders ./components/tooltip/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -1079,8 +1085,8 @@ exports[`renders ./components/tooltip/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -1105,7 +1111,7 @@ exports[`renders ./components/tooltip/demo/placement.md extend context correctly
</div>
</div>
<div
style="margin-left:70px;clear:both;white-space:nowrap"
style="margin-left: 70px; clear: both; white-space: nowrap;"
>
<button
class="ant-btn ant-btn-default"
@ -1117,8 +1123,8 @@ exports[`renders ./components/tooltip/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -1151,8 +1157,8 @@ exports[`renders ./components/tooltip/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -1185,8 +1191,8 @@ exports[`renders ./components/tooltip/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-tooltip"
style="opacity:0"
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
@ -1237,7 +1243,7 @@ Array [
>
<div
class="ant-tooltip-content"
style="width:200px"
style="width: 200px;"
>
<div
class="ant-tooltip-arrow"

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

@ -365,7 +365,7 @@ Array [
>
<div
class="ant-tooltip-content"
style="width:200px"
style="width: 200px;"
>
<div
class="ant-tooltip-arrow"

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

@ -52,7 +52,7 @@ exports[`renders ./components/transfer/demo/advanced.md extend context correctly
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -643,7 +643,7 @@ exports[`renders ./components/transfer/demo/advanced.md extend context correctly
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -1180,7 +1180,7 @@ exports[`renders ./components/transfer/demo/basic.md extend context correctly 1`
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -1713,7 +1713,7 @@ exports[`renders ./components/transfer/demo/basic.md extend context correctly 1`
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -2148,7 +2148,7 @@ exports[`renders ./components/transfer/demo/custom-item.md extend context correc
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -2714,7 +2714,7 @@ exports[`renders ./components/transfer/demo/custom-item.md extend context correc
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -3232,7 +3232,7 @@ exports[`renders ./components/transfer/demo/custom-select-all-labels.md extend c
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -3658,7 +3658,7 @@ exports[`renders ./components/transfer/demo/custom-select-all-labels.md extend c
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -3918,7 +3918,7 @@ Array [
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -4546,7 +4546,7 @@ Array [
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -5162,7 +5162,7 @@ Array [
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -5739,7 +5739,7 @@ Array [
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -6121,7 +6121,7 @@ exports[`renders ./components/transfer/demo/search.md extend context correctly 1
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -6692,7 +6692,7 @@ exports[`renders ./components/transfer/demo/search.md extend context correctly 1
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -7223,7 +7223,7 @@ exports[`renders ./components/transfer/demo/status.md extend context correctly 1
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -7371,7 +7371,6 @@ exports[`renders ./components/transfer/demo/status.md extend context correctly 1
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -7383,22 +7382,22 @@ exports[`renders ./components/transfer/demo/status.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>
@ -7514,7 +7513,7 @@ exports[`renders ./components/transfer/demo/status.md extend context correctly 1
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -7662,7 +7661,6 @@ exports[`renders ./components/transfer/demo/status.md extend context correctly 1
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -7674,22 +7672,22 @@ exports[`renders ./components/transfer/demo/status.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>
@ -7759,7 +7757,7 @@ exports[`renders ./components/transfer/demo/status.md extend context correctly 1
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -7973,7 +7971,6 @@ exports[`renders ./components/transfer/demo/status.md extend context correctly 1
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -7985,22 +7982,22 @@ exports[`renders ./components/transfer/demo/status.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>
@ -8116,7 +8113,7 @@ exports[`renders ./components/transfer/demo/status.md extend context correctly 1
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -8330,7 +8327,6 @@ exports[`renders ./components/transfer/demo/status.md extend context correctly 1
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -8342,22 +8338,22 @@ exports[`renders ./components/transfer/demo/status.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>
@ -8429,7 +8425,7 @@ Array [
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -9290,7 +9286,7 @@ Array [
style="opacity: 0;"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
data-menu-list="true"
role="menu"
tabindex="0"
@ -10135,7 +10131,6 @@ exports[`renders ./components/transfer/demo/tree-transfer.md extend context corr
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
@ -10147,22 +10142,22 @@ exports[`renders ./components/transfer/demo/tree-transfer.md extend context corr
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>

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

@ -1661,7 +1661,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content2
-
-
description of content2
</span>
</span>
@ -1693,7 +1693,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content4
-
-
description of content4
</span>
</span>
@ -1725,7 +1725,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content6
-
-
description of content6
</span>
</span>
@ -1757,7 +1757,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content8
-
-
description of content8
</span>
</span>
@ -1789,7 +1789,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content10
-
-
description of content10
</span>
</span>
@ -1821,7 +1821,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content12
-
-
description of content12
</span>
</span>
@ -1853,7 +1853,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content14
-
-
description of content14
</span>
</span>
@ -1885,7 +1885,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content16
-
-
description of content16
</span>
</span>
@ -1917,7 +1917,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content18
-
-
description of content18
</span>
</span>
@ -1949,7 +1949,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content20
-
-
description of content20
</span>
</span>
@ -2096,7 +2096,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content1
-
-
description of content1
</span>
</span>
@ -2128,7 +2128,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content3
-
-
description of content3
</span>
</span>
@ -2160,7 +2160,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content5
-
-
description of content5
</span>
</span>
@ -2192,7 +2192,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content7
-
-
description of content7
</span>
</span>
@ -2224,7 +2224,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content9
-
-
description of content9
</span>
</span>
@ -2256,7 +2256,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content11
-
-
description of content11
</span>
</span>
@ -2288,7 +2288,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content13
-
-
description of content13
</span>
</span>
@ -2320,7 +2320,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content15
-
-
description of content15
</span>
</span>
@ -2352,7 +2352,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content17
-
-
description of content17
</span>
</span>
@ -2384,7 +2384,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="custom-item"
>
content19
-
-
description of content19
</span>
</span>

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

@ -1576,11 +1576,11 @@ Array [
exports[`renders ./components/tree-select/demo/render-panel.md extend context correctly 1`] = `
<div
style="padding-bottom:0;position:relative;width:fit-content"
style="padding-bottom: 0px; position: relative;"
>
<div
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow"
style="width:100%;margin:0"
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow ant-select-open"
style="width: 100%; margin: 0px;"
>
<div
class="ant-select-selector"
@ -1590,15 +1590,16 @@ exports[`renders ./components/tree-select/demo/render-panel.md extend context co
>
<input
aria-autocomplete="list"
aria-controls="undefined_list"
aria-expanded="false"
aria-controls="rc_select_test_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="undefined_list"
aria-owns="rc_select_test_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=""
@ -1613,8 +1614,8 @@ exports[`renders ./components/tree-select/demo/render-panel.md extend context co
</div>
<div>
<div
class="ant-select-dropdown ant-tree-select-dropdown"
style="opacity:0"
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>
@ -1626,14 +1627,14 @@ exports[`renders ./components/tree-select/demo/render-panel.md extend context co
<input
aria-label="for screen reader"
disabled=""
style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
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:0;overflow:hidden"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="ant-select-tree-indent"
@ -1645,16 +1646,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;overflow-anchor:none"
style="max-height: 256px; overflow-y: auto;"
>
<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"
@ -1734,7 +1735,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;-webkit-user-select:none"
style="user-select: none;"
unselectable="on"
>
<span
@ -1758,6 +1759,9 @@ 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>
`;

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

@ -404,11 +404,11 @@ Array [
exports[`renders ./components/tree-select/demo/render-panel.md correctly 1`] = `
<div
style="padding-bottom:0;position:relative;width:fit-content"
style="padding-bottom: 0px; position: relative;"
>
<div
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow"
style="width:100%;margin:0"
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow ant-select-open"
style="width: 100%; margin: 0px;"
>
<div
class="ant-select-selector"
@ -418,15 +418,16 @@ exports[`renders ./components/tree-select/demo/render-panel.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="undefined_list"
aria-expanded="false"
aria-controls="rc_select_test_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="undefined_list"
aria-owns="rc_select_test_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=""
@ -439,10 +440,130 @@ 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;-webkit-user-select:none"
style="user-select: none;"
unselectable="on"
>
<span
@ -466,6 +587,9 @@ 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>
`;

5
tests/shared/demoTest.tsx
View File

@ -53,8 +53,6 @@ function baseText(doInject: boolean, component: string, options: Options = {}) {
if (Array.isArray(options.skip) && options.skip.some(c => file.includes(c))) {
testMethod = test.skip;
}
Date.now = jest.fn(() => new Date('2016-11-22').getTime());
jest.useFakeTimers().setSystemTime(new Date('2016-11-22'));
if (!doInject) {
testMethod(`cssinjs should not warn in ${file}`, () => {
@ -81,6 +79,9 @@ function baseText(doInject: boolean, component: string, options: Options = {}) {
() => {
const errSpy = excludeWarning();
Date.now = jest.fn(() => new Date('2016-11-22').getTime());
jest.useFakeTimers().setSystemTime(new Date('2016-11-22'));
let Demo = require(`../.${file}`).default; // eslint-disable-line global-require, import/no-dynamic-require
// Inject Trigger status unless skipped
Demo = typeof Demo === 'function' ? <Demo /> : Demo;