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

test: update snapshot

Browse Source
This commit is contained in:
zombiej 2021-12-27 10:58:29 +08:00
parent 6ed4d855b1
commit 7ae451729f
14 changed files with 2157 additions and 533 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -174,7 +174,7 @@ exports[`renders ./components/auto-complete/demo/certain-category.md extend cont
<div
aria-selected="false"
id="undefined_list_0"
role="option"
role="presentation"
/>
<div
aria-selected="false"
@ -619,7 +619,6 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -765,7 +764,6 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -1047,7 +1045,6 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -1262,7 +1259,6 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -1486,7 +1482,6 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"

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

@ -701,6 +701,142 @@ Array [
</div>
</div>
</div>,
<div
class="ant-divider ant-divider-horizontal"
role="separator"
/>,
<div
class="ant-avatar-group"
>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-image"
>
<img
src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
/>
</span>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="background-color:#f56a00"
>
<span
class="ant-avatar-string"
style="opacity:0"
>
K
</span>
</span>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="color:#f56a00;background-color:#fde3cf;cursor:pointer"
>
<span
class="ant-avatar-string"
style="opacity:0"
>
+2
</span>
</span>
<div>
<div
class="ant-popover ant-avatar-group-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-inner-content"
>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-icon"
style="background-color:#87d068"
>
<span
aria-label="user"
class="anticon anticon-user"
role="img"
>
<svg
aria-hidden="true"
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
/>
</svg>
</span>
</span>
<div>
<div
class="ant-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
>
Ant User
</div>
</div>
</div>
</div>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-icon"
style="background-color:#1890ff"
>
<span
aria-label="ant-design"
class="anticon anticon-ant-design"
role="img"
>
<svg
aria-hidden="true"
data-icon="ant-design"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M716.3 313.8c19-18.9 19-49.7 0-68.6l-69.9-69.9.1.1c-18.5-18.5-50.3-50.3-95.3-95.2-21.2-20.7-55.5-20.5-76.5.5L80.9 474.2a53.84 53.84 0 000 76.4L474.6 944a54.14 54.14 0 0076.5 0l165.1-165c19-18.9 19-49.7 0-68.6a48.7 48.7 0 00-68.7 0l-125 125.2c-5.2 5.2-13.3 5.2-18.5 0L189.5 521.4c-5.2-5.2-5.2-13.3 0-18.5l314.4-314.2c.4-.4.9-.7 1.3-1.1 5.2-4.1 12.4-3.7 17.2 1.1l125.2 125.1c19 19 49.8 19 68.7 0zM408.6 514.4a106.3 106.2 0 10212.6 0 106.3 106.2 0 10-212.6 0zm536.2-38.6L821.9 353.5c-19-18.9-49.8-18.9-68.7.1a48.4 48.4 0 000 68.6l83 82.9c5.2 5.2 5.2 13.3 0 18.5l-81.8 81.7a48.4 48.4 0 000 68.6 48.7 48.7 0 0068.7 0l121.8-121.7a53.93 53.93 0 00-.1-76.4z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>,
]
`;

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

@ -11,7 +11,6 @@ exports[`renders ./components/cascader/demo/basic.md extend context correctly 1`
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -48,7 +47,7 @@ exports[`renders ./components/cascader/demo/basic.md extend context correctly 1`
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -84,7 +83,7 @@ exports[`renders ./components/cascader/demo/basic.md extend context correctly 1`
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -162,7 +161,6 @@ exports[`renders ./components/cascader/demo/change-on-select.md extend context c
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -197,7 +195,7 @@ exports[`renders ./components/cascader/demo/change-on-select.md extend context c
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -233,7 +231,7 @@ exports[`renders ./components/cascader/demo/change-on-select.md extend context c
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -311,7 +309,6 @@ exports[`renders ./components/cascader/demo/custom-dropdown.md extend context co
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -349,7 +346,7 @@ exports[`renders ./components/cascader/demo/custom-dropdown.md extend context co
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -385,7 +382,7 @@ exports[`renders ./components/cascader/demo/custom-dropdown.md extend context co
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -475,7 +472,6 @@ exports[`renders ./components/cascader/demo/custom-render.md extend context corr
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -524,7 +520,7 @@ exports[`renders ./components/cascader/demo/custom-render.md extend context corr
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -560,7 +556,7 @@ exports[`renders ./components/cascader/demo/custom-render.md extend context corr
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -677,7 +673,7 @@ exports[`renders ./components/cascader/demo/custom-trigger.md extend context cor
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -713,7 +709,7 @@ exports[`renders ./components/cascader/demo/custom-trigger.md extend context cor
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -765,7 +761,6 @@ exports[`renders ./components/cascader/demo/default-value.md extend context corr
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -803,7 +798,7 @@ exports[`renders ./components/cascader/demo/default-value.md extend context corr
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -839,7 +834,7 @@ exports[`renders ./components/cascader/demo/default-value.md extend context corr
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -943,7 +938,6 @@ exports[`renders ./components/cascader/demo/disabled-option.md extend context co
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -978,7 +972,7 @@ exports[`renders ./components/cascader/demo/disabled-option.md extend context co
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -1014,7 +1008,7 @@ exports[`renders ./components/cascader/demo/disabled-option.md extend context co
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-disabled"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -1092,7 +1086,6 @@ exports[`renders ./components/cascader/demo/fields-name.md extend context correc
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -1129,7 +1122,7 @@ exports[`renders ./components/cascader/demo/fields-name.md extend context correc
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -1165,7 +1158,7 @@ exports[`renders ./components/cascader/demo/fields-name.md extend context correc
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -1243,7 +1236,6 @@ exports[`renders ./components/cascader/demo/hover.md extend context correctly 1`
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -1278,7 +1270,7 @@ exports[`renders ./components/cascader/demo/hover.md extend context correctly 1`
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -1314,7 +1306,7 @@ exports[`renders ./components/cascader/demo/hover.md extend context correctly 1`
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -1392,7 +1384,6 @@ exports[`renders ./components/cascader/demo/lazy.md extend context correctly 1`]
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -1427,7 +1418,7 @@ exports[`renders ./components/cascader/demo/lazy.md extend context correctly 1`]
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -1463,7 +1454,7 @@ exports[`renders ./components/cascader/demo/lazy.md extend context correctly 1`]
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -1550,7 +1541,6 @@ exports[`renders ./components/cascader/demo/multiple.md extend context correctly
style="width:0"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -1593,7 +1583,7 @@ exports[`renders ./components/cascader/demo/multiple.md extend context correctly
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="light"
data-path-key="light"
role="menuitemcheckbox"
title="Light"
>
@ -1636,7 +1626,7 @@ exports[`renders ./components/cascader/demo/multiple.md extend context correctly
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="bamboo"
data-path-key="bamboo"
role="menuitemcheckbox"
title="Bamboo"
>
@ -1695,7 +1685,6 @@ exports[`renders ./components/cascader/demo/search.md extend context correctly 1
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -1729,7 +1718,7 @@ exports[`renders ./components/cascader/demo/search.md extend context correctly 1
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -1765,7 +1754,7 @@ exports[`renders ./components/cascader/demo/search.md extend context correctly 1
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -1844,7 +1833,6 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -1879,7 +1867,7 @@ Array [
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -1915,7 +1903,7 @@ Array [
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -1992,7 +1980,6 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -2027,7 +2014,7 @@ Array [
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -2063,7 +2050,7 @@ Array [
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -2140,7 +2127,6 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -2175,7 +2161,7 @@ Array [
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -2211,7 +2197,7 @@ Array [
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -2293,7 +2279,6 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -2330,7 +2315,7 @@ Array [
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -2366,7 +2351,7 @@ Array [
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -2443,7 +2428,6 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -2480,7 +2464,7 @@ Array [
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -2516,7 +2500,7 @@ Array [
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -2575,7 +2559,6 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -2612,7 +2595,7 @@ Array [
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -2648,7 +2631,7 @@ Array [
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -2725,7 +2708,6 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -2762,7 +2744,7 @@ Array [
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -2780,7 +2762,7 @@ Array [
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>

28
components/divider/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -173,5 +173,33 @@ Array [
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.
</p>,
<div
class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-left ant-divider-no-default-orientation-margin-left"
role="separator"
>
<span
class="ant-divider-inner-text"
style="margin-left:0"
>
Left Text with 0 orientationMargin
</span>
</div>,
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.
</p>,
<div
class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-right ant-divider-no-default-orientation-margin-right"
role="separator"
>
<span
class="ant-divider-inner-text"
style="margin-right:50px"
>
Right Text with 50px orientationMargin
</span>
</div>,
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.
</p>,
]
`;

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

@ -3664,6 +3664,518 @@ Array [
]
`;
exports[`renders ./components/dropdown/demo/loading.md extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-btn-group ant-dropdown-button"
>
<button
class="ant-btn ant-btn-primary ant-btn-loading"
type="button"
>
<span
class="ant-btn-loading-icon"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
aria-hidden="true"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
/>
</svg>
</span>
</span>
<span>
Submit
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-icon-only ant-dropdown-trigger"
type="button"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</button>
<div>
<div
class="ant-dropdown"
style="opacity:0;pointer-events:none"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
role="menuitem"
tabindex="-1"
>
<span
class="ant-dropdown-menu-title-content"
>
Submit and continue
</span>
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
</ul>
<div
aria-hidden="true"
style="display:none"
>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-btn-group ant-btn-group-sm ant-dropdown-button"
>
<button
class="ant-btn ant-btn-primary ant-btn-loading"
type="button"
>
<span
class="ant-btn-loading-icon"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
aria-hidden="true"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
/>
</svg>
</span>
</span>
<span>
Submit
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-icon-only ant-dropdown-trigger"
type="button"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</button>
<div>
<div
class="ant-dropdown"
style="opacity:0;pointer-events:none"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
role="menuitem"
tabindex="-1"
>
<span
class="ant-dropdown-menu-title-content"
>
Submit and continue
</span>
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
</ul>
<div
aria-hidden="true"
style="display:none"
>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-btn-group ant-dropdown-button"
>
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span>
Submit
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-icon-only ant-dropdown-trigger"
type="button"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</button>
<div>
<div
class="ant-dropdown"
style="opacity:0;pointer-events:none"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
role="menuitem"
tabindex="-1"
>
<span
class="ant-dropdown-menu-title-content"
>
Submit and continue
</span>
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
</ul>
<div
aria-hidden="true"
style="display:none"
>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-space-item"
>
<div
class="ant-btn-group ant-dropdown-button"
>
<button
class="ant-btn"
type="button"
>
<span>
Submit
</span>
</button>
<button
class="ant-btn ant-btn-icon-only ant-dropdown-trigger"
type="button"
>
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</button>
<div>
<div
class="ant-dropdown"
style="opacity:0;pointer-events:none"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
role="menuitem"
tabindex="-1"
>
<span
class="ant-dropdown-menu-title-content"
>
Submit and continue
</span>
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
</ul>
<div
aria-hidden="true"
style="display:none"
>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/dropdown/demo/menu-full.md extend context correctly 1`] = `
Array [
<a

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

@ -234,7 +234,6 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -354,7 +353,6 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -386,7 +384,7 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-disabled"
data-value="__EMPTY__"
data-path-key="__EMPTY__"
role="menuitemcheckbox"
>
<div

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

@ -2397,6 +2397,112 @@ exports[`renders ./components/form/demo/dynamic-form-items-complex.md extend con
</form>
`;
exports[`renders ./components/form/demo/dynamic-form-items-no-style.md extend context correctly 1`] = `
<form
autocomplete="off"
class="ant-form ant-form-horizontal"
id="dynamic_form_nest_item"
>
<div
class="ant-row ant-form-item"
>
<div
class="ant-col ant-form-item-label"
>
<label
class=""
title="Users"
>
Users
</label>
</div>
<div
class="ant-col ant-form-item-control"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<div
class="ant-row ant-form-item"
>
<div
class="ant-col ant-form-item-control"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<button
class="ant-btn ant-btn-dashed ant-btn-block"
type="button"
>
<span
aria-label="plus"
class="anticon anticon-plus"
role="img"
>
<svg
aria-hidden="true"
data-icon="plus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<defs />
<path
d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
/>
<path
d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
/>
</svg>
</span>
<span>
Add field
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-col ant-form-item-control"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<button
class="ant-btn ant-btn-primary"
type="submit"
>
<span>
Submit
</span>
</button>
</div>
</div>
</div>
</div>
</form>
`;
exports[`renders ./components/form/demo/dynamic-rule.md extend context correctly 1`] = `
<form
class="ant-form ant-form-horizontal"
@ -3155,6 +3261,120 @@ exports[`renders ./components/form/demo/layout.md extend context correctly 1`] =
</form>
`;
exports[`renders ./components/form/demo/layout-can-wrap.md extend context correctly 1`] = `
<form
class="ant-form ant-form-horizontal"
id="wrap"
>
<div
class="ant-row ant-form-item"
>
<div
class="ant-col ant-form-item-label ant-form-item-label-left ant-form-item-label-wrap"
style="flex:0 0 110px"
>
<label
class="ant-form-item-required ant-form-item-no-colon"
for="wrap_username"
title="正常标签文案"
>
正常标签文案
</label>
</div>
<div
class="ant-col ant-form-item-control"
style="flex:1 1 auto"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<input
class="ant-input"
id="wrap_username"
type="text"
value=""
/>
</div>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-col ant-form-item-label ant-form-item-label-left ant-form-item-label-wrap"
style="flex:0 0 110px"
>
<label
class="ant-form-item-required ant-form-item-no-colon"
for="wrap_password"
title="超长标签文案超长标签文案"
>
超长标签文案超长标签文案
</label>
</div>
<div
class="ant-col ant-form-item-control"
style="flex:1 1 auto"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<input
class="ant-input"
id="wrap_password"
type="text"
value=""
/>
</div>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-col ant-form-item-label ant-form-item-label-left ant-form-item-label-wrap"
style="flex:0 0 110px"
>
<label
class="ant-form-item-no-colon"
title=" "
>
</label>
</div>
<div
class="ant-col ant-form-item-control"
style="flex:1 1 auto"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<button
class="ant-btn ant-btn-primary"
type="submit"
>
<span>
Submit
</span>
</button>
</div>
</div>
</div>
</div>
</form>
`;
exports[`renders ./components/form/demo/nest-messages.md extend context correctly 1`] = `
<form
class="ant-form ant-form-horizontal"
@ -3957,7 +4177,6 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
class="ant-select-selection-search"
>
<input
aria-activedescendant="register_residence_list_0"
aria-autocomplete="list"
aria-controls="register_residence_list"
aria-haspopup="listbox"
@ -3996,7 +4215,7 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -4032,7 +4251,7 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -5576,7 +5795,6 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -5755,7 +5973,6 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -5790,7 +6007,7 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -18413,7 +18630,6 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -18448,7 +18664,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
<li
aria-checked="false"
class="ant-cascader-menu-item"
data-value="xx"
data-path-key="xx"
role="menuitemcheckbox"
title="xx"
>

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

@ -647,7 +647,6 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -684,7 +683,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-disabled"
data-value="__EMPTY__"
data-path-key="__EMPTY__"
role="menuitemcheckbox"
>
<div
@ -1560,6 +1559,454 @@ exports[`renders ./components/input-number/demo/out-of-range.md extend context c
</div>
`;
exports[`renders ./components/input-number/demo/prefix.md extend context correctly 1`] = `
Array [
<div
class="ant-input-number-affix-wrapper"
style="width:100%"
>
<span
class="ant-input-number-prefix"
>
￥
</span>
<div
class="ant-input-number"
>
<div
class="ant-input-number-handler-wrap"
>
<span
aria-disabled="false"
aria-label="Increase Value"
class="ant-input-number-handler ant-input-number-handler-up"
role="button"
unselectable="on"
>
<span
aria-label="up"
class="anticon anticon-up ant-input-number-handler-up-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
/>
</svg>
</span>
</span>
<span
aria-disabled="false"
aria-label="Decrease Value"
class="ant-input-number-handler ant-input-number-handler-down"
role="button"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-input-number-handler-down-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-input-number-input-wrap"
>
<input
autocomplete="off"
class="ant-input-number-input"
role="spinbutton"
step="1"
value=""
/>
</div>
</div>
</div>,
<br />,
<br />,
<div
class="ant-input-number-group-wrapper"
style="width:100%"
>
<div
class="ant-input-number-wrapper ant-input-number-group"
>
<div
class="ant-input-number-group-addon"
>
<span
aria-label="user"
class="anticon anticon-user"
role="img"
>
<svg
aria-hidden="true"
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
/>
</svg>
</span>
</div>
<div
class="ant-input-number-affix-wrapper"
>
<span
class="ant-input-number-prefix"
>
￥
</span>
<div
class="ant-input-number"
>
<div
class="ant-input-number-handler-wrap"
>
<span
aria-disabled="false"
aria-label="Increase Value"
class="ant-input-number-handler ant-input-number-handler-up"
role="button"
unselectable="on"
>
<span
aria-label="up"
class="anticon anticon-up ant-input-number-handler-up-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
/>
</svg>
</span>
</span>
<span
aria-disabled="false"
aria-label="Decrease Value"
class="ant-input-number-handler ant-input-number-handler-down"
role="button"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-input-number-handler-down-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-input-number-input-wrap"
>
<input
autocomplete="off"
class="ant-input-number-input"
role="spinbutton"
step="1"
value=""
/>
</div>
</div>
</div>
</div>
</div>,
<br />,
<br />,
<div
class="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-disabled"
style="width:100%"
>
<span
class="ant-input-number-prefix"
>
￥
</span>
<div
class="ant-input-number ant-input-number-disabled"
>
<div
class="ant-input-number-handler-wrap"
>
<span
aria-disabled="false"
aria-label="Increase Value"
class="ant-input-number-handler ant-input-number-handler-up"
role="button"
unselectable="on"
>
<span
aria-label="up"
class="anticon anticon-up ant-input-number-handler-up-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
/>
</svg>
</span>
</span>
<span
aria-disabled="false"
aria-label="Decrease Value"
class="ant-input-number-handler ant-input-number-handler-down"
role="button"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-input-number-handler-down-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-input-number-input-wrap"
>
<input
autocomplete="off"
class="ant-input-number-input"
disabled=""
role="spinbutton"
step="1"
value=""
/>
</div>
</div>
</div>,
<br />,
<br />,
<form
class="ant-form ant-form-horizontal"
>
<div
class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-warning"
>
<div
class="ant-col ant-form-item-label"
>
<label
class=""
title="Warning"
>
Warning
</label>
</div>
<div
class="ant-col ant-form-item-control"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<div
class="ant-input-number-affix-wrapper"
style="width:100%"
>
<span
class="ant-input-number-prefix"
>
<span
aria-label="smile"
class="anticon anticon-smile"
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>
<div
class="ant-input-number"
>
<div
class="ant-input-number-handler-wrap"
>
<span
aria-disabled="false"
aria-label="Increase Value"
class="ant-input-number-handler ant-input-number-handler-up"
role="button"
unselectable="on"
>
<span
aria-label="up"
class="anticon anticon-up ant-input-number-handler-up-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
/>
</svg>
</span>
</span>
<span
aria-disabled="false"
aria-label="Decrease Value"
class="ant-input-number-handler ant-input-number-handler-down"
role="button"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-input-number-handler-down-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-input-number-input-wrap"
>
<input
autocomplete="off"
class="ant-input-number-input"
id="warning"
placeholder="Warning"
role="spinbutton"
step="1"
value=""
/>
</div>
</div>
</div>
</div>
<span
class="ant-form-item-children-icon"
>
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
</form>,
]
`;
exports[`renders ./components/input-number/demo/size.md extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"

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

@ -470,7 +470,6 @@ exports[`renders ./components/input/demo/addon.md extend context correctly 1`] =
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -507,7 +506,7 @@ exports[`renders ./components/input/demo/addon.md extend context correctly 1`] =
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-disabled"
data-value="__EMPTY__"
data-path-key="__EMPTY__"
role="menuitemcheckbox"
>
<div
@ -2998,7 +2997,6 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -3114,7 +3112,6 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -3152,7 +3149,7 @@ Array [
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -3188,7 +3185,7 @@ Array [
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -8499,7 +8496,6 @@ exports[`renders ./components/input/demo/group.md extend context correctly 1`] =
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -8536,7 +8532,7 @@ exports[`renders ./components/input/demo/group.md extend context correctly 1`] =
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="zhejiang"
data-path-key="zhejiang"
role="menuitemcheckbox"
title="Zhejiang"
>
@ -8572,7 +8568,7 @@ exports[`renders ./components/input/demo/group.md extend context correctly 1`] =
<li
aria-checked="false"
class="ant-cascader-menu-item ant-cascader-menu-item-expand"
data-value="jiangsu"
data-path-key="jiangsu"
role="menuitemcheckbox"
title="Jiangsu"
>
@ -9391,6 +9387,40 @@ Array [
]
`;
exports[`renders ./components/input/demo/show-count.md extend context correctly 1`] = `
Array [
<span
class="ant-input-affix-wrapper"
>
<input
class="ant-input"
maxlength="20"
type="text"
value=""
/>
<span
class="ant-input-suffix"
>
<span
class="ant-input-show-count-suffix"
>
0 / 20
</span>
</span>
</span>,
<br />,
<br />,
<div
class="ant-input-textarea ant-input-textarea-show-count"
data-count="0 / 100"
>
<textarea
class="ant-input"
/>
</div>,
]
`;
exports[`renders ./components/input/demo/size.md extend context correctly 1`] = `
Array [
<span

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

@ -3528,15 +3528,15 @@ Array [
<br />,
<br />,
<ul
class="ant-menu-overflow ant-menu ant-menu-root ant-menu-horizontal ant-menu-dark"
class="ant-menu ant-menu-root ant-menu-vertical ant-menu-dark ant-menu-inline-collapsed"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="ant-menu-overflow-item ant-menu-submenu ant-menu-submenu-horizontal"
class="ant-menu-submenu ant-menu-submenu-vertical"
role="none"
style="opacity:1;order:0"
style="background:rgba(255,255,255,0.3)"
>
<div
aria-expanded="false"
@ -3585,6 +3585,7 @@ Array [
<li
class="ant-menu-item ant-menu-item-selected ant-menu-item-only-child"
role="menuitem"
style="text-decoration:underline"
tabindex="-1"
>
<span
@ -3593,31 +3594,10 @@ Array [
Option 1
</span>
</li>
<div>
<div
class="ant-tooltip ant-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
<li
class="ant-menu-item ant-menu-item-only-child"
role="menuitem"
style="text-decoration:underline"
tabindex="-1"
>
<span
@ -3626,31 +3606,10 @@ Array [
Option 2
</span>
</li>
<div>
<div
class="ant-tooltip ant-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
<li
class="ant-menu-item ant-menu-item-only-child"
role="menuitem"
style="text-decoration:underline"
tabindex="-1"
>
<span
@ -3659,31 +3618,10 @@ Array [
Option 3
</span>
</li>
<div>
<div
class="ant-tooltip ant-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
<li
class="ant-menu-item ant-menu-item-only-child"
role="menuitem"
style="text-decoration:underline"
tabindex="-1"
>
<span
@ -3692,36 +3630,14 @@ Array [
Option 4
</span>
</li>
<div>
<div
class="ant-tooltip ant-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
</ul>
</div>
</div>
</li>
<li
class="ant-menu-overflow-item ant-menu-submenu ant-menu-submenu-horizontal"
class="ant-menu-submenu ant-menu-submenu-vertical"
role="none"
style="opacity:1;order:1"
style="background:rgba(255,255,255,0.3)"
>
<div
aria-expanded="false"
@ -3758,349 +3674,130 @@ Array [
class="ant-menu-submenu-arrow"
/>
</div>
</li>
<li
class="ant-menu-overflow-item ant-menu-item ant-menu-item-only-child"
role="menuitem"
style="opacity:1;order:2"
tabindex="-1"
>
<span
class="ant-menu-title-content"
>
Option 11
</span>
</li>
<div>
<div
class="ant-tooltip ant-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
<li
class="ant-menu-overflow-item ant-menu-item ant-menu-item-only-child"
role="menuitem"
style="opacity:1;order:3"
tabindex="-1"
>
<span
class="ant-menu-title-content"
>
Option 12
</span>
</li>
<div>
<div
class="ant-tooltip ant-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
<li
aria-hidden="true"
class="ant-menu-overflow-item ant-menu-overflow-item-rest ant-menu-submenu ant-menu-submenu-horizontal"
role="none"
style="opacity:0;height:0;overflow-y:hidden;order:9007199254740991;pointer-events:none;position:absolute"
>
<div
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
role="menuitem"
tabindex="-1"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
<i
class="ant-menu-submenu-arrow"
/>
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu-dark"
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark"
style="opacity:0;pointer-events:none"
>
<ul
class="ant-menu ant-menu-sub ant-menu-vertical"
data-menu-list="true"
/>
>
<li
class="ant-menu-item ant-menu-item-only-child"
role="menuitem"
style="text-decoration:underline"
tabindex="-1"
>
<span
class="ant-menu-title-content"
>
Option 5
</span>
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
role="menuitem"
style="text-decoration:underline"
tabindex="-1"
>
<span
class="ant-menu-title-content"
>
Option 6
</span>
</li>
<li
class="ant-menu-submenu ant-menu-submenu-vertical"
role="none"
style="background:rgba(255,255,255,0.3)"
>
<div
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
role="menuitem"
tabindex="-1"
>
<span
class="ant-menu-title-content"
>
Submenu
</span>
<i
class="ant-menu-submenu-arrow"
/>
</div>
<div>
<div
class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark"
style="opacity:0;pointer-events:none"
>
<ul
class="ant-menu ant-menu-sub ant-menu-vertical"
data-menu-list="true"
>
<li
class="ant-menu-item ant-menu-item-only-child"
role="menuitem"
style="text-decoration:underline"
tabindex="-1"
>
<span
class="ant-menu-title-content"
>
Option 7
</span>
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
role="menuitem"
style="text-decoration:underline"
tabindex="-1"
>
<span
class="ant-menu-title-content"
>
Option 8
</span>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
role="menuitem"
style="text-decoration:underline"
tabindex="-1"
>
<div
class="ant-menu-inline-collapsed-noicon"
>
O
</div>
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
role="menuitem"
style="text-decoration:underline"
tabindex="-1"
>
<div
class="ant-menu-inline-collapsed-noicon"
>
O
</div>
</li>
</ul>,
<div
aria-hidden="true"
style="display:none"
>
<div>
<div
class="ant-tooltip ant-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
<div>
<div
class="ant-tooltip ant-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
<div>
<div
class="ant-tooltip ant-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
<div>
<div
class="ant-tooltip ant-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
<div>
<div
class="ant-tooltip ant-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
<div>
<div
class="ant-tooltip ant-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
<div>
<div
class="ant-tooltip ant-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
<div>
<div
class="ant-tooltip ant-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
<div>
<div
class="ant-tooltip ant-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
<div>
<div
class="ant-tooltip ant-menu-inline-collapsed-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
/>
</div>
</div>
</div>
</div>,
/>,
]
`;

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

@ -3772,7 +3772,7 @@ exports[`renders ./components/select/demo/optgroup.md extend context correctly 1
<div
aria-selected="false"
id="undefined_list_0"
role="option"
role="presentation"
/>
<div
aria-label="Jack"
@ -4028,6 +4028,7 @@ exports[`renders ./components/select/demo/option-label-prop.md extend context co
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
label="China"
>
<div
class="ant-select-item-option-content"
@ -4074,6 +4075,7 @@ exports[`renders ./components/select/demo/option-label-prop.md extend context co
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
label="USA"
>
<div
class="ant-select-item-option-content"
@ -4094,6 +4096,7 @@ exports[`renders ./components/select/demo/option-label-prop.md extend context co
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
label="Japan"
>
<div
class="ant-select-item-option-content"
@ -4114,6 +4117,7 @@ exports[`renders ./components/select/demo/option-label-prop.md extend context co
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
label="Korea"
>
<div
class="ant-select-item-option-content"
@ -5454,12 +5458,12 @@ exports[`renders ./components/select/demo/search-sort.md extend context correctl
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Not Identified"
aria-label="Cancelled"
aria-selected="false"
id="undefined_list_0"
role="option"
>
1
6
</div>
<div
aria-label="Closed"
@ -5486,12 +5490,12 @@ exports[`renders ./components/select/demo/search-sort.md extend context correctl
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-active"
title="Not Identified"
title="Cancelled"
>
<div
class="ant-select-item-option-content"
>
Not Identified
Cancelled
</div>
<span
aria-hidden="true"
@ -5554,12 +5558,12 @@ exports[`renders ./components/select/demo/search-sort.md extend context correctl
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Resolved"
title="Not Identified"
>
<div
class="ant-select-item-option-content"
>
Resolved
Not Identified
</div>
<span
aria-hidden="true"
@ -5571,12 +5575,12 @@ exports[`renders ./components/select/demo/search-sort.md extend context correctl
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Cancelled"
title="Resolved"
>
<div
class="ant-select-item-option-content"
>
Cancelled
Resolved
</div>
<span
aria-hidden="true"

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

@ -15476,6 +15476,370 @@ exports[`renders ./components/table/demo/nested-table.md extend context correctl
</div>
`;
exports[`renders ./components/table/demo/order-column.md extend context correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table"
>
<div
class="ant-table-container"
>
<div
class="ant-table-content"
>
<table
style="table-layout:auto"
>
<colgroup>
<col />
<col
class="ant-table-expand-icon-col"
/>
<col />
<col
class="ant-table-selection-col"
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-cell"
>
Name
</th>
<th
class="ant-table-cell ant-table-row-expand-icon-cell"
/>
<th
class="ant-table-cell"
>
Age
</th>
<th
class="ant-table-cell ant-table-selection-column"
>
<div
class="ant-table-selection"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</div>
</th>
<th
class="ant-table-cell"
>
Address
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class="ant-table-cell"
>
John Brown
</td>
<td
class="ant-table-cell ant-table-row-expand-icon-cell"
>
<button
aria-label="Expand row"
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
type="button"
/>
</td>
<td
class="ant-table-cell"
>
32
</td>
<td
class="ant-table-cell ant-table-selection-column"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</td>
<td
class="ant-table-cell"
>
New York No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class="ant-table-cell"
>
Jim Green
</td>
<td
class="ant-table-cell ant-table-row-expand-icon-cell"
>
<button
aria-label="Expand row"
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
type="button"
/>
</td>
<td
class="ant-table-cell"
>
42
</td>
<td
class="ant-table-cell ant-table-selection-column"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</td>
<td
class="ant-table-cell"
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class="ant-table-cell"
>
Not Expandable
</td>
<td
class="ant-table-cell ant-table-row-expand-icon-cell"
>
<button
aria-label="Expand row"
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
type="button"
/>
</td>
<td
class="ant-table-cell"
>
29
</td>
<td
class="ant-table-cell ant-table-selection-column"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</td>
<td
class="ant-table-cell"
>
Jiangsu No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="4"
>
<td
class="ant-table-cell"
>
Joe Black
</td>
<td
class="ant-table-cell ant-table-row-expand-icon-cell"
>
<button
aria-label="Expand row"
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
type="button"
/>
</td>
<td
class="ant-table-cell"
>
32
</td>
<td
class="ant-table-cell ant-table-selection-column"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</td>
<td
class="ant-table-cell"
>
Sidney No. 1 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination ant-table-pagination-right"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-prev ant-pagination-disabled"
title="Previous Page"
>
<button
class="ant-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a
rel="nofollow"
>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-next ant-pagination-disabled"
title="Next Page"
>
<button
class="ant-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<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>
</button>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/pagination.md extend context correctly 1`] = `
<div>
<div>

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

@ -12,7 +12,6 @@ exports[`renders ./components/tree-select/demo/async.md extend context correctly
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -237,7 +236,6 @@ exports[`renders ./components/tree-select/demo/basic.md extend context correctly
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -630,7 +628,6 @@ exports[`renders ./components/tree-select/demo/checkable.md extend context corre
style="width:0"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -733,11 +730,7 @@ exports[`renders ./components/tree-select/demo/checkable.md extend context corre
</span>
<span
class="ant-select-tree-checkbox ant-select-tree-checkbox-checked"
>
<span
class="ant-select-tree-checkbox-inner"
/>
</span>
/>
<span
class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-close"
title="Node1"
@ -783,11 +776,7 @@ exports[`renders ./components/tree-select/demo/checkable.md extend context corre
</span>
<span
class="ant-select-tree-checkbox"
>
<span
class="ant-select-tree-checkbox-inner"
/>
</span>
/>
<span
class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-close"
title="Node2"
@ -814,7 +803,6 @@ exports[`renders ./components/tree-select/demo/checkable.md extend context corre
exports[`renders ./components/tree-select/demo/multiple.md extend context correctly 1`] = `
<div
class="ant-select ant-tree-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
multiple=""
style="width:100%"
>
<div
@ -832,7 +820,6 @@ exports[`renders ./components/tree-select/demo/multiple.md extend context correc
style="width:0"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -1161,7 +1148,6 @@ exports[`renders ./components/tree-select/demo/suffix.md extend context correctl
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -1505,7 +1491,6 @@ exports[`renders ./components/tree-select/demo/treeData.md extend context correc
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
@ -1787,7 +1772,6 @@ exports[`renders ./components/tree-select/demo/treeLine.md extend context correc
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"

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

@ -508,6 +508,237 @@ Array [
</div>
</div>
</div>,
"Trigger edit with: ",
<div
class="ant-radio-group ant-radio-group-outline"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked"
>
<span
class="ant-radio ant-radio-checked"
>
<input
checked=""
class="ant-radio-input"
type="radio"
value="icon"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
icon
</span>
</label>
<label
class="ant-radio-wrapper"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
type="radio"
value="text"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
text
</span>
</label>
<label
class="ant-radio-wrapper"
>
<span
class="ant-radio"
>
<input
class="ant-radio-input"
type="radio"
value="both"
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
both
</span>
</label>
</div>,
<div
class="ant-typography"
>
Text or icon as trigger - click to start editing.
<div
aria-label="click to edit text"
class="ant-typography-edit"
role="button"
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
tabindex="0"
>
<span
aria-label="edit"
class="anticon anticon-edit"
role="button"
>
<svg
aria-hidden="true"
data-icon="edit"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
/>
</svg>
</span>
</div>
<div>
<div
class="ant-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
>
click to edit text
</div>
</div>
</div>
</div>
</div>,
<div
class="ant-typography"
>
Editable text with a custom enter icon in edit field.
<div
aria-label="click to edit text"
class="ant-typography-edit"
role="button"
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
tabindex="0"
>
<span
aria-label="highlight"
class="anticon anticon-highlight"
role="img"
>
<svg
aria-hidden="true"
data-icon="highlight"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M957.6 507.4L603.2 158.2a7.9 7.9 0 00-11.2 0L353.3 393.4a8.03 8.03 0 00-.1 11.3l.1.1 40 39.4-117.2 115.3a8.03 8.03 0 00-.1 11.3l.1.1 39.5 38.9-189.1 187H72.1c-4.4 0-8.1 3.6-8.1 8V860c0 4.4 3.6 8 8 8h344.9c2.1 0 4.1-.8 5.6-2.3l76.1-75.6 40.4 39.8a7.9 7.9 0 0011.2 0l117.1-115.6 40.1 39.5a7.9 7.9 0 0011.2 0l238.7-235.2c3.4-3 3.4-8 .3-11.2zM389.8 796.2H229.6l134.4-133 80.1 78.9-54.3 54.1zm154.8-62.1L373.2 565.2l68.6-67.6 171.4 168.9-68.6 67.6zM713.1 658L450.3 399.1 597.6 254l262.8 259-147.3 145z"
/>
</svg>
</span>
</div>
<div>
<div
class="ant-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
>
click to edit text
</div>
</div>
</div>
</div>
</div>,
<div
class="ant-typography"
>
Editable text with no enter icon in edit field.
<div
aria-label="click to edit text"
class="ant-typography-edit"
role="button"
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
tabindex="0"
>
<span
aria-label="highlight"
class="anticon anticon-highlight"
role="img"
>
<svg
aria-hidden="true"
data-icon="highlight"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M957.6 507.4L603.2 158.2a7.9 7.9 0 00-11.2 0L353.3 393.4a8.03 8.03 0 00-.1 11.3l.1.1 40 39.4-117.2 115.3a8.03 8.03 0 00-.1 11.3l.1.1 39.5 38.9-189.1 187H72.1c-4.4 0-8.1 3.6-8.1 8V860c0 4.4 3.6 8 8 8h344.9c2.1 0 4.1-.8 5.6-2.3l76.1-75.6 40.4 39.8a7.9 7.9 0 0011.2 0l117.1-115.6 40.1 39.5a7.9 7.9 0 0011.2 0l238.7-235.2c3.4-3 3.4-8 .3-11.2zM389.8 796.2H229.6l134.4-133 80.1 78.9-54.3 54.1zm154.8-62.1L373.2 565.2l68.6-67.6 171.4 168.9-68.6 67.6zM713.1 658L450.3 399.1 597.6 254l262.8 259-147.3 145z"
/>
</svg>
</span>
</div>
<div>
<div
class="ant-tooltip"
style="opacity:0;pointer-events:none"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
>
click to edit text
</div>
</div>
</div>
</div>
</div>,
<div
class="ant-typography"
>