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

test: Use SSR for testing demo (#37890)

Browse Source 
* test: Use SSR for testing demo

* chore: fix lint

* test: align with react 18
This commit is contained in:
二货爱吃白萝卜 2022-10-08 16:17:20 +08:00 committed by GitHub
parent 92d6cea91c
commit b7634968d7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
126 changed files with 12580 additions and 18989 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.jest.js
View File

@ -6,7 +6,7 @@ const transformIgnorePatterns = [
function getTestRegex(libDir) {
if (libDir === 'dist') {
return 'demo\\.test\\.js$';
return 'demo\\.test\\.(j|t)s$';
}
return '.*\\.test\\.(j|t)sx?$';
}

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

@ -36,7 +36,7 @@ Array [
exports[`renders ./components/affix/demo/debug.md extend context correctly 1`] = `
<div
style="height: 10000px;"
style="height:10000px"
>
<div>
Top
@ -46,7 +46,7 @@ exports[`renders ./components/affix/demo/debug.md extend context correctly 1`] =
class=""
>
<div
style="background: red;"
style="background:red"
>
<button
class="ant-btn ant-btn-primary"

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

@ -36,7 +36,7 @@ Array [
exports[`renders ./components/affix/demo/debug.md correctly 1`] = `
<div
style="height: 10000px;"
style="height:10000px"
>
<div>
Top
@ -46,7 +46,7 @@ exports[`renders ./components/affix/demo/debug.md correctly 1`] = `
class=""
>
<div
style="background: red;"
style="background:red"
>
<button
class="ant-btn ant-btn-primary"

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

@ -214,7 +214,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"

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

@ -214,7 +214,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"

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

@ -7,7 +7,7 @@ exports[`renders ./components/anchor/demo/basic.md extend context correctly 1`]
>
<div
class="ant-anchor-wrapper"
style="max-height: 100vh;"
style="max-height:100vh"
>
<div
class="ant-anchor"
@ -83,7 +83,7 @@ exports[`renders ./components/anchor/demo/basic.md extend context correctly 1`]
exports[`renders ./components/anchor/demo/customizeHighlight.md extend context correctly 1`] = `
<div
class="ant-anchor-wrapper"
style="max-height: 100vh;"
style="max-height:100vh"
>
<div
class="ant-anchor ant-anchor-fixed"
@ -92,8 +92,7 @@ exports[`renders ./components/anchor/demo/customizeHighlight.md extend context c
class="ant-anchor-ink"
>
<span
class="ant-anchor-ink-ball visible"
style="top: -4.5px;"
class="ant-anchor-ink-ball"
/>
</div>
<div
@ -108,10 +107,10 @@ exports[`renders ./components/anchor/demo/customizeHighlight.md extend context c
</a>
</div>
<div
class="ant-anchor-link ant-anchor-link-active"
class="ant-anchor-link"
>
<a
class="ant-anchor-link-title ant-anchor-link-title-active"
class="ant-anchor-link-title"
href="#components-anchor-demo-static"
title="Static demo"
>
@ -158,7 +157,7 @@ exports[`renders ./components/anchor/demo/customizeHighlight.md extend context c
exports[`renders ./components/anchor/demo/onChange.md extend context correctly 1`] = `
<div
class="ant-anchor-wrapper"
style="max-height: 100vh;"
style="max-height:100vh"
>
<div
class="ant-anchor ant-anchor-fixed"
@ -232,7 +231,7 @@ exports[`renders ./components/anchor/demo/onChange.md extend context correctly 1
exports[`renders ./components/anchor/demo/onClick.md extend context correctly 1`] = `
<div
class="ant-anchor-wrapper"
style="max-height: 100vh;"
style="max-height:100vh"
>
<div
class="ant-anchor ant-anchor-fixed"
@ -306,7 +305,7 @@ exports[`renders ./components/anchor/demo/onClick.md extend context correctly 1`
exports[`renders ./components/anchor/demo/static.md extend context correctly 1`] = `
<div
class="ant-anchor-wrapper"
style="max-height: 100vh;"
style="max-height:100vh"
>
<div
class="ant-anchor ant-anchor-fixed"
@ -384,7 +383,7 @@ exports[`renders ./components/anchor/demo/targetOffset.md extend context correct
>
<div
class="ant-anchor-wrapper"
style="max-height: 100vh;"
style="max-height:100vh"
>
<div
class="ant-anchor"

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

@ -7,7 +7,7 @@ exports[`renders ./components/anchor/demo/basic.md correctly 1`] = `
>
<div
class="ant-anchor-wrapper"
style="max-height: 100vh;"
style="max-height:100vh"
>
<div
class="ant-anchor"
@ -83,7 +83,7 @@ exports[`renders ./components/anchor/demo/basic.md correctly 1`] = `
exports[`renders ./components/anchor/demo/customizeHighlight.md correctly 1`] = `
<div
class="ant-anchor-wrapper"
style="max-height: 100vh;"
style="max-height:100vh"
>
<div
class="ant-anchor ant-anchor-fixed"
@ -92,8 +92,7 @@ exports[`renders ./components/anchor/demo/customizeHighlight.md correctly 1`] =
class="ant-anchor-ink"
>
<span
class="ant-anchor-ink-ball visible"
style="top: -4.5px;"
class="ant-anchor-ink-ball"
/>
</div>
<div
@ -108,10 +107,10 @@ exports[`renders ./components/anchor/demo/customizeHighlight.md correctly 1`] =
</a>
</div>
<div
class="ant-anchor-link ant-anchor-link-active"
class="ant-anchor-link"
>
<a
class="ant-anchor-link-title ant-anchor-link-title-active"
class="ant-anchor-link-title"
href="#components-anchor-demo-static"
title="Static demo"
>
@ -158,7 +157,7 @@ exports[`renders ./components/anchor/demo/customizeHighlight.md correctly 1`] =
exports[`renders ./components/anchor/demo/onChange.md correctly 1`] = `
<div
class="ant-anchor-wrapper"
style="max-height: 100vh;"
style="max-height:100vh"
>
<div
class="ant-anchor ant-anchor-fixed"
@ -232,7 +231,7 @@ exports[`renders ./components/anchor/demo/onChange.md correctly 1`] = `
exports[`renders ./components/anchor/demo/onClick.md correctly 1`] = `
<div
class="ant-anchor-wrapper"
style="max-height: 100vh;"
style="max-height:100vh"
>
<div
class="ant-anchor ant-anchor-fixed"
@ -306,7 +305,7 @@ exports[`renders ./components/anchor/demo/onClick.md correctly 1`] = `
exports[`renders ./components/anchor/demo/static.md correctly 1`] = `
<div
class="ant-anchor-wrapper"
style="max-height: 100vh;"
style="max-height:100vh"
>
<div
class="ant-anchor ant-anchor-fixed"
@ -384,7 +383,7 @@ exports[`renders ./components/anchor/demo/targetOffset.md correctly 1`] = `
>
<div
class="ant-anchor-wrapper"
style="max-height: 100vh;"
style="max-height:100vh"
>
<div
class="ant-anchor"

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

File diff suppressed because it is too large Load Diff

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

@ -4,7 +4,7 @@ exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
Array [
<div
class="ant-select ant-select-auto-complete ant-select-single ant-select-show-search"
style="width: 200px;"
style="width:200px"
>
<div
class="ant-select-selector"
@ -13,14 +13,13 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
role="combobox"
type="search"
value=""
@ -37,7 +36,7 @@ Array [
<br />,
<div
class="ant-select ant-select-auto-complete ant-select-single ant-select-show-search"
style="width: 200px;"
style="width:200px"
>
<div
class="ant-select-selector"
@ -46,14 +45,13 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
role="combobox"
type="search"
value=""
@ -72,7 +70,7 @@ Array [
exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1`] = `
<div
class="ant-select ant-select-auto-complete ant-select-single ant-select-customize-input ant-select-show-search"
style="width: 250px;"
style="width:250px"
>
<div
class="ant-select-selector"
@ -87,14 +85,13 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
class="ant-input-wrapper ant-input-group"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-input ant-input-lg"
id="rc_select_test"
placeholder="input here"
role="combobox"
type="search"
@ -141,7 +138,7 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
<div
class="ant-select ant-select-auto-complete ant-select-single ant-select-customize-input ant-select-show-search"
style="width: 200px;"
style="width:200px"
>
<div
class="ant-select-selector"
@ -150,17 +147,16 @@ exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
class="ant-select-selection-search"
>
<textarea
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-input ant-select-selection-search-input custom"
id="rc_select_test"
placeholder="input here"
role="combobox"
style="height: 50px;"
style="height:50px"
type="search"
/>
</span>
@ -174,7 +170,7 @@ exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
<form
class="ant-form ant-form-horizontal"
style="margin: 0px auto;"
style="margin:0 auto"
>
<div
class="ant-form-item"
@ -211,14 +207,13 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
role="combobox"
type="search"
value=""
@ -270,15 +265,14 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -291,7 +285,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -350,7 +344,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
>
<div
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow"
style="width: 30%;"
style="width:30%"
>
<div
class="ant-select-selector"
@ -360,15 +354,14 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -381,7 +374,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -415,14 +408,13 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
role="combobox"
type="search"
value=""
@ -477,14 +469,13 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
class="ant-input-affix-wrapper ant-select-selection-search-input"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-input"
id="rc_select_test"
role="combobox"
type="search"
value=""
@ -554,7 +545,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
>
<div
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow"
style="width: 30%;"
style="width:30%"
>
<div
class="ant-select-selector"
@ -564,15 +555,14 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -585,7 +575,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -622,14 +612,13 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
class="ant-input-affix-wrapper ant-select-selection-search-input"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-input"
id="rc_select_test"
role="combobox"
type="search"
value=""
@ -700,7 +689,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
>
<div
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow"
style="width: 30%;"
style="width:30%"
>
<div
class="ant-select-selector"
@ -710,15 +699,14 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -731,7 +719,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -771,14 +759,13 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
class="ant-input-wrapper ant-input-group"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-input"
id="rc_select_test"
role="combobox"
type="search"
value=""
@ -855,7 +842,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
>
<div
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow"
style="width: 20%;"
style="width:20%"
>
<div
class="ant-select-selector"
@ -865,15 +852,14 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -886,7 +872,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -926,14 +912,13 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
class="ant-input-wrapper ant-input-group"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-input"
id="rc_select_test"
role="combobox"
type="search"
value=""
@ -1013,7 +998,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
<div
class="ant-select ant-select-auto-complete ant-select-single ant-select-show-search"
style="width: 200px;"
style="width:200px"
>
<div
class="ant-select-selector"
@ -1022,14 +1007,13 @@ exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
role="combobox"
type="search"
value=""
@ -1047,7 +1031,7 @@ exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly
exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
<div
class="ant-select ant-select-auto-complete ant-select-single ant-select-show-search"
style="width: 200px;"
style="width:200px"
>
<div
class="ant-select-selector"
@ -1056,14 +1040,13 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
role="combobox"
type="search"
value=""
@ -1081,15 +1064,15 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
exports[`renders ./components/auto-complete/demo/status.md correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-select ant-select-status-error ant-select-auto-complete ant-select-single ant-select-show-search"
style="width: 200px;"
style="width:200px"
>
<div
class="ant-select-selector"
@ -1098,14 +1081,13 @@ exports[`renders ./components/auto-complete/demo/status.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
role="combobox"
type="search"
value=""
@ -1122,7 +1104,7 @@ exports[`renders ./components/auto-complete/demo/status.md correctly 1`] = `
>
<div
class="ant-select ant-select-status-warning ant-select-auto-complete ant-select-single ant-select-show-search"
style="width: 200px;"
style="width:200px"
>
<div
class="ant-select-selector"
@ -1131,14 +1113,13 @@ exports[`renders ./components/auto-complete/demo/status.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
role="combobox"
type="search"
value=""
@ -1156,7 +1137,7 @@ exports[`renders ./components/auto-complete/demo/status.md correctly 1`] = `
exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly 1`] = `
<div
class="ant-select ant-select-auto-complete ant-select-single ant-select-customize-input ant-select-show-search"
style="width: 300px;"
style="width:300px"
>
<div
class="ant-select-selector"
@ -1171,14 +1152,13 @@ exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly
class="ant-input-wrapper ant-input-group"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-input ant-input-lg"
id="rc_select_test"
placeholder="input here"
role="combobox"
type="search"

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

@ -38,7 +38,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -90,7 +90,7 @@ Array [
<div>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
style="width: 64px; height: 64px; line-height: 64px; font-size: 32px;"
style="width:64px;height:64px;line-height:64px;font-size:32px"
>
<span
aria-label="user"
@ -185,7 +185,7 @@ Array [
<div>
<span
class="ant-avatar ant-avatar-square ant-avatar-icon"
style="width: 64px; height: 64px; line-height: 64px; font-size: 32px;"
style="width:64px;height:64px;line-height:64px;font-size:32px"
>
<span
aria-label="user"
@ -284,18 +284,18 @@ exports[`renders ./components/avatar/demo/dynamic.md extend context correctly 1`
Array [
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="background-color: rgb(245, 106, 0); vertical-align: middle;"
style="background-color:#f56a00;vertical-align:middle"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
U
</span>
</span>,
<button
class="ant-btn ant-btn-default ant-btn-sm"
style="margin: 0px 16px; vertical-align: middle;"
style="margin:0 16px;vertical-align:middle"
type="button"
>
<span>
@ -304,7 +304,7 @@ Array [
</button>,
<button
class="ant-btn ant-btn-default ant-btn-sm"
style="vertical-align: middle;"
style="vertical-align:middle"
type="button"
>
<span>
@ -347,18 +347,18 @@ Array [
</span>
<span
class="ant-avatar ant-avatar-circle"
style="background-color: rgb(245, 106, 0);"
style="background-color:#f56a00"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
K
</span>
</span>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
style="background-color: rgb(135, 208, 104);"
style="background-color:#87d068"
>
<span
aria-label="user"
@ -382,8 +382,8 @@ Array [
</span>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -406,7 +406,7 @@ Array [
</div>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
style="background-color: rgb(24, 144, 255);"
style="background-color:#1890ff"
>
<span
aria-label="ant-design"
@ -445,30 +445,30 @@ Array [
</span>
<span
class="ant-avatar ant-avatar-circle"
style="background-color: rgb(245, 106, 0);"
style="background-color:#f56a00"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
K
</span>
</span>
<span
class="ant-avatar ant-avatar-circle"
style="color: rgb(245, 106, 0); background-color: rgb(253, 227, 207);"
style="color:#f56a00;background-color:#fde3cf"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
+2
</span>
</span>
<div>
<div
class="ant-popover ant-avatar-group-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-avatar-group-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -489,7 +489,7 @@ Array [
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
style="background-color: rgb(135, 208, 104);"
style="background-color:#87d068"
>
<span
aria-label="user"
@ -513,8 +513,8 @@ Array [
</span>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -537,7 +537,7 @@ Array [
</div>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
style="background-color: rgb(24, 144, 255);"
style="background-color:#1890ff"
>
<span
aria-label="ant-design"
@ -581,30 +581,30 @@ Array [
</span>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="background-color: rgb(245, 106, 0);"
style="background-color:#f56a00"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
K
</span>
</span>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="color: rgb(245, 106, 0); background-color: rgb(253, 227, 207);"
style="color:#f56a00;background-color:#fde3cf"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
+2
</span>
</span>
<div>
<div
class="ant-popover ant-avatar-group-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-avatar-group-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -625,7 +625,7 @@ Array [
>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-icon"
style="background-color: rgb(135, 208, 104);"
style="background-color:#87d068"
>
<span
aria-label="user"
@ -649,8 +649,8 @@ Array [
</span>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -673,7 +673,7 @@ Array [
</div>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-icon"
style="background-color: rgb(24, 144, 255);"
style="background-color:#1890ff"
>
<span
aria-label="ant-design"
@ -717,30 +717,30 @@ Array [
</span>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="background-color: rgb(245, 106, 0);"
style="background-color:#f56a00"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
K
</span>
</span>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="color: rgb(245, 106, 0); background-color: rgb(253, 227, 207); cursor: pointer;"
style="color:#f56a00;background-color:#fde3cf;cursor:pointer"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
+2
</span>
</span>
<div>
<div
class="ant-popover ant-avatar-group-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-avatar-group-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -761,7 +761,7 @@ Array [
>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-icon"
style="background-color: rgb(135, 208, 104);"
style="background-color:#87d068"
>
<span
aria-label="user"
@ -785,8 +785,8 @@ Array [
</span>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -809,7 +809,7 @@ Array [
</div>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-icon"
style="background-color: rgb(24, 144, 255);"
style="background-color:#1890ff"
>
<span
aria-label="ant-design"
@ -843,7 +843,6 @@ Array [
exports[`renders ./components/avatar/demo/responsive.md extend context correctly 1`] = `
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
style="width: 24px; height: 24px; line-height: 24px; font-size: 12px;"
>
<span
aria-label="ant-design"
@ -896,44 +895,44 @@ Array [
<br />,
<br />,
<div
style="text-align: center; transform: scale(1); margin-top: 24px;"
style="text-align:center;transform:scale(1);margin-top:24px"
>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="background: rgb(114, 101, 230); display: none;"
style="background:#7265e6;display:none"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
Avatar
</span>
</span>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-image"
style="background: rgb(0, 162, 174); display: none;"
style="background:#00a2ae;display:none"
>
<img
src="invalid"
/>
</span>
<div
style="display: none;"
style="display:none"
>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="background: rgb(114, 101, 230);"
style="background:#7265e6"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
Avatar
</span>
</span>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-image"
style="background: rgb(0, 162, 174);"
style="background:#00a2ae"
>
<img
src="invalid"
@ -974,18 +973,18 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
U
</span>
</span>,
<span
class="ant-avatar ant-avatar-circle"
style="width: 40px; height: 40px; line-height: 40px; font-size: 18px;"
style="width:40px;height:40px;line-height:40px;font-size:18px"
>
<span
class="ant-avatar-string"
style="line-height: 40px; transform: scale(1) translateX(-50%);"
style="opacity:0"
>
USER
</span>
@ -1006,7 +1005,7 @@ Array [
<img
class="ant-image-img"
src="https://joeschmoe.io/api/v1/random"
style="width: 32px;"
style="width:32px"
/>
<div
class="ant-image-mask"
@ -1040,18 +1039,18 @@ Array [
</span>,
<span
class="ant-avatar ant-avatar-circle"
style="color: rgb(245, 106, 0); background-color: rgb(253, 227, 207);"
style="color:#f56a00;background-color:#fde3cf"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
U
</span>
</span>,
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
style="background-color: rgb(135, 208, 104);"
style="background-color:#87d068"
>
<span
aria-label="user"

77
components/avatar/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -38,7 +38,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -90,7 +90,7 @@ Array [
<div>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
style="width: 64px; height: 64px; line-height: 64px; font-size: 32px;"
style="width:64px;height:64px;line-height:64px;font-size:32px"
>
<span
aria-label="user"
@ -185,7 +185,7 @@ Array [
<div>
<span
class="ant-avatar ant-avatar-square ant-avatar-icon"
style="width: 64px; height: 64px; line-height: 64px; font-size: 32px;"
style="width:64px;height:64px;line-height:64px;font-size:32px"
>
<span
aria-label="user"
@ -284,18 +284,18 @@ exports[`renders ./components/avatar/demo/dynamic.md correctly 1`] = `
Array [
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="background-color: rgb(245, 106, 0); vertical-align: middle;"
style="background-color:#f56a00;vertical-align:middle"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
U
</span>
</span>,
<button
class="ant-btn ant-btn-default ant-btn-sm"
style="margin: 0px 16px; vertical-align: middle;"
style="margin:0 16px;vertical-align:middle"
type="button"
>
<span>
@ -304,7 +304,7 @@ Array [
</button>,
<button
class="ant-btn ant-btn-default ant-btn-sm"
style="vertical-align: middle;"
style="vertical-align:middle"
type="button"
>
<span>
@ -347,18 +347,18 @@ Array [
</span>
<span
class="ant-avatar ant-avatar-circle"
style="background-color: rgb(245, 106, 0);"
style="background-color:#f56a00"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
K
</span>
</span>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
style="background-color: rgb(135, 208, 104);"
style="background-color:#87d068"
>
<span
aria-label="user"
@ -382,7 +382,7 @@ Array [
</span>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
style="background-color: rgb(24, 144, 255);"
style="background-color:#1890ff"
>
<span
aria-label="ant-design"
@ -421,22 +421,22 @@ Array [
</span>
<span
class="ant-avatar ant-avatar-circle"
style="background-color: rgb(245, 106, 0);"
style="background-color:#f56a00"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
K
</span>
</span>
<span
class="ant-avatar ant-avatar-circle"
style="color: rgb(245, 106, 0); background-color: rgb(253, 227, 207);"
style="color:#f56a00;background-color:#fde3cf"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
+2
</span>
@ -458,22 +458,22 @@ Array [
</span>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="background-color: rgb(245, 106, 0);"
style="background-color:#f56a00"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
K
</span>
</span>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="color: rgb(245, 106, 0); background-color: rgb(253, 227, 207);"
style="color:#f56a00;background-color:#fde3cf"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
+2
</span>
@ -495,22 +495,22 @@ Array [
</span>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="background-color: rgb(245, 106, 0);"
style="background-color:#f56a00"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
K
</span>
</span>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="color: rgb(245, 106, 0); background-color: rgb(253, 227, 207); cursor: pointer;"
style="color:#f56a00;background-color:#fde3cf;cursor:pointer"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
+2
</span>
@ -522,7 +522,6 @@ Array [
exports[`renders ./components/avatar/demo/responsive.md correctly 1`] = `
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
style="width: 24px; height: 24px; line-height: 24px; font-size: 12px;"
>
<span
aria-label="ant-design"
@ -575,44 +574,44 @@ Array [
<br />,
<br />,
<div
style="text-align: center; transform: scale(1); margin-top: 24px;"
style="text-align:center;transform:scale(1);margin-top:24px"
>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="background: rgb(114, 101, 230); display: none;"
style="background:#7265e6;display:none"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
Avatar
</span>
</span>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-image"
style="background: rgb(0, 162, 174); display: none;"
style="background:#00a2ae;display:none"
>
<img
src="invalid"
/>
</span>
<div
style="display: none;"
style="display:none"
>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="background: rgb(114, 101, 230);"
style="background:#7265e6"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
Avatar
</span>
</span>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-image"
style="background: rgb(0, 162, 174);"
style="background:#00a2ae"
>
<img
src="invalid"
@ -653,18 +652,18 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
U
</span>
</span>,
<span
class="ant-avatar ant-avatar-circle"
style="width: 40px; height: 40px; line-height: 40px; font-size: 18px;"
style="width:40px;height:40px;line-height:40px;font-size:18px"
>
<span
class="ant-avatar-string"
style="line-height: 40px; transform: scale(1) translateX(-50%);"
style="opacity:0"
>
USER
</span>
@ -685,7 +684,7 @@ Array [
<img
class="ant-image-img"
src="https://joeschmoe.io/api/v1/random"
style="width: 32px;"
style="width:32px"
/>
<div
class="ant-image-mask"
@ -719,18 +718,18 @@ Array [
</span>,
<span
class="ant-avatar ant-avatar-circle"
style="color: rgb(245, 106, 0); background-color: rgb(253, 227, 207);"
style="color:#f56a00;background-color:#fde3cf"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
U
</span>
</span>,
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
style="background-color: rgb(135, 208, 104);"
style="background-color:#87d068"
>
<span
aria-label="user"

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

@ -5,17 +5,19 @@ Array [
<div
class="ant-back-top"
/>,
Scroll down to see the bottom-right,
<strong
class="site-back-top-basic"
>
gray
</strong>,
button.,
]
`;
exports[`renders ./components/back-top/demo/custom.md extend context correctly 1`] = `
<div
style="height: 600vh; padding: 8px;"
style="height:600vh;padding:8px"
>
<div>
Scroll to bottom

4
components/back-top/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -5,17 +5,19 @@ Array [
<div
class="ant-back-top"
/>,
Scroll down to see the bottom-right,
<strong
class="site-back-top-basic"
>
gray
</strong>,
button.,
]
`;
exports[`renders ./components/back-top/demo/custom.md correctly 1`] = `
<div
style="height: 600vh; padding: 8px;"
style="height:600vh;padding:8px"
>
<div>
Scroll to bottom

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

@ -10,7 +10,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -20,7 +20,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -38,7 +38,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -57,14 +57,14 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle ant-scroll-number-custom-component"
role="img"
style="color: rgb(245, 34, 45);"
style="color:#f5222d"
>
<svg
aria-hidden="true"
@ -97,7 +97,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -107,7 +107,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -211,7 +211,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -252,7 +252,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -269,7 +269,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -286,7 +286,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -303,7 +303,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -320,7 +320,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -337,7 +337,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -354,7 +354,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -371,7 +371,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -388,7 +388,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -405,7 +405,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -422,7 +422,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -439,7 +439,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -486,14 +486,14 @@ Array [
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot"
style="background: rgb(255, 85, 0);"
style="background:#f50"
/>
<span
class="ant-badge-status-text"
@ -504,14 +504,14 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot"
style="background: rgb(45, 183, 245);"
style="background:rgb(45, 183, 245)"
/>
<span
class="ant-badge-status-text"
@ -522,14 +522,14 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot"
style="background: rgb(103, 103, 103);"
style="background:hsl(102, 53%, 61%)"
/>
<span
class="ant-badge-status-text"
@ -546,6 +546,7 @@ Array [
>
<span
class="ant-badge-status-dot"
style="background:hwb(205 6% 9%)"
/>
<span
class="ant-badge-status-text"
@ -567,7 +568,7 @@ Array [
aria-label="notification"
class="anticon anticon-notification"
role="img"
style="font-size: 16px;"
style="font-size:16px"
>
<svg
aria-hidden="true"
@ -616,7 +617,7 @@ exports[`renders ./components/badge/demo/link.md extend context correctly 1`] =
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -626,7 +627,7 @@ exports[`renders ./components/badge/demo/link.md extend context correctly 1`] =
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -649,7 +650,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -659,7 +660,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -677,7 +678,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -687,7 +688,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -705,7 +706,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -715,7 +716,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -733,18 +734,18 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
style="background: rgb(250, 84, 28);"
style="background:#fa541c"
title="5"
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -762,7 +763,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -778,7 +779,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -794,7 +795,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -810,13 +811,13 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
class="ant-scroll-number ant-badge-dot"
data-show="true"
style="background: rgb(250, 84, 28);"
style="background:#fa541c"
/>
</span>,
]
@ -828,7 +829,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md extend context correctly
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
aria-checked="true"
@ -846,7 +847,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md extend context correctly
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -858,7 +859,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md extend context correctly
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -868,7 +869,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md extend context correctly
</span>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -881,7 +882,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md extend context correctly
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -890,7 +891,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md extend context correctly
aria-label="clock-circle"
class="anticon anticon-clock-circle ant-scroll-number-custom-component"
role="img"
style="color: rgb(245, 34, 45);"
style="color:#f5222d"
>
<svg
aria-hidden="true"
@ -920,7 +921,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md extend context correctly
<sup
class="ant-scroll-number ant-badge-count ant-badge-multiple-words"
data-show="true"
style="background-color: rgb(82, 196, 26);"
style="background-color:#52c41a"
title="109"
>
99+
@ -939,18 +940,18 @@ exports[`renders ./components/badge/demo/offset.md extend context correctly 1`]
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
style="margin-top: 10px; right: -10px;"
style="margin-top:10px;right:-10px"
title="5"
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -972,7 +973,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -982,7 +983,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -992,7 +993,7 @@ Array [
</span>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -1010,7 +1011,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -1029,7 +1030,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -1048,7 +1049,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -1374,11 +1375,11 @@ Array [
exports[`renders ./components/badge/demo/ribbon-debug.md extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-ribbon-wrapper"
@ -1408,7 +1409,7 @@ exports[`renders ./components/badge/demo/ribbon-debug.md extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-ribbon-wrapper"
@ -1438,7 +1439,7 @@ exports[`renders ./components/badge/demo/ribbon-debug.md extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-ribbon-wrapper"
@ -1454,7 +1455,7 @@ exports[`renders ./components/badge/demo/ribbon-debug.md extend context correctl
</div>
<div
class="ant-ribbon ant-ribbon-placement-end"
style="background: rgb(45, 183, 245);"
style="background:#2db7f5"
>
<span
class="ant-ribbon-text"
@ -1463,14 +1464,14 @@ exports[`renders ./components/badge/demo/ribbon-debug.md extend context correctl
</span>
<div
class="ant-ribbon-corner"
style="color: rgb(45, 183, 245);"
style="color:#2db7f5"
/>
</div>
</div>
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-ribbon-wrapper"
@ -1486,7 +1487,7 @@ exports[`renders ./components/badge/demo/ribbon-debug.md extend context correctl
</div>
<div
class="ant-ribbon ant-ribbon-placement-start"
style="background: rgb(45, 183, 245);"
style="background:#2db7f5"
>
<span
class="ant-ribbon-text"
@ -1495,7 +1496,7 @@ exports[`renders ./components/badge/demo/ribbon-debug.md extend context correctl
</span>
<div
class="ant-ribbon-corner"
style="color: rgb(45, 183, 245);"
style="color:#2db7f5"
/>
</div>
</div>
@ -1517,7 +1518,7 @@ exports[`renders ./components/badge/demo/ribbon-debug.md extend context correctl
</div>
<div
class="ant-ribbon ant-ribbon-placement-end"
style="background: rgb(45, 183, 245);"
style="background:#2db7f5"
>
<span
class="ant-ribbon-text"
@ -1526,7 +1527,7 @@ exports[`renders ./components/badge/demo/ribbon-debug.md extend context correctl
</span>
<div
class="ant-ribbon-corner"
style="color: rgb(45, 183, 245);"
style="color:#2db7f5"
/>
</div>
</div>
@ -1544,7 +1545,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -1554,7 +1555,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -1572,7 +1573,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -1582,7 +1583,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -1602,7 +1603,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1614,7 +1615,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1626,7 +1627,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1638,7 +1639,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1666,7 +1667,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1683,7 +1684,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1700,7 +1701,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1717,7 +1718,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1762,7 +1763,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -1772,7 +1773,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -1790,7 +1791,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -1800,7 +1801,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -1810,7 +1811,7 @@ Array [
</span>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"

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

@ -10,7 +10,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -20,7 +20,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -38,7 +38,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -57,14 +57,14 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle ant-scroll-number-custom-component"
role="img"
style="color: rgb(245, 34, 45);"
style="color:#f5222d"
>
<svg
aria-hidden="true"
@ -97,7 +97,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -107,7 +107,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -211,7 +211,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -252,7 +252,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -269,7 +269,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -286,7 +286,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -303,7 +303,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -320,7 +320,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -337,7 +337,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -354,7 +354,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -371,7 +371,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -388,7 +388,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -405,7 +405,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -422,7 +422,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -439,7 +439,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -486,14 +486,14 @@ Array [
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot"
style="background: rgb(255, 85, 0);"
style="background:#f50"
/>
<span
class="ant-badge-status-text"
@ -504,14 +504,14 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot"
style="background: rgb(45, 183, 245);"
style="background:rgb(45, 183, 245)"
/>
<span
class="ant-badge-status-text"
@ -522,14 +522,14 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot"
style="background: rgb(103, 103, 103);"
style="background:hsl(102, 53%, 61%)"
/>
<span
class="ant-badge-status-text"
@ -546,6 +546,7 @@ Array [
>
<span
class="ant-badge-status-dot"
style="background:hwb(205 6% 9%)"
/>
<span
class="ant-badge-status-text"
@ -567,7 +568,7 @@ Array [
aria-label="notification"
class="anticon anticon-notification"
role="img"
style="font-size: 16px;"
style="font-size:16px"
>
<svg
aria-hidden="true"
@ -616,7 +617,7 @@ exports[`renders ./components/badge/demo/link.md correctly 1`] = `
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -626,7 +627,7 @@ exports[`renders ./components/badge/demo/link.md correctly 1`] = `
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -649,7 +650,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -659,7 +660,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -677,7 +678,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -687,7 +688,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -705,7 +706,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -715,7 +716,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -733,18 +734,18 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
style="background: rgb(250, 84, 28);"
style="background:#fa541c"
title="5"
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -762,7 +763,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -778,7 +779,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -794,7 +795,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -810,13 +811,13 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
class="ant-scroll-number ant-badge-dot"
data-show="true"
style="background: rgb(250, 84, 28);"
style="background:#fa541c"
/>
</span>,
]
@ -828,7 +829,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
aria-checked="true"
@ -846,7 +847,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -858,7 +859,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -868,7 +869,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
</span>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -881,7 +882,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-not-a-wrapper"
@ -890,7 +891,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
aria-label="clock-circle"
class="anticon anticon-clock-circle ant-scroll-number-custom-component"
role="img"
style="color: rgb(245, 34, 45);"
style="color:#f5222d"
>
<svg
aria-hidden="true"
@ -920,7 +921,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
<sup
class="ant-scroll-number ant-badge-count ant-badge-multiple-words"
data-show="true"
style="background-color: rgb(82, 196, 26);"
style="background-color:#52c41a"
title="109"
>
99+
@ -939,18 +940,18 @@ exports[`renders ./components/badge/demo/offset.md correctly 1`] = `
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
style="margin-top: 10px; right: -10px;"
style="margin-top:10px;right:-10px"
title="5"
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -972,7 +973,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -982,7 +983,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -992,7 +993,7 @@ Array [
</span>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -1010,7 +1011,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -1029,7 +1030,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -1048,7 +1049,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -1374,11 +1375,11 @@ Array [
exports[`renders ./components/badge/demo/ribbon-debug.md correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-ribbon-wrapper"
@ -1408,7 +1409,7 @@ exports[`renders ./components/badge/demo/ribbon-debug.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-ribbon-wrapper"
@ -1438,7 +1439,7 @@ exports[`renders ./components/badge/demo/ribbon-debug.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-ribbon-wrapper"
@ -1454,7 +1455,7 @@ exports[`renders ./components/badge/demo/ribbon-debug.md correctly 1`] = `
</div>
<div
class="ant-ribbon ant-ribbon-placement-end"
style="background: rgb(45, 183, 245);"
style="background:#2db7f5"
>
<span
class="ant-ribbon-text"
@ -1463,14 +1464,14 @@ exports[`renders ./components/badge/demo/ribbon-debug.md correctly 1`] = `
</span>
<div
class="ant-ribbon-corner"
style="color: rgb(45, 183, 245);"
style="color:#2db7f5"
/>
</div>
</div>
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-ribbon-wrapper"
@ -1486,7 +1487,7 @@ exports[`renders ./components/badge/demo/ribbon-debug.md correctly 1`] = `
</div>
<div
class="ant-ribbon ant-ribbon-placement-start"
style="background: rgb(45, 183, 245);"
style="background:#2db7f5"
>
<span
class="ant-ribbon-text"
@ -1495,7 +1496,7 @@ exports[`renders ./components/badge/demo/ribbon-debug.md correctly 1`] = `
</span>
<div
class="ant-ribbon-corner"
style="color: rgb(45, 183, 245);"
style="color:#2db7f5"
/>
</div>
</div>
@ -1517,7 +1518,7 @@ exports[`renders ./components/badge/demo/ribbon-debug.md correctly 1`] = `
</div>
<div
class="ant-ribbon ant-ribbon-placement-end"
style="background: rgb(45, 183, 245);"
style="background:#2db7f5"
>
<span
class="ant-ribbon-text"
@ -1526,7 +1527,7 @@ exports[`renders ./components/badge/demo/ribbon-debug.md correctly 1`] = `
</span>
<div
class="ant-ribbon-corner"
style="color: rgb(45, 183, 245);"
style="color:#2db7f5"
/>
</div>
</div>
@ -1544,7 +1545,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -1554,7 +1555,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -1572,7 +1573,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -1582,7 +1583,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -1602,7 +1603,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1614,7 +1615,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1626,7 +1627,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1638,7 +1639,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1666,7 +1667,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1683,7 +1684,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1700,7 +1701,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1717,7 +1718,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@ -1762,7 +1763,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -1772,7 +1773,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -1790,7 +1791,7 @@ Array [
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
/>
</span>
<sup
@ -1800,7 +1801,7 @@ Array [
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -1810,7 +1811,7 @@ Array [
</span>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"

33
components/breadcrumb/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -133,8 +133,8 @@ exports[`renders ./components/breadcrumb/demo/overlay.md extend context correctl
</span>
<div>
<div
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-dropdown"
style="opacity:0"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
@ -144,7 +144,6 @@ exports[`renders ./components/breadcrumb/demo/overlay.md extend context correctl
>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-1"
role="menuitem"
tabindex="-1"
>
@ -162,8 +161,8 @@ exports[`renders ./components/breadcrumb/demo/overlay.md extend context correctl
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -184,7 +183,6 @@ exports[`renders ./components/breadcrumb/demo/overlay.md extend context correctl
</div>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-2"
role="menuitem"
tabindex="-1"
>
@ -202,8 +200,8 @@ exports[`renders ./components/breadcrumb/demo/overlay.md extend context correctl
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -224,7 +222,6 @@ exports[`renders ./components/breadcrumb/demo/overlay.md extend context correctl
</div>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-3"
role="menuitem"
tabindex="-1"
>
@ -242,8 +239,8 @@ exports[`renders ./components/breadcrumb/demo/overlay.md extend context correctl
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -265,12 +262,12 @@ exports[`renders ./components/breadcrumb/demo/overlay.md extend context correctl
</ul>
<div
aria-hidden="true"
style="display: none;"
style="display:none"
>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -291,8 +288,8 @@ exports[`renders ./components/breadcrumb/demo/overlay.md extend context correctl
</div>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -313,8 +310,8 @@ exports[`renders ./components/breadcrumb/demo/overlay.md extend context correctl
</div>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"

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

@ -91,11 +91,10 @@ Array [
>
<span
class="ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-btn-loading-icon-motion-appear ant-btn-loading-icon-motion-appear-start ant-btn-loading-icon-motion"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
@ -123,11 +122,10 @@ Array [
>
<span
class="ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-btn-loading-icon-motion-appear ant-btn-loading-icon-motion-appear-start ant-btn-loading-icon-motion"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
@ -153,11 +151,10 @@ Array [
>
<span
class="ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-btn-loading-icon-motion-appear ant-btn-loading-icon-motion-appear-start ant-btn-loading-icon-motion"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
@ -185,11 +182,10 @@ Array [
>
<span
class="ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-btn-loading-icon-motion-appear ant-btn-loading-icon-motion-appear-start ant-btn-loading-icon-motion"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
@ -244,11 +240,10 @@ Array [
>
<span
class="ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-btn-loading-icon-motion-appear ant-btn-loading-icon-motion-appear-start ant-btn-loading-icon-motion"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
@ -554,8 +549,8 @@ Array [
</button>,
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -637,8 +632,8 @@ Array [
</button>,
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -713,8 +708,8 @@ Array [
</button>,
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -788,8 +783,8 @@ Array [
</button>,
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -889,8 +884,8 @@ Array [
</button>,
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -972,8 +967,8 @@ Array [
</button>,
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1048,8 +1043,8 @@ Array [
</button>,
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1123,8 +1118,8 @@ Array [
</button>,
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1223,12 +1218,12 @@ Array [
</button>
<span
class="ant-tooltip-disabled-compatible-wrapper"
style="display: inline-block; cursor: not-allowed;"
style="display:inline-block;cursor:not-allowed"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
style="pointer-events: none;"
style="pointer-events:none"
type="button"
>
<span
@ -1254,8 +1249,8 @@ Array [
</span>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1302,8 +1297,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1349,12 +1344,12 @@ Array [
</button>
<span
class="ant-tooltip-disabled-compatible-wrapper"
style="display: inline-block; cursor: not-allowed;"
style="display:inline-block;cursor:not-allowed"
>
<button
class="ant-btn ant-btn-primary ant-btn-icon-only"
disabled=""
style="pointer-events: none;"
style="pointer-events:none"
type="button"
>
<span
@ -1380,8 +1375,8 @@ Array [
</span>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1428,8 +1423,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1475,12 +1470,12 @@ Array [
</button>
<span
class="ant-tooltip-disabled-compatible-wrapper"
style="display: inline-block; cursor: not-allowed;"
style="display:inline-block;cursor:not-allowed"
>
<button
class="ant-btn ant-btn-primary ant-btn-lg ant-btn-icon-only"
disabled=""
style="pointer-events: none;"
style="pointer-events:none"
type="button"
>
<span
@ -1506,8 +1501,8 @@ Array [
</span>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1554,8 +1549,8 @@ Array [
</button>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1585,11 +1580,11 @@ exports[`renders ./components/button/demo/loading.md extend context correctly 1`
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-loading"
@ -1597,11 +1592,10 @@ Array [
>
<span
class="ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-btn-loading-icon-motion-appear ant-btn-loading-icon-motion-appear-start ant-btn-loading-icon-motion"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
@ -1626,7 +1620,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-loading"
@ -1634,11 +1628,10 @@ Array [
>
<span
class="ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-btn-loading-icon-motion-appear ant-btn-loading-icon-motion-appear-start ant-btn-loading-icon-motion"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
@ -1696,11 +1689,11 @@ Array [
</div>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -1713,7 +1706,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -1830,8 +1823,8 @@ Array [
</button>
<div>
<div
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-dropdown"
style="opacity:0"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
@ -1841,7 +1834,6 @@ Array [
>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-1"
role="menuitem"
tabindex="-1"
>
@ -1853,8 +1845,8 @@ Array [
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1875,7 +1867,6 @@ Array [
</div>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-2"
role="menuitem"
tabindex="-1"
>
@ -1887,8 +1878,8 @@ Array [
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1909,7 +1900,6 @@ Array [
</div>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-3"
role="menuitem"
tabindex="-1"
>
@ -1921,8 +1911,8 @@ Array [
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1944,12 +1934,12 @@ Array [
</ul>
<div
aria-hidden="true"
style="display: none;"
style="display:none"
>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1970,8 +1960,8 @@ Array [
</div>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1992,8 +1982,8 @@ Array [
</div>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"

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

@ -91,11 +91,10 @@ Array [
>
<span
class="ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-btn-loading-icon-motion-appear ant-btn-loading-icon-motion-appear-start ant-btn-loading-icon-motion"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
@ -123,11 +122,10 @@ Array [
>
<span
class="ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-btn-loading-icon-motion-appear ant-btn-loading-icon-motion-appear-start ant-btn-loading-icon-motion"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
@ -153,11 +151,10 @@ Array [
>
<span
class="ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-btn-loading-icon-motion-appear ant-btn-loading-icon-motion-appear-start ant-btn-loading-icon-motion"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
@ -185,11 +182,10 @@ Array [
>
<span
class="ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-btn-loading-icon-motion-appear ant-btn-loading-icon-motion-appear-start ant-btn-loading-icon-motion"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
@ -244,11 +240,10 @@ Array [
>
<span
class="ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-btn-loading-icon-motion-appear ant-btn-loading-icon-motion-appear-start ant-btn-loading-icon-motion"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
@ -1031,12 +1026,12 @@ Array [
</button>
<span
class="ant-tooltip-disabled-compatible-wrapper"
style="display: inline-block; cursor: not-allowed;"
style="display:inline-block;cursor:not-allowed"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
style="pointer-events: none;"
style="pointer-events:none"
type="button"
>
<span
@ -1109,12 +1104,12 @@ Array [
</button>
<span
class="ant-tooltip-disabled-compatible-wrapper"
style="display: inline-block; cursor: not-allowed;"
style="display:inline-block;cursor:not-allowed"
>
<button
class="ant-btn ant-btn-primary ant-btn-icon-only"
disabled=""
style="pointer-events: none;"
style="pointer-events:none"
type="button"
>
<span
@ -1187,12 +1182,12 @@ Array [
</button>
<span
class="ant-tooltip-disabled-compatible-wrapper"
style="display: inline-block; cursor: not-allowed;"
style="display:inline-block;cursor:not-allowed"
>
<button
class="ant-btn ant-btn-primary ant-btn-lg ant-btn-icon-only"
disabled=""
style="pointer-events: none;"
style="pointer-events:none"
type="button"
>
<span
@ -1249,11 +1244,11 @@ exports[`renders ./components/button/demo/loading.md correctly 1`] = `
Array [
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-loading"
@ -1261,11 +1256,10 @@ Array [
>
<span
class="ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-btn-loading-icon-motion-appear ant-btn-loading-icon-motion-appear-start ant-btn-loading-icon-motion"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
@ -1290,7 +1284,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-loading"
@ -1298,11 +1292,10 @@ Array [
>
<span
class="ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-btn-loading-icon-motion-appear ant-btn-loading-icon-motion-appear-start ant-btn-loading-icon-motion"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
@ -1360,11 +1353,11 @@ Array [
</div>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -1377,7 +1370,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"

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

File diff suppressed because it is too large Load Diff

120
components/calendar/__tests__/__snapshots__/demo.test.js.snap
View File

@ -17,17 +17,16 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -43,7 +42,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -77,17 +76,16 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -103,7 +101,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -964,17 +962,16 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -990,7 +987,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1024,17 +1021,16 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1050,7 +1046,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1900,7 +1896,7 @@ exports[`renders ./components/calendar/demo/customize-header.md correctly 1`] =
class="ant-picker-calendar ant-picker-calendar-mini"
>
<div
style="padding: 8px;"
style="padding:8px"
>
<h4
class="ant-typography"
@ -1909,11 +1905,11 @@ exports[`renders ./components/calendar/demo/customize-header.md correctly 1`] =
</h4>
<div
class="ant-row"
style="margin-left: -4px; margin-right: -4px;"
style="margin-left:-4px;margin-right:-4px"
>
<div
class="ant-col"
style="padding-left: 4px; padding-right: 4px;"
style="padding-left:4px;padding-right:4px"
>
<div
class="ant-radio-group ant-radio-group-outline ant-radio-group-small"
@ -1961,7 +1957,7 @@ exports[`renders ./components/calendar/demo/customize-header.md correctly 1`] =
</div>
<div
class="ant-col"
style="padding-left: 4px; padding-right: 4px;"
style="padding-left:4px;padding-right:4px"
>
<div
class="ant-select ant-select-sm my-year-select ant-select-single ant-select-show-arrow"
@ -1973,17 +1969,16 @@ exports[`renders ./components/calendar/demo/customize-header.md correctly 1`] =
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1999,7 +1994,7 @@ exports[`renders ./components/calendar/demo/customize-header.md correctly 1`] =
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -2026,7 +2021,7 @@ exports[`renders ./components/calendar/demo/customize-header.md correctly 1`] =
</div>
<div
class="ant-col"
style="padding-left: 4px; padding-right: 4px;"
style="padding-left:4px;padding-right:4px"
>
<div
class="ant-select ant-select-sm ant-select-single ant-select-show-arrow"
@ -2038,17 +2033,16 @@ exports[`renders ./components/calendar/demo/customize-header.md correctly 1`] =
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -2064,7 +2058,7 @@ exports[`renders ./components/calendar/demo/customize-header.md correctly 1`] =
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -2882,17 +2876,16 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -2908,7 +2901,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -2942,17 +2935,16 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -2968,7 +2960,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -4239,17 +4231,16 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -4265,7 +4256,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -4299,17 +4290,16 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -4325,7 +4315,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span

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

@ -4,7 +4,7 @@ exports[`renders ./components/card/demo/basic.md extend context correctly 1`] =
Array [
<div
class="ant-card ant-card-bordered"
style="width: 300px;"
style="width:300px"
>
<div
class="ant-card-head"
@ -44,7 +44,7 @@ Array [
</div>,
<div
class="ant-card ant-card-bordered ant-card-small"
style="width: 300px;"
style="width:300px"
>
<div
class="ant-card-head"
@ -91,7 +91,7 @@ exports[`renders ./components/card/demo/border-less.md extend context correctly
>
<div
class="ant-card"
style="width: 300px;"
style="width:300px"
>
<div
class="ant-card-head"
@ -126,7 +126,7 @@ exports[`renders ./components/card/demo/border-less.md extend context correctly
exports[`renders ./components/card/demo/flexible-content.md extend context correctly 1`] = `
<div
class="ant-card ant-card-bordered ant-card-hoverable"
style="width: 240px;"
style="width:240px"
>
<div
class="ant-card-cover"
@ -183,43 +183,43 @@ exports[`renders ./components/card/demo/grid-card.md extend context correctly 1`
>
<div
class="ant-card-grid ant-card-grid-hoverable"
style="width: 25%; text-align: center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid"
style="width: 25%; text-align: center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid ant-card-grid-hoverable"
style="width: 25%; text-align: center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid ant-card-grid-hoverable"
style="width: 25%; text-align: center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid ant-card-grid-hoverable"
style="width: 25%; text-align: center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid ant-card-grid-hoverable"
style="width: 25%; text-align: center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid ant-card-grid-hoverable"
style="width: 25%; text-align: center;"
style="width:25%;text-align:center"
>
Content
</div>
@ -233,11 +233,11 @@ exports[`renders ./components/card/demo/in-column.md extend context correctly 1`
>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col ant-col-8"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-card"
@ -264,7 +264,7 @@ exports[`renders ./components/card/demo/in-column.md extend context correctly 1`
</div>
<div
class="ant-col ant-col-8"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-card"
@ -291,7 +291,7 @@ exports[`renders ./components/card/demo/in-column.md extend context correctly 1`
</div>
<div
class="ant-col ant-col-8"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-card"
@ -373,7 +373,7 @@ exports[`renders ./components/card/demo/inner.md extend context correctly 1`] =
</div>
<div
class="ant-card ant-card-bordered ant-card-type-inner"
style="margin-top: 16px;"
style="margin-top:16px"
>
<div
class="ant-card-head"
@ -424,7 +424,7 @@ Array [
</button>,
<div
class="ant-card ant-card-loading ant-card-bordered"
style="width: 300px; margin-top: 16px;"
style="width:300px;margin-top:16px"
>
<div
class="ant-card-body"
@ -442,7 +442,7 @@ Array [
<li />
<li />
<li
style="width: 61%;"
style="width:61%"
/>
</ul>
</div>
@ -451,7 +451,7 @@ Array [
</div>,
<div
class="ant-card ant-card-bordered"
style="width: 300px; margin-top: 16px;"
style="width:300px;margin-top:16px"
>
<div
class="ant-card-body"
@ -471,7 +471,7 @@ Array [
>
<h3
class="ant-skeleton-title"
style="width: 50%;"
style="width:50%"
/>
<ul
class="ant-skeleton-paragraph"
@ -486,7 +486,7 @@ Array [
class="ant-card-actions"
>
<li
style="width: 33.333333333333336%;"
style="width:33.333333333333336%"
>
<span>
<span
@ -511,7 +511,7 @@ Array [
</span>
</li>
<li
style="width: 33.333333333333336%;"
style="width:33.333333333333336%"
>
<span>
<span
@ -536,7 +536,7 @@ Array [
</span>
</li>
<li
style="width: 33.333333333333336%;"
style="width:33.333333333333336%"
>
<span>
<span
@ -568,7 +568,7 @@ Array [
exports[`renders ./components/card/demo/meta.md extend context correctly 1`] = `
<div
class="ant-card ant-card-bordered"
style="width: 300px;"
style="width:300px"
>
<div
class="ant-card-cover"
@ -615,7 +615,7 @@ exports[`renders ./components/card/demo/meta.md extend context correctly 1`] = `
class="ant-card-actions"
>
<li
style="width: 33.333333333333336%;"
style="width:33.333333333333336%"
>
<span>
<span
@ -640,7 +640,7 @@ exports[`renders ./components/card/demo/meta.md extend context correctly 1`] = `
</span>
</li>
<li
style="width: 33.333333333333336%;"
style="width:33.333333333333336%"
>
<span>
<span
@ -665,7 +665,7 @@ exports[`renders ./components/card/demo/meta.md extend context correctly 1`] = `
</span>
</li>
<li
style="width: 33.333333333333336%;"
style="width:33.333333333333336%"
>
<span>
<span
@ -696,7 +696,7 @@ exports[`renders ./components/card/demo/meta.md extend context correctly 1`] = `
exports[`renders ./components/card/demo/simple.md extend context correctly 1`] = `
<div
class="ant-card ant-card-bordered"
style="width: 300px;"
style="width:300px"
>
<div
class="ant-card-body"
@ -718,7 +718,7 @@ exports[`renders ./components/card/demo/tabs.md extend context correctly 1`] = `
Array [
<div
class="ant-card ant-card-bordered ant-card-contain-tabs"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-card-head"
@ -753,17 +753,15 @@ Array [
>
<div
class="ant-tabs-nav-list"
style="transform: translate(0px, 0px);"
style="transform:translate(0px, 0px)"
>
<div
class="ant-tabs-tab ant-tabs-tab-active"
>
<div
aria-controls="rc-tabs-test-panel-tabtest"
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-tabtest"
role="tab"
tabindex="0"
>
@ -774,11 +772,9 @@ Array [
class="ant-tabs-tab"
>
<div
aria-controls="rc-tabs-test-panel-tabtest"
aria-disabled="false"
aria-selected="false"
class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-tabtest"
role="tab"
tabindex="0"
>
@ -794,13 +790,13 @@ Array [
class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
>
<button
aria-controls="rc-tabs-test-more-popup"
aria-controls="null-more-popup"
aria-expanded="false"
aria-haspopup="listbox"
aria-hidden="true"
class="ant-tabs-nav-more"
id="rc-tabs-test-more"
style="visibility: hidden; order: 1;"
id="null-more"
style="visibility:hidden;order:1"
tabindex="-1"
type="button"
>
@ -826,20 +822,20 @@ Array [
</button>
<div>
<div
class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-tabs-dropdown"
style="opacity:0"
>
<ul
aria-label="expanded dropdown"
class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
data-menu-list="true"
id="rc-tabs-test-more-popup"
id="null-more-popup"
role="listbox"
tabindex="-1"
/>
<div
aria-hidden="true"
style="display: none;"
style="display:none"
/>
</div>
</div>
@ -853,9 +849,7 @@ Array [
>
<div
aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-tabtest"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
id="rc-tabs-test-panel-tabtest"
role="tabpanel"
tabindex="0"
/>
@ -875,7 +869,7 @@ Array [
<br />,
<div
class="ant-card ant-card-bordered ant-card-contain-tabs"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-card-head"
@ -895,17 +889,15 @@ Array [
>
<div
class="ant-tabs-nav-list"
style="transform: translate(0px, 0px);"
style="transform:translate(0px, 0px)"
>
<div
class="ant-tabs-tab"
>
<div
aria-controls="rc-tabs-test-panel-article"
aria-disabled="false"
aria-selected="false"
class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-article"
role="tab"
tabindex="0"
>
@ -916,11 +908,9 @@ Array [
class="ant-tabs-tab ant-tabs-tab-active"
>
<div
aria-controls="rc-tabs-test-panel-app"
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-app"
role="tab"
tabindex="0"
>
@ -931,11 +921,9 @@ Array [
class="ant-tabs-tab"
>
<div
aria-controls="rc-tabs-test-panel-project"
aria-disabled="false"
aria-selected="false"
class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-project"
role="tab"
tabindex="0"
>
@ -951,13 +939,13 @@ Array [
class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
>
<button
aria-controls="rc-tabs-test-more-popup"
aria-controls="null-more-popup"
aria-expanded="false"
aria-haspopup="listbox"
aria-hidden="true"
class="ant-tabs-nav-more"
id="rc-tabs-test-more"
style="visibility: hidden; order: 1;"
id="null-more"
style="visibility:hidden;order:1"
tabindex="-1"
type="button"
>
@ -983,20 +971,20 @@ Array [
</button>
<div>
<div
class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-tabs-dropdown"
style="opacity:0"
>
<ul
aria-label="expanded dropdown"
class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
data-menu-list="true"
id="rc-tabs-test-more-popup"
id="null-more-popup"
role="listbox"
tabindex="-1"
/>
<div
aria-hidden="true"
style="display: none;"
style="display:none"
/>
</div>
</div>
@ -1019,9 +1007,7 @@ Array [
>
<div
aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-app"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
id="rc-tabs-test-panel-app"
role="tabpanel"
tabindex="0"
/>

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

@ -4,7 +4,7 @@ exports[`renders ./components/card/demo/basic.md correctly 1`] = `
Array [
<div
class="ant-card ant-card-bordered"
style="width: 300px;"
style="width:300px"
>
<div
class="ant-card-head"
@ -44,7 +44,7 @@ Array [
</div>,
<div
class="ant-card ant-card-bordered ant-card-small"
style="width: 300px;"
style="width:300px"
>
<div
class="ant-card-head"
@ -91,7 +91,7 @@ exports[`renders ./components/card/demo/border-less.md correctly 1`] = `
>
<div
class="ant-card"
style="width: 300px;"
style="width:300px"
>
<div
class="ant-card-head"
@ -126,7 +126,7 @@ exports[`renders ./components/card/demo/border-less.md correctly 1`] = `
exports[`renders ./components/card/demo/flexible-content.md correctly 1`] = `
<div
class="ant-card ant-card-bordered ant-card-hoverable"
style="width: 240px;"
style="width:240px"
>
<div
class="ant-card-cover"
@ -183,43 +183,43 @@ exports[`renders ./components/card/demo/grid-card.md correctly 1`] = `
>
<div
class="ant-card-grid ant-card-grid-hoverable"
style="width: 25%; text-align: center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid"
style="width: 25%; text-align: center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid ant-card-grid-hoverable"
style="width: 25%; text-align: center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid ant-card-grid-hoverable"
style="width: 25%; text-align: center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid ant-card-grid-hoverable"
style="width: 25%; text-align: center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid ant-card-grid-hoverable"
style="width: 25%; text-align: center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid ant-card-grid-hoverable"
style="width: 25%; text-align: center;"
style="width:25%;text-align:center"
>
Content
</div>
@ -233,11 +233,11 @@ exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col ant-col-8"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-card"
@ -264,7 +264,7 @@ exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
</div>
<div
class="ant-col ant-col-8"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-card"
@ -291,7 +291,7 @@ exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
</div>
<div
class="ant-col ant-col-8"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-card"
@ -373,7 +373,7 @@ exports[`renders ./components/card/demo/inner.md correctly 1`] = `
</div>
<div
class="ant-card ant-card-bordered ant-card-type-inner"
style="margin-top: 16px;"
style="margin-top:16px"
>
<div
class="ant-card-head"
@ -424,7 +424,7 @@ Array [
</button>,
<div
class="ant-card ant-card-loading ant-card-bordered"
style="width: 300px; margin-top: 16px;"
style="width:300px;margin-top:16px"
>
<div
class="ant-card-body"
@ -442,7 +442,7 @@ Array [
<li />
<li />
<li
style="width: 61%;"
style="width:61%"
/>
</ul>
</div>
@ -451,7 +451,7 @@ Array [
</div>,
<div
class="ant-card ant-card-bordered"
style="width: 300px; margin-top: 16px;"
style="width:300px;margin-top:16px"
>
<div
class="ant-card-body"
@ -471,7 +471,7 @@ Array [
>
<h3
class="ant-skeleton-title"
style="width: 50%;"
style="width:50%"
/>
<ul
class="ant-skeleton-paragraph"
@ -486,7 +486,7 @@ Array [
class="ant-card-actions"
>
<li
style="width: 33.333333333333336%;"
style="width:33.333333333333336%"
>
<span>
<span
@ -511,7 +511,7 @@ Array [
</span>
</li>
<li
style="width: 33.333333333333336%;"
style="width:33.333333333333336%"
>
<span>
<span
@ -536,7 +536,7 @@ Array [
</span>
</li>
<li
style="width: 33.333333333333336%;"
style="width:33.333333333333336%"
>
<span>
<span
@ -568,7 +568,7 @@ Array [
exports[`renders ./components/card/demo/meta.md correctly 1`] = `
<div
class="ant-card ant-card-bordered"
style="width: 300px;"
style="width:300px"
>
<div
class="ant-card-cover"
@ -615,7 +615,7 @@ exports[`renders ./components/card/demo/meta.md correctly 1`] = `
class="ant-card-actions"
>
<li
style="width: 33.333333333333336%;"
style="width:33.333333333333336%"
>
<span>
<span
@ -640,7 +640,7 @@ exports[`renders ./components/card/demo/meta.md correctly 1`] = `
</span>
</li>
<li
style="width: 33.333333333333336%;"
style="width:33.333333333333336%"
>
<span>
<span
@ -665,7 +665,7 @@ exports[`renders ./components/card/demo/meta.md correctly 1`] = `
</span>
</li>
<li
style="width: 33.333333333333336%;"
style="width:33.333333333333336%"
>
<span>
<span
@ -696,7 +696,7 @@ exports[`renders ./components/card/demo/meta.md correctly 1`] = `
exports[`renders ./components/card/demo/simple.md correctly 1`] = `
<div
class="ant-card ant-card-bordered"
style="width: 300px;"
style="width:300px"
>
<div
class="ant-card-body"
@ -718,7 +718,7 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
Array [
<div
class="ant-card ant-card-bordered ant-card-contain-tabs"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-card-head"
@ -753,17 +753,15 @@ Array [
>
<div
class="ant-tabs-nav-list"
style="transform: translate(0px, 0px);"
style="transform:translate(0px, 0px)"
>
<div
class="ant-tabs-tab ant-tabs-tab-active"
>
<div
aria-controls="rc-tabs-test-panel-tabtest"
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-tabtest"
role="tab"
tabindex="0"
>
@ -774,11 +772,9 @@ Array [
class="ant-tabs-tab"
>
<div
aria-controls="rc-tabs-test-panel-tabtest"
aria-disabled="false"
aria-selected="false"
class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-tabtest"
role="tab"
tabindex="0"
>
@ -794,13 +790,13 @@ Array [
class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
>
<button
aria-controls="rc-tabs-test-more-popup"
aria-controls="null-more-popup"
aria-expanded="false"
aria-haspopup="listbox"
aria-hidden="true"
class="ant-tabs-nav-more"
id="rc-tabs-test-more"
style="visibility: hidden; order: 1;"
id="null-more"
style="visibility:hidden;order:1"
tabindex="-1"
type="button"
>
@ -834,9 +830,7 @@ Array [
>
<div
aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-tabtest"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
id="rc-tabs-test-panel-tabtest"
role="tabpanel"
tabindex="0"
/>
@ -856,7 +850,7 @@ Array [
<br />,
<div
class="ant-card ant-card-bordered ant-card-contain-tabs"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-card-head"
@ -876,17 +870,15 @@ Array [
>
<div
class="ant-tabs-nav-list"
style="transform: translate(0px, 0px);"
style="transform:translate(0px, 0px)"
>
<div
class="ant-tabs-tab"
>
<div
aria-controls="rc-tabs-test-panel-article"
aria-disabled="false"
aria-selected="false"
class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-article"
role="tab"
tabindex="0"
>
@ -897,11 +889,9 @@ Array [
class="ant-tabs-tab ant-tabs-tab-active"
>
<div
aria-controls="rc-tabs-test-panel-app"
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-app"
role="tab"
tabindex="0"
>
@ -912,11 +902,9 @@ Array [
class="ant-tabs-tab"
>
<div
aria-controls="rc-tabs-test-panel-project"
aria-disabled="false"
aria-selected="false"
class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-project"
role="tab"
tabindex="0"
>
@ -932,13 +920,13 @@ Array [
class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
>
<button
aria-controls="rc-tabs-test-more-popup"
aria-controls="null-more-popup"
aria-expanded="false"
aria-haspopup="listbox"
aria-hidden="true"
class="ant-tabs-nav-more"
id="rc-tabs-test-more"
style="visibility: hidden; order: 1;"
id="null-more"
style="visibility:hidden;order:1"
tabindex="-1"
type="button"
>
@ -981,9 +969,7 @@ Array [
>
<div
aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-app"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
id="rc-tabs-test-panel-app"
role="tabpanel"
tabindex="0"
/>

204
components/carousel/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -13,22 +13,22 @@ exports[`renders ./components/carousel/demo/autoplay.md extend context correctly
>
<div
class="slick-track"
style="opacity: 1; transform: translate3d(0px, 0px, 0px);"
style="width:900%;left:-100%"
>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="-1"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -39,16 +39,16 @@ exports[`renders ./components/carousel/demo/autoplay.md extend context correctly
aria-hidden="false"
class="slick-slide slick-active slick-current"
data-index="0"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
1
</h3>
@ -59,16 +59,16 @@ exports[`renders ./components/carousel/demo/autoplay.md extend context correctly
aria-hidden="true"
class="slick-slide"
data-index="1"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
2
</h3>
@ -79,16 +79,16 @@ exports[`renders ./components/carousel/demo/autoplay.md extend context correctly
aria-hidden="true"
class="slick-slide"
data-index="2"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
3
</h3>
@ -99,16 +99,16 @@ exports[`renders ./components/carousel/demo/autoplay.md extend context correctly
aria-hidden="true"
class="slick-slide"
data-index="3"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -119,16 +119,16 @@ exports[`renders ./components/carousel/demo/autoplay.md extend context correctly
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="4"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
1
</h3>
@ -139,16 +139,16 @@ exports[`renders ./components/carousel/demo/autoplay.md extend context correctly
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="5"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
2
</h3>
@ -159,16 +159,16 @@ exports[`renders ./components/carousel/demo/autoplay.md extend context correctly
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="6"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
3
</h3>
@ -179,16 +179,16 @@ exports[`renders ./components/carousel/demo/autoplay.md extend context correctly
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="7"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -199,7 +199,7 @@ exports[`renders ./components/carousel/demo/autoplay.md extend context correctly
</div>
<ul
class="slick-dots slick-dots-bottom"
style="display: block;"
style="display:block"
>
<li
class="slick-active"
@ -247,22 +247,22 @@ exports[`renders ./components/carousel/demo/basic.md extend context correctly 1`
>
<div
class="slick-track"
style="opacity: 1; transform: translate3d(0px, 0px, 0px);"
style="width:900%;left:-100%"
>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="-1"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -273,16 +273,16 @@ exports[`renders ./components/carousel/demo/basic.md extend context correctly 1`
aria-hidden="false"
class="slick-slide slick-active slick-current"
data-index="0"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
1
</h3>
@ -293,16 +293,16 @@ exports[`renders ./components/carousel/demo/basic.md extend context correctly 1`
aria-hidden="true"
class="slick-slide"
data-index="1"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
2
</h3>
@ -313,16 +313,16 @@ exports[`renders ./components/carousel/demo/basic.md extend context correctly 1`
aria-hidden="true"
class="slick-slide"
data-index="2"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
3
</h3>
@ -333,16 +333,16 @@ exports[`renders ./components/carousel/demo/basic.md extend context correctly 1`
aria-hidden="true"
class="slick-slide"
data-index="3"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -353,16 +353,16 @@ exports[`renders ./components/carousel/demo/basic.md extend context correctly 1`
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="4"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
1
</h3>
@ -373,16 +373,16 @@ exports[`renders ./components/carousel/demo/basic.md extend context correctly 1`
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="5"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
2
</h3>
@ -393,16 +393,16 @@ exports[`renders ./components/carousel/demo/basic.md extend context correctly 1`
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="6"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
3
</h3>
@ -413,16 +413,16 @@ exports[`renders ./components/carousel/demo/basic.md extend context correctly 1`
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="7"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -433,7 +433,7 @@ exports[`renders ./components/carousel/demo/basic.md extend context correctly 1`
</div>
<ul
class="slick-dots slick-dots-bottom"
style="display: block;"
style="display:block"
>
<li
class="slick-active"
@ -481,22 +481,22 @@ exports[`renders ./components/carousel/demo/fade.md extend context correctly 1`]
>
<div
class="slick-track"
style="opacity: 1;"
style="width:900%;left:-100%"
>
<div
aria-hidden="false"
class="slick-slide slick-active slick-current"
data-index="0"
style="outline: none; width: 0px; position: relative; left: 0px; opacity: 1; transition: opacity 500ms ease, visibility 500ms ease;"
style="outline:none;width:11.11111111111111%;position:relative;left:0;opacity:1;transition:opacity 500ms ease, visibility 500ms ease"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
1
</h3>
@ -507,16 +507,16 @@ exports[`renders ./components/carousel/demo/fade.md extend context correctly 1`]
aria-hidden="true"
class="slick-slide"
data-index="1"
style="outline: none; width: 0px; position: relative; left: 0px; opacity: 0; transition: opacity 500ms ease, visibility 500ms ease;"
style="outline:none;width:11.11111111111111%;position:relative;left:-11px;opacity:0;transition:opacity 500ms ease, visibility 500ms ease"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
2
</h3>
@ -527,16 +527,16 @@ exports[`renders ./components/carousel/demo/fade.md extend context correctly 1`]
aria-hidden="true"
class="slick-slide"
data-index="2"
style="outline: none; width: 0px; position: relative; left: 0px; opacity: 0; transition: opacity 500ms ease, visibility 500ms ease;"
style="outline:none;width:11.11111111111111%;position:relative;left:-22px;opacity:0;transition:opacity 500ms ease, visibility 500ms ease"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
3
</h3>
@ -547,16 +547,16 @@ exports[`renders ./components/carousel/demo/fade.md extend context correctly 1`]
aria-hidden="true"
class="slick-slide"
data-index="3"
style="outline: none; width: 0px; position: relative; left: 0px; opacity: 0; transition: opacity 500ms ease, visibility 500ms ease;"
style="outline:none;width:11.11111111111111%;position:relative;left:-33px;opacity:0;transition:opacity 500ms ease, visibility 500ms ease"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -567,7 +567,7 @@ exports[`renders ./components/carousel/demo/fade.md extend context correctly 1`]
</div>
<ul
class="slick-dots slick-dots-bottom"
style="display: block;"
style="display:block"
>
<li
class="slick-active"
@ -606,7 +606,7 @@ exports[`renders ./components/carousel/demo/position.md extend context correctly
Array [
<div
class="ant-radio-group ant-radio-group-outline"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
@ -698,22 +698,22 @@ Array [
>
<div
class="slick-track"
style="opacity: 1; transform: translate3d(0px, 0px, 0px);"
style="width:900%;left:-100%"
>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="-1"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -724,16 +724,16 @@ Array [
aria-hidden="false"
class="slick-slide slick-active slick-current"
data-index="0"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
1
</h3>
@ -744,16 +744,16 @@ Array [
aria-hidden="true"
class="slick-slide"
data-index="1"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
2
</h3>
@ -764,16 +764,16 @@ Array [
aria-hidden="true"
class="slick-slide"
data-index="2"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
3
</h3>
@ -784,16 +784,16 @@ Array [
aria-hidden="true"
class="slick-slide"
data-index="3"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -804,16 +804,16 @@ Array [
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="4"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
1
</h3>
@ -824,16 +824,16 @@ Array [
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="5"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
2
</h3>
@ -844,16 +844,16 @@ Array [
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="6"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
3
</h3>
@ -864,16 +864,16 @@ Array [
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="7"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -884,7 +884,7 @@ Array [
</div>
<ul
class="slick-dots slick-dots-top"
style="display: block;"
style="display:block"
>
<li
class="slick-active"

204
components/carousel/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -13,22 +13,22 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
>
<div
class="slick-track"
style="opacity: 1; transform: translate3d(0px, 0px, 0px);"
style="width:900%;left:-100%"
>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="-1"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -39,16 +39,16 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
aria-hidden="false"
class="slick-slide slick-active slick-current"
data-index="0"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
1
</h3>
@ -59,16 +59,16 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
aria-hidden="true"
class="slick-slide"
data-index="1"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
2
</h3>
@ -79,16 +79,16 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
aria-hidden="true"
class="slick-slide"
data-index="2"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
3
</h3>
@ -99,16 +99,16 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
aria-hidden="true"
class="slick-slide"
data-index="3"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -119,16 +119,16 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="4"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
1
</h3>
@ -139,16 +139,16 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="5"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
2
</h3>
@ -159,16 +159,16 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="6"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
3
</h3>
@ -179,16 +179,16 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="7"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -199,7 +199,7 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
</div>
<ul
class="slick-dots slick-dots-bottom"
style="display: block;"
style="display:block"
>
<li
class="slick-active"
@ -247,22 +247,22 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
>
<div
class="slick-track"
style="opacity: 1; transform: translate3d(0px, 0px, 0px);"
style="width:900%;left:-100%"
>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="-1"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -273,16 +273,16 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
aria-hidden="false"
class="slick-slide slick-active slick-current"
data-index="0"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
1
</h3>
@ -293,16 +293,16 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
aria-hidden="true"
class="slick-slide"
data-index="1"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
2
</h3>
@ -313,16 +313,16 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
aria-hidden="true"
class="slick-slide"
data-index="2"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
3
</h3>
@ -333,16 +333,16 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
aria-hidden="true"
class="slick-slide"
data-index="3"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -353,16 +353,16 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="4"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
1
</h3>
@ -373,16 +373,16 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="5"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
2
</h3>
@ -393,16 +393,16 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="6"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
3
</h3>
@ -413,16 +413,16 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="7"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -433,7 +433,7 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
</div>
<ul
class="slick-dots slick-dots-bottom"
style="display: block;"
style="display:block"
>
<li
class="slick-active"
@ -481,22 +481,22 @@ exports[`renders ./components/carousel/demo/fade.md correctly 1`] = `
>
<div
class="slick-track"
style="opacity: 1;"
style="width:900%;left:-100%"
>
<div
aria-hidden="false"
class="slick-slide slick-active slick-current"
data-index="0"
style="outline: none; width: 0px; position: relative; left: 0px; opacity: 1; transition: opacity 500ms ease, visibility 500ms ease;"
style="outline:none;width:11.11111111111111%;position:relative;left:0;opacity:1;transition:opacity 500ms ease, visibility 500ms ease"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
1
</h3>
@ -507,16 +507,16 @@ exports[`renders ./components/carousel/demo/fade.md correctly 1`] = `
aria-hidden="true"
class="slick-slide"
data-index="1"
style="outline: none; width: 0px; position: relative; left: 0px; opacity: 0; transition: opacity 500ms ease, visibility 500ms ease;"
style="outline:none;width:11.11111111111111%;position:relative;left:-11px;opacity:0;transition:opacity 500ms ease, visibility 500ms ease"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
2
</h3>
@ -527,16 +527,16 @@ exports[`renders ./components/carousel/demo/fade.md correctly 1`] = `
aria-hidden="true"
class="slick-slide"
data-index="2"
style="outline: none; width: 0px; position: relative; left: 0px; opacity: 0; transition: opacity 500ms ease, visibility 500ms ease;"
style="outline:none;width:11.11111111111111%;position:relative;left:-22px;opacity:0;transition:opacity 500ms ease, visibility 500ms ease"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
3
</h3>
@ -547,16 +547,16 @@ exports[`renders ./components/carousel/demo/fade.md correctly 1`] = `
aria-hidden="true"
class="slick-slide"
data-index="3"
style="outline: none; width: 0px; position: relative; left: 0px; opacity: 0; transition: opacity 500ms ease, visibility 500ms ease;"
style="outline:none;width:11.11111111111111%;position:relative;left:-33px;opacity:0;transition:opacity 500ms ease, visibility 500ms ease"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -567,7 +567,7 @@ exports[`renders ./components/carousel/demo/fade.md correctly 1`] = `
</div>
<ul
class="slick-dots slick-dots-bottom"
style="display: block;"
style="display:block"
>
<li
class="slick-active"
@ -606,7 +606,7 @@ exports[`renders ./components/carousel/demo/position.md correctly 1`] = `
Array [
<div
class="ant-radio-group ant-radio-group-outline"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
@ -698,22 +698,22 @@ Array [
>
<div
class="slick-track"
style="opacity: 1; transform: translate3d(0px, 0px, 0px);"
style="width:900%;left:-100%"
>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="-1"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -724,16 +724,16 @@ Array [
aria-hidden="false"
class="slick-slide slick-active slick-current"
data-index="0"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
1
</h3>
@ -744,16 +744,16 @@ Array [
aria-hidden="true"
class="slick-slide"
data-index="1"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
2
</h3>
@ -764,16 +764,16 @@ Array [
aria-hidden="true"
class="slick-slide"
data-index="2"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
3
</h3>
@ -784,16 +784,16 @@ Array [
aria-hidden="true"
class="slick-slide"
data-index="3"
style="outline: none; width: 0px;"
style="outline:none;width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -804,16 +804,16 @@ Array [
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="4"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
1
</h3>
@ -824,16 +824,16 @@ Array [
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="5"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
2
</h3>
@ -844,16 +844,16 @@ Array [
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="6"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
3
</h3>
@ -864,16 +864,16 @@ Array [
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="7"
style="width: 0px;"
style="width:11.11111111111111%"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
style="width:100%;display:inline-block"
tabindex="-1"
>
<h3
style="height: 160px; color: rgb(255, 255, 255); line-height: 160px; text-align: center; background: rgb(54, 77, 121);"
style="height:160px;color:#fff;line-height:160px;text-align:center;background:#364d79"
>
4
</h3>
@ -884,7 +884,7 @@ Array [
</div>
<ul
class="slick-dots slick-dots-top"
style="display: block;"
style="display:block"
>
<li
class="slick-active"

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

@ -12,15 +12,14 @@ exports[`renders ./components/cascader/demo/basic.md extend context correctly 1`
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -34,8 +33,8 @@ exports[`renders ./components/cascader/demo/basic.md extend context correctly 1`
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -125,7 +124,7 @@ exports[`renders ./components/cascader/demo/basic.md extend context correctly 1`
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -163,15 +162,14 @@ exports[`renders ./components/cascader/demo/change-on-select.md extend context c
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -183,8 +181,8 @@ exports[`renders ./components/cascader/demo/change-on-select.md extend context c
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -274,7 +272,7 @@ exports[`renders ./components/cascader/demo/change-on-select.md extend context c
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -312,15 +310,14 @@ exports[`renders ./components/cascader/demo/custom-dropdown.md extend context co
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -334,8 +331,8 @@ exports[`renders ./components/cascader/demo/custom-dropdown.md extend context co
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div>
@ -423,10 +420,10 @@ exports[`renders ./components/cascader/demo/custom-dropdown.md extend context co
<div
class="ant-divider ant-divider-horizontal"
role="separator"
style="margin: 0px;"
style="margin:0"
/>
<div
style="padding: 8px;"
style="padding:8px"
>
The footer is not very short.
</div>
@ -437,7 +434,7 @@ exports[`renders ./components/cascader/demo/custom-dropdown.md extend context co
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -466,7 +463,7 @@ exports[`renders ./components/cascader/demo/custom-dropdown.md extend context co
exports[`renders ./components/cascader/demo/custom-render.md extend context correctly 1`] = `
<div
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-select-selector"
@ -476,15 +473,14 @@ exports[`renders ./components/cascader/demo/custom-render.md extend context corr
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -495,14 +491,17 @@ exports[`renders ./components/cascader/demo/custom-render.md extend context corr
>
<span>
Zhejiang
<!-- -->
/
</span>
<span>
Hangzhou
<!-- -->
/
</span>
<span>
West Lake
<!-- -->
(
<a>
752100
@ -513,8 +512,8 @@ exports[`renders ./components/cascader/demo/custom-render.md extend context corr
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -604,7 +603,7 @@ exports[`renders ./components/cascader/demo/custom-render.md extend context corr
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -630,7 +629,7 @@ exports[`renders ./components/cascader/demo/custom-render.md extend context corr
<span
aria-hidden="true"
class="ant-select-clear"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -659,6 +658,7 @@ exports[`renders ./components/cascader/demo/custom-render.md extend context corr
exports[`renders ./components/cascader/demo/custom-trigger.md extend context correctly 1`] = `
<span>
Unselect
<!-- -->
<a
href="#"
>
@ -666,8 +666,8 @@ exports[`renders ./components/cascader/demo/custom-trigger.md extend context cor
</a>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -769,15 +769,14 @@ exports[`renders ./components/cascader/demo/default-value.md extend context corr
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -792,8 +791,8 @@ exports[`renders ./components/cascader/demo/default-value.md extend context corr
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -883,7 +882,7 @@ exports[`renders ./components/cascader/demo/default-value.md extend context corr
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -909,7 +908,7 @@ exports[`renders ./components/cascader/demo/default-value.md extend context corr
<span
aria-hidden="true"
class="ant-select-clear"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -947,15 +946,14 @@ exports[`renders ./components/cascader/demo/disabled-option.md extend context co
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -967,8 +965,8 @@ exports[`renders ./components/cascader/demo/disabled-option.md extend context co
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -1058,7 +1056,7 @@ exports[`renders ./components/cascader/demo/disabled-option.md extend context co
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1096,15 +1094,14 @@ exports[`renders ./components/cascader/demo/fields-name.md extend context correc
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1118,8 +1115,8 @@ exports[`renders ./components/cascader/demo/fields-name.md extend context correc
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -1209,7 +1206,7 @@ exports[`renders ./components/cascader/demo/fields-name.md extend context correc
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1247,15 +1244,14 @@ exports[`renders ./components/cascader/demo/hover.md extend context correctly 1`
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1267,8 +1263,8 @@ exports[`renders ./components/cascader/demo/hover.md extend context correctly 1`
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -1358,7 +1354,7 @@ exports[`renders ./components/cascader/demo/hover.md extend context correctly 1`
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1396,15 +1392,14 @@ exports[`renders ./components/cascader/demo/lazy.md extend context correctly 1`]
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1416,8 +1411,8 @@ exports[`renders ./components/cascader/demo/lazy.md extend context correctly 1`]
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -1507,7 +1502,7 @@ exports[`renders ./components/cascader/demo/lazy.md extend context correctly 1`]
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1536,7 +1531,7 @@ exports[`renders ./components/cascader/demo/lazy.md extend context correctly 1`]
exports[`renders ./components/cascader/demo/multiple.md extend context correctly 1`] = `
<div
class="ant-select ant-cascader ant-select-multiple ant-select-allow-clear"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-select-selector"
@ -1546,23 +1541,22 @@ exports[`renders ./components/cascader/demo/multiple.md extend context correctly
>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity: 1; order: 0;"
style="opacity:1;order:0"
>
<div
class="ant-select-selection-search"
style="width: 0px;"
style="width:0"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1581,8 +1575,8 @@ exports[`renders ./components/cascader/demo/multiple.md extend context correctly
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -1782,15 +1776,14 @@ Array [
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1804,8 +1797,8 @@ Array [
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-down-appear ant-slide-down-appear-prepare ant-slide-down"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -1895,7 +1888,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1934,12 +1927,11 @@ exports[`renders ./components/cascader/demo/search.md extend context correctly 1
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
role="combobox"
type="search"
value=""
@ -1953,8 +1945,8 @@ exports[`renders ./components/cascader/demo/search.md extend context correctly 1
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -2044,7 +2036,7 @@ exports[`renders ./components/cascader/demo/search.md extend context correctly 1
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -2074,7 +2066,7 @@ exports[`renders ./components/cascader/demo/showCheckedStrategy.md extend contex
Array [
<div
class="ant-select ant-cascader ant-select-multiple ant-select-allow-clear"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-select-selector"
@ -2085,7 +2077,7 @@ Array [
<div
aria-hidden="true"
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-rest"
style="opacity: 0; height: 0px; overflow-y: hidden; order: 9007199254740991; pointer-events: none; position: absolute;"
style="opacity:0;height:0;overflow-y:hidden;order:9007199254740991;pointer-events:none;position:absolute"
>
<span
class="ant-select-selection-item"
@ -2100,23 +2092,22 @@ Array [
</div>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity: 1; order: 0;"
style="opacity:1;order:0"
>
<div
class="ant-select-selection-search"
style="width: 0px;"
style="width:0"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -2132,8 +2123,8 @@ Array [
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -2237,7 +2228,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-clear"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -2265,7 +2256,7 @@ Array [
<br />,
<div
class="ant-select ant-cascader ant-select-multiple ant-select-allow-clear"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-select-selector"
@ -2276,7 +2267,7 @@ Array [
<div
aria-hidden="true"
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-rest"
style="opacity: 0; height: 0px; overflow-y: hidden; order: 9007199254740991; pointer-events: none; position: absolute;"
style="opacity:0;height:0;overflow-y:hidden;order:9007199254740991;pointer-events:none;position:absolute"
>
<span
class="ant-select-selection-item"
@ -2291,23 +2282,22 @@ Array [
</div>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity: 1; order: 0;"
style="opacity:1;order:0"
>
<div
class="ant-select-selection-search"
style="width: 0px;"
style="width:0"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -2323,8 +2313,8 @@ Array [
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -2428,7 +2418,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-clear"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -2468,15 +2458,14 @@ Array [
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -2488,8 +2477,8 @@ Array [
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -2579,7 +2568,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -2616,15 +2605,14 @@ Array [
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -2636,8 +2624,8 @@ Array [
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -2727,7 +2715,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -2764,15 +2752,14 @@ Array [
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -2784,8 +2771,8 @@ Array [
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -2875,7 +2862,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -2910,7 +2897,7 @@ exports[`renders ./components/cascader/demo/status.md extend context correctly 1
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-select ant-cascader ant-select-status-error ant-select-single ant-select-allow-clear ant-select-show-arrow"
@ -2923,15 +2910,14 @@ exports[`renders ./components/cascader/demo/status.md extend context correctly 1
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -2945,8 +2931,8 @@ exports[`renders ./components/cascader/demo/status.md extend context correctly 1
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-select-dropdown-empty ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-select-dropdown ant-cascader-dropdown ant-select-dropdown-empty"
style="opacity:0"
>
<div>
<div
@ -3021,7 +3007,7 @@ exports[`renders ./components/cascader/demo/status.md extend context correctly 1
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -3060,23 +3046,22 @@ exports[`renders ./components/cascader/demo/status.md extend context correctly 1
>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity: 1;"
style="opacity:1"
>
<div
class="ant-select-selection-search"
style="width: 0px;"
style="width:0"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -3097,8 +3082,8 @@ exports[`renders ./components/cascader/demo/status.md extend context correctly 1
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-select-dropdown-empty ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-select-dropdown ant-cascader-dropdown ant-select-dropdown-empty"
style="opacity:0"
>
<div>
<div
@ -3188,15 +3173,14 @@ Array [
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -3210,8 +3194,8 @@ Array [
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -3301,7 +3285,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -3338,15 +3322,14 @@ Array [
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -3360,8 +3343,8 @@ Array [
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -3451,7 +3434,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
ab
@ -3470,15 +3453,14 @@ Array [
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -3492,8 +3474,8 @@ Array [
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -3583,7 +3565,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -3620,15 +3602,14 @@ Array [
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -3642,8 +3623,8 @@ Array [
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: auto;"
class="ant-select-dropdown ant-cascader-dropdown"
style="opacity:0;min-width:auto"
>
<div>
<div
@ -3697,7 +3678,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span

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

@ -12,15 +12,14 @@ exports[`renders ./components/cascader/demo/basic.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -35,7 +34,7 @@ exports[`renders ./components/cascader/demo/basic.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -73,15 +72,14 @@ exports[`renders ./components/cascader/demo/change-on-select.md correctly 1`] =
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -94,7 +92,7 @@ exports[`renders ./components/cascader/demo/change-on-select.md correctly 1`] =
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -132,15 +130,14 @@ exports[`renders ./components/cascader/demo/custom-dropdown.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -155,7 +152,7 @@ exports[`renders ./components/cascader/demo/custom-dropdown.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -184,7 +181,7 @@ exports[`renders ./components/cascader/demo/custom-dropdown.md correctly 1`] = `
exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
<div
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-select-selector"
@ -194,15 +191,14 @@ exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -213,14 +209,17 @@ exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
>
<span>
Zhejiang
<!-- -->
/
</span>
<span>
Hangzhou
<!-- -->
/
</span>
<span>
West Lake
<!-- -->
(
<a>
752100
@ -232,7 +231,7 @@ exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -258,7 +257,7 @@ exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-clear"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -287,6 +286,7 @@ exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
exports[`renders ./components/cascader/demo/custom-trigger.md correctly 1`] = `
<span>
Unselect
<!-- -->
<a
href="#"
>
@ -307,15 +307,14 @@ exports[`renders ./components/cascader/demo/default-value.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -331,7 +330,7 @@ exports[`renders ./components/cascader/demo/default-value.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -357,7 +356,7 @@ exports[`renders ./components/cascader/demo/default-value.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-clear"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -395,15 +394,14 @@ exports[`renders ./components/cascader/demo/disabled-option.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -416,7 +414,7 @@ exports[`renders ./components/cascader/demo/disabled-option.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -454,15 +452,14 @@ exports[`renders ./components/cascader/demo/fields-name.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -477,7 +474,7 @@ exports[`renders ./components/cascader/demo/fields-name.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -515,15 +512,14 @@ exports[`renders ./components/cascader/demo/hover.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -536,7 +532,7 @@ exports[`renders ./components/cascader/demo/hover.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -574,15 +570,14 @@ exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -595,7 +590,7 @@ exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -624,7 +619,7 @@ exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
exports[`renders ./components/cascader/demo/multiple.md correctly 1`] = `
<div
class="ant-select ant-cascader ant-select-multiple ant-select-allow-clear"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-select-selector"
@ -634,23 +629,22 @@ exports[`renders ./components/cascader/demo/multiple.md correctly 1`] = `
>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity: 1; order: 0;"
style="opacity:1;order:0"
>
<div
class="ant-select-selection-search"
style="width: 0px;"
style="width:0"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -766,15 +760,14 @@ Array [
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -789,7 +782,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -828,12 +821,11 @@ exports[`renders ./components/cascader/demo/search.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
role="combobox"
type="search"
value=""
@ -848,7 +840,7 @@ exports[`renders ./components/cascader/demo/search.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -878,7 +870,7 @@ exports[`renders ./components/cascader/demo/showCheckedStrategy.md correctly 1`]
Array [
<div
class="ant-select ant-cascader ant-select-multiple ant-select-allow-clear"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-select-selector"
@ -889,7 +881,7 @@ Array [
<div
aria-hidden="true"
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-rest"
style="opacity: 0; height: 0px; overflow-y: hidden; order: 9007199254740991; pointer-events: none; position: absolute;"
style="opacity:0;height:0;overflow-y:hidden;order:9007199254740991;pointer-events:none;position:absolute"
>
<span
class="ant-select-selection-item"
@ -904,23 +896,22 @@ Array [
</div>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity: 1; order: 0;"
style="opacity:1;order:0"
>
<div
class="ant-select-selection-search"
style="width: 0px;"
style="width:0"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -937,7 +928,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-clear"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -965,7 +956,7 @@ Array [
<br />,
<div
class="ant-select ant-cascader ant-select-multiple ant-select-allow-clear"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-select-selector"
@ -976,7 +967,7 @@ Array [
<div
aria-hidden="true"
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-rest"
style="opacity: 0; height: 0px; overflow-y: hidden; order: 9007199254740991; pointer-events: none; position: absolute;"
style="opacity:0;height:0;overflow-y:hidden;order:9007199254740991;pointer-events:none;position:absolute"
>
<span
class="ant-select-selection-item"
@ -991,23 +982,22 @@ Array [
</div>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity: 1; order: 0;"
style="opacity:1;order:0"
>
<div
class="ant-select-selection-search"
style="width: 0px;"
style="width:0"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1024,7 +1014,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-clear"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1064,15 +1054,14 @@ Array [
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1085,7 +1074,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1122,15 +1111,14 @@ Array [
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1143,7 +1131,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1180,15 +1168,14 @@ Array [
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1201,7 +1188,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1236,7 +1223,7 @@ exports[`renders ./components/cascader/demo/status.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-select ant-cascader ant-select-status-error ant-select-single ant-select-allow-clear ant-select-show-arrow"
@ -1249,15 +1236,14 @@ exports[`renders ./components/cascader/demo/status.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1272,7 +1258,7 @@ exports[`renders ./components/cascader/demo/status.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1311,23 +1297,22 @@ exports[`renders ./components/cascader/demo/status.md correctly 1`] = `
>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity: 1;"
style="opacity:1"
>
<div
class="ant-select-selection-search"
style="width: 0px;"
style="width:0"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1364,15 +1349,14 @@ Array [
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1387,7 +1371,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1424,15 +1408,14 @@ Array [
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1447,7 +1430,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
ab
@ -1466,15 +1449,14 @@ Array [
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1489,7 +1471,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1526,15 +1508,14 @@ Array [
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1549,7 +1530,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span

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

@ -10,7 +10,6 @@ exports[`renders ./components/checkbox/demo/basic.md extend context correctly 1`
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
@ -34,7 +33,6 @@ Array [
aria-checked="mixed"
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
@ -117,7 +115,7 @@ Array [
exports[`renders ./components/checkbox/demo/controller.md extend context correctly 1`] = `
Array [
<p
style="margin-bottom: 20px;"
style="margin-bottom:20px"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
@ -129,7 +127,6 @@ Array [
checked=""
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
@ -151,7 +148,7 @@ Array [
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
style="margin: 0px 10px;"
style="margin:0 10px"
type="button"
>
<span>
@ -166,11 +163,11 @@ exports[`renders ./components/checkbox/demo/debug-line.md extend context correct
<div>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="border: 1px solid red; margin-bottom: 16px;"
style="border:1px solid red;margin-bottom:16px"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<label
class="ant-checkbox-wrapper"
@ -191,7 +188,7 @@ exports[`renders ./components/checkbox/demo/debug-line.md extend context correct
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div>
Bamboo
@ -223,11 +220,11 @@ exports[`renders ./components/checkbox/demo/debug-line.md extend context correct
</div>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="border: 1px solid red; margin-bottom: 16px;"
style="border:1px solid red;margin-bottom:16px"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<label
class="ant-radio-wrapper"
@ -248,7 +245,7 @@ exports[`renders ./components/checkbox/demo/debug-line.md extend context correct
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div>
Bamboo
@ -279,7 +276,7 @@ exports[`renders ./components/checkbox/demo/debug-line.md extend context correct
</div>
</div>
<div
style="border: 1px solid red; margin-bottom: 16px; display: flex; align-items: center;"
style="border:1px solid red;margin-bottom:16px;display:flex;align-items:center"
>
<label
class="ant-checkbox-wrapper"
@ -321,7 +318,7 @@ exports[`renders ./components/checkbox/demo/debug-line.md extend context correct
</label>
</div>
<div
style="border: 1px solid red; margin-bottom: 16px; display: flex; align-items: center;"
style="border:1px solid red;margin-bottom:16px;display:flex;align-items:center"
>
<label
class="ant-radio-wrapper"
@ -377,7 +374,6 @@ Array [
class="ant-checkbox-input"
disabled=""
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
@ -396,7 +392,6 @@ Array [
class="ant-checkbox-input"
disabled=""
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
@ -607,7 +602,7 @@ Array [
exports[`renders ./components/checkbox/demo/layout.md extend context correctly 1`] = `
<div
class="ant-checkbox-group"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-row"

27
components/checkbox/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -10,7 +10,6 @@ exports[`renders ./components/checkbox/demo/basic.md correctly 1`] = `
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
@ -34,7 +33,6 @@ Array [
aria-checked="mixed"
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
@ -117,7 +115,7 @@ Array [
exports[`renders ./components/checkbox/demo/controller.md correctly 1`] = `
Array [
<p
style="margin-bottom: 20px;"
style="margin-bottom:20px"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
@ -129,7 +127,6 @@ Array [
checked=""
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
@ -151,7 +148,7 @@ Array [
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
style="margin: 0px 10px;"
style="margin:0 10px"
type="button"
>
<span>
@ -166,11 +163,11 @@ exports[`renders ./components/checkbox/demo/debug-line.md correctly 1`] = `
<div>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="border: 1px solid red; margin-bottom: 16px;"
style="border:1px solid red;margin-bottom:16px"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<label
class="ant-checkbox-wrapper"
@ -191,7 +188,7 @@ exports[`renders ./components/checkbox/demo/debug-line.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div>
Bamboo
@ -223,11 +220,11 @@ exports[`renders ./components/checkbox/demo/debug-line.md correctly 1`] = `
</div>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="border: 1px solid red; margin-bottom: 16px;"
style="border:1px solid red;margin-bottom:16px"
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<label
class="ant-radio-wrapper"
@ -248,7 +245,7 @@ exports[`renders ./components/checkbox/demo/debug-line.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div>
Bamboo
@ -279,7 +276,7 @@ exports[`renders ./components/checkbox/demo/debug-line.md correctly 1`] = `
</div>
</div>
<div
style="border: 1px solid red; margin-bottom: 16px; display: flex; align-items: center;"
style="border:1px solid red;margin-bottom:16px;display:flex;align-items:center"
>
<label
class="ant-checkbox-wrapper"
@ -321,7 +318,7 @@ exports[`renders ./components/checkbox/demo/debug-line.md correctly 1`] = `
</label>
</div>
<div
style="border: 1px solid red; margin-bottom: 16px; display: flex; align-items: center;"
style="border:1px solid red;margin-bottom:16px;display:flex;align-items:center"
>
<label
class="ant-radio-wrapper"
@ -377,7 +374,6 @@ Array [
class="ant-checkbox-input"
disabled=""
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
@ -396,7 +392,6 @@ Array [
class="ant-checkbox-input"
disabled=""
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
@ -607,7 +602,7 @@ Array [
exports[`renders ./components/checkbox/demo/layout.md correctly 1`] = `
<div
class="ant-checkbox-group"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-row"

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

@ -156,7 +156,7 @@ exports[`renders ./components/collapse/demo/basic.md extend context correctly 1`
fill="currentColor"
focusable="false"
height="1em"
style="transform: rotate(90deg);"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="64 64 896 896"
width="1em"
>
@ -297,7 +297,7 @@ exports[`renders ./components/collapse/demo/borderless.md extend context correct
fill="currentColor"
focusable="false"
height="1em"
style="transform: rotate(90deg);"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="64 64 896 896"
width="1em"
>
@ -320,7 +320,7 @@ exports[`renders ./components/collapse/demo/borderless.md extend context correct
class="ant-collapse-content-box"
>
<p
style="padding-left: 24px;"
style="padding-left:24px"
>
A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.
</p>
@ -416,7 +416,7 @@ exports[`renders ./components/collapse/demo/collapsible.md extend context correc
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-collapse ant-collapse-icon-position-start"
@ -443,7 +443,7 @@ exports[`renders ./components/collapse/demo/collapsible.md extend context correc
fill="currentColor"
focusable="false"
height="1em"
style="transform: rotate(90deg);"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="64 64 896 896"
width="1em"
>
@ -554,7 +554,7 @@ exports[`renders ./components/collapse/demo/custom.md extend context correctly 1
fill="currentColor"
focusable="false"
height="1em"
style="transform: rotate(90deg);"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="0 0 1024 1024"
width="1em"
>
@ -696,7 +696,7 @@ Array [
fill="currentColor"
focusable="false"
height="1em"
style="transform: rotate(90deg);"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="64 64 896 896"
width="1em"
>
@ -885,7 +885,7 @@ Array [
</span>,
<div
class="ant-select ant-select-single ant-select-show-arrow"
style="margin: 0px 8px;"
style="margin:0 8px"
>
<div
class="ant-select-selector"
@ -894,17 +894,16 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -919,19 +918,19 @@ Array [
</div>
<div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-select-dropdown"
style="opacity:0"
>
<div>
<div
id="rc_select_test_list"
id="undefined_list"
role="listbox"
style="height: 0px; width: 0px; overflow: hidden;"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="start"
aria-selected="true"
id="rc_select_test_list_test"
id="undefined_list_0"
role="option"
>
start
@ -939,7 +938,7 @@ Array [
<div
aria-label="end"
aria-selected="false"
id="rc_select_test_list_test"
id="undefined_list_1"
role="option"
>
end
@ -947,16 +946,16 @@ Array [
</div>
<div
class="rc-virtual-list"
style="position: relative;"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height: 256px; overflow-y: auto;"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display: flex; flex-direction: column;"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
@ -971,7 +970,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -988,7 +987,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -1002,7 +1001,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1057,7 +1056,7 @@ exports[`renders ./components/collapse/demo/ghost.md extend context correctly 1`
fill="currentColor"
focusable="false"
height="1em"
style="transform: rotate(90deg);"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="64 64 896 896"
width="1em"
>
@ -1325,7 +1324,7 @@ exports[`renders ./components/collapse/demo/noarrow.md extend context correctly
fill="currentColor"
focusable="false"
height="1em"
style="transform: rotate(90deg);"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="64 64 896 896"
width="1em"
>

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

@ -156,7 +156,7 @@ exports[`renders ./components/collapse/demo/basic.md correctly 1`] = `
fill="currentColor"
focusable="false"
height="1em"
style="transform: rotate(90deg);"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="64 64 896 896"
width="1em"
>
@ -297,7 +297,7 @@ exports[`renders ./components/collapse/demo/borderless.md correctly 1`] = `
fill="currentColor"
focusable="false"
height="1em"
style="transform: rotate(90deg);"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="64 64 896 896"
width="1em"
>
@ -320,7 +320,7 @@ exports[`renders ./components/collapse/demo/borderless.md correctly 1`] = `
class="ant-collapse-content-box"
>
<p
style="padding-left: 24px;"
style="padding-left:24px"
>
A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.
</p>
@ -416,7 +416,7 @@ exports[`renders ./components/collapse/demo/collapsible.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-collapse ant-collapse-icon-position-start"
@ -443,7 +443,7 @@ exports[`renders ./components/collapse/demo/collapsible.md correctly 1`] = `
fill="currentColor"
focusable="false"
height="1em"
style="transform: rotate(90deg);"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="64 64 896 896"
width="1em"
>
@ -554,7 +554,7 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
fill="currentColor"
focusable="false"
height="1em"
style="transform: rotate(90deg);"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="0 0 1024 1024"
width="1em"
>
@ -696,7 +696,7 @@ Array [
fill="currentColor"
focusable="false"
height="1em"
style="transform: rotate(90deg);"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="64 64 896 896"
width="1em"
>
@ -885,7 +885,7 @@ Array [
</span>,
<div
class="ant-select ant-select-single ant-select-show-arrow"
style="margin: 0px 8px;"
style="margin:0 8px"
>
<div
class="ant-select-selector"
@ -894,17 +894,16 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -920,7 +919,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -975,7 +974,7 @@ exports[`renders ./components/collapse/demo/ghost.md correctly 1`] = `
fill="currentColor"
focusable="false"
height="1em"
style="transform: rotate(90deg);"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="64 64 896 896"
width="1em"
>
@ -1243,7 +1242,7 @@ exports[`renders ./components/collapse/demo/noarrow.md correctly 1`] = `
fill="currentColor"
focusable="false"
height="1em"
style="transform: rotate(90deg);"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="64 64 896 896"
width="1em"
>

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

@ -40,8 +40,8 @@ exports[`renders ./components/comment/demo/basic.md extend context correctly 1`]
</span>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -103,8 +103,8 @@ exports[`renders ./components/comment/demo/basic.md extend context correctly 1`]
</span>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -155,8 +155,8 @@ exports[`renders ./components/comment/demo/basic.md extend context correctly 1`]
</span>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -324,8 +324,8 @@ exports[`renders ./components/comment/demo/list.md extend context correctly 1`]
</span>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -402,8 +402,8 @@ exports[`renders ./components/comment/demo/list.md extend context correctly 1`]
</span>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"

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

File diff suppressed because it is too large Load Diff

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

@ -6,7 +6,7 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-picker"
@ -50,7 +50,7 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-picker"
@ -94,7 +94,7 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-picker"
@ -138,7 +138,7 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-picker"
@ -232,7 +232,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-borderless"
@ -276,7 +276,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-borderless"
@ -320,7 +320,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-borderless"
@ -364,7 +364,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-borderless"
@ -408,7 +408,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range ant-picker-borderless"
@ -465,7 +465,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -494,7 +494,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range ant-picker-borderless"
@ -551,7 +551,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -580,7 +580,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range ant-picker-borderless"
@ -637,7 +637,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -722,7 +722,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -758,7 +758,7 @@ exports[`renders ./components/date-picker/demo/date-render.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -858,7 +858,7 @@ exports[`renders ./components/date-picker/demo/date-render.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -894,7 +894,7 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-disabled"
@ -908,8 +908,8 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
placeholder="Select date"
readonly=""
size="12"
title="2015-06-06"
value="2015-06-06"
title=""
value=""
/>
<span
class="ant-picker-suffix"
@ -939,7 +939,7 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-disabled"
@ -953,8 +953,8 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
placeholder="Select month"
readonly=""
size="12"
title="2015-06"
value="2015-06"
title=""
value=""
/>
<span
class="ant-picker-suffix"
@ -984,7 +984,7 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range ant-picker-disabled"
@ -998,7 +998,7 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
placeholder="Start date"
readonly=""
size="12"
value="2015-06-06"
value=""
/>
</div>
<div
@ -1038,12 +1038,12 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
placeholder="End date"
readonly=""
size="12"
value="2015-06-06"
value=""
/>
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -1084,7 +1084,7 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
placeholder="Start date"
readonly=""
size="12"
value="2019-09-03"
value=""
/>
</div>
<div
@ -1124,12 +1124,12 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
placeholder="End date"
readonly=""
size="12"
value="2019-11-22"
value=""
/>
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -1188,7 +1188,7 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -1232,7 +1232,7 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -1276,7 +1276,7 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -1333,7 +1333,7 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -1418,7 +1418,7 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -1454,7 +1454,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -1498,7 +1498,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -1542,7 +1542,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -1599,7 +1599,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -1628,7 +1628,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -1685,7 +1685,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -1764,7 +1764,7 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -1777,8 +1777,8 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
placeholder="Select date"
readonly=""
size="12"
title="2015/01/01"
value="2015/01/01"
title=""
value=""
/>
<span
class="ant-picker-suffix"
@ -1832,7 +1832,7 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -1845,8 +1845,8 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
placeholder="Select date"
readonly=""
size="12"
title="01/01/2015"
value="01/01/2015"
title=""
value=""
/>
<span
class="ant-picker-suffix"
@ -1900,7 +1900,7 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -1913,8 +1913,8 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
placeholder="Select month"
readonly=""
size="12"
title="2015/01"
value="2015/01"
title=""
value=""
/>
<span
class="ant-picker-suffix"
@ -1968,7 +1968,7 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -1981,8 +1981,8 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
placeholder="Select week"
readonly=""
size="15"
title="11/20 ~ 11/26"
value="11/20 ~ 11/26"
title=""
value=""
/>
<span
class="ant-picker-suffix"
@ -2036,7 +2036,7 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -2049,7 +2049,7 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
placeholder="Start date"
readonly=""
size="12"
value="2015/01/01"
value=""
/>
</div>
<div
@ -2088,12 +2088,12 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
placeholder="End date"
readonly=""
size="12"
value="2015/01/01"
value=""
/>
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -2157,8 +2157,8 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
placeholder="Select date"
readonly=""
size="27"
title="custom format: 2015/01/01"
value="custom format: 2015/01/01"
title=""
value=""
/>
<span
class="ant-picker-suffix"
@ -2219,7 +2219,7 @@ exports[`renders ./components/date-picker/demo/mode.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -2319,7 +2319,7 @@ exports[`renders ./components/date-picker/demo/mode.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -2530,7 +2530,7 @@ Array [
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -2565,7 +2565,7 @@ exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`]
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -2622,7 +2622,7 @@ exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`]
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -2707,7 +2707,7 @@ exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`]
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -2743,7 +2743,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -2800,7 +2800,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -2829,7 +2829,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -2886,7 +2886,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -2915,7 +2915,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -2972,7 +2972,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -3001,7 +3001,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -3058,7 +3058,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -3087,7 +3087,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -3144,7 +3144,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -3229,7 +3229,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -3315,7 +3315,7 @@ exports[`renders ./components/date-picker/demo/select-in-range.md correctly 1`]
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -3349,7 +3349,7 @@ exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-radio-group ant-radio-group-outline"
@ -3416,7 +3416,7 @@ exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-middle"
@ -3460,7 +3460,7 @@ exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-middle"
@ -3504,7 +3504,7 @@ exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range ant-picker-middle"
@ -3561,7 +3561,7 @@ exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -3640,7 +3640,7 @@ exports[`renders ./components/date-picker/demo/start-end.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-picker"
@ -3731,15 +3731,15 @@ exports[`renders ./components/date-picker/demo/start-end.md correctly 1`] = `
exports[`renders ./components/date-picker/demo/status.md correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-picker ant-picker-status-error"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-picker-input"
@ -3780,11 +3780,11 @@ exports[`renders ./components/date-picker/demo/status.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-picker ant-picker-status-warning"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-picker-input"
@ -3825,11 +3825,11 @@ exports[`renders ./components/date-picker/demo/status.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-picker ant-picker-range ant-picker-status-error"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-picker-input ant-picker-input-active"
@ -3883,7 +3883,7 @@ exports[`renders ./components/date-picker/demo/status.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -3915,7 +3915,7 @@ exports[`renders ./components/date-picker/demo/status.md correctly 1`] = `
>
<div
class="ant-picker ant-picker-range ant-picker-status-warning"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-picker-input ant-picker-input-active"
@ -3969,7 +3969,7 @@ exports[`renders ./components/date-picker/demo/status.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -4005,7 +4005,7 @@ exports[`renders ./components/date-picker/demo/suffix.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -4049,7 +4049,7 @@ exports[`renders ./components/date-picker/demo/suffix.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -4093,7 +4093,7 @@ exports[`renders ./components/date-picker/demo/suffix.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -4150,7 +4150,7 @@ exports[`renders ./components/date-picker/demo/suffix.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -4179,7 +4179,7 @@ exports[`renders ./components/date-picker/demo/suffix.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -4223,7 +4223,7 @@ exports[`renders ./components/date-picker/demo/suffix.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -4249,7 +4249,7 @@ exports[`renders ./components/date-picker/demo/suffix.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -4275,7 +4275,7 @@ exports[`renders ./components/date-picker/demo/suffix.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker ant-picker-range"
@ -4332,7 +4332,7 @@ exports[`renders ./components/date-picker/demo/suffix.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -4375,7 +4375,7 @@ exports[`renders ./components/date-picker/demo/switchable.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
@ -4387,17 +4387,16 @@ exports[`renders ./components/date-picker/demo/switchable.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -4413,7 +4412,7 @@ exports[`renders ./components/date-picker/demo/switchable.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -4493,7 +4492,7 @@ exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 12px;"
style="margin-bottom:12px"
>
<div
class="ant-picker"
@ -4593,7 +4592,7 @@ exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"

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

@ -40,10 +40,6 @@ exports[`renders ./components/descriptions/demo/basic.md extend context correctl
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
@ -63,10 +59,6 @@ exports[`renders ./components/descriptions/demo/basic.md extend context correctl
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
@ -109,13 +101,9 @@ exports[`renders ./components/descriptions/demo/basic.md extend context correctl
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
colspan="2"
>
<div
class="ant-descriptions-item-container"
@ -176,10 +164,6 @@ exports[`renders ./components/descriptions/demo/border.md extend context correct
Cloud Database
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -196,10 +180,6 @@ exports[`renders ./components/descriptions/demo/border.md extend context correct
Prepaid
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -236,10 +216,6 @@ exports[`renders ./components/descriptions/demo/border.md extend context correct
2018-04-24 18:00:00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -250,7 +226,7 @@ exports[`renders ./components/descriptions/demo/border.md extend context correct
</th>
<td
class="ant-descriptions-item-content"
colspan="1"
colspan="3"
>
<span>
2019-04-24 18:00:00
@ -270,7 +246,7 @@ exports[`renders ./components/descriptions/demo/border.md extend context correct
</th>
<td
class="ant-descriptions-item-content"
colspan="1"
colspan="5"
>
<span>
<span
@ -307,10 +283,6 @@ exports[`renders ./components/descriptions/demo/border.md extend context correct
$80.00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -327,10 +299,6 @@ exports[`renders ./components/descriptions/demo/border.md extend context correct
$20.00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -361,7 +329,7 @@ exports[`renders ./components/descriptions/demo/border.md extend context correct
</th>
<td
class="ant-descriptions-item-content"
colspan="1"
colspan="5"
>
<span>
Data disk type: MongoDB
@ -423,10 +391,6 @@ exports[`renders ./components/descriptions/demo/responsive.md extend context cor
Cloud Database
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -443,10 +407,6 @@ exports[`renders ./components/descriptions/demo/responsive.md extend context cor
Prepaid
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -483,10 +443,6 @@ exports[`renders ./components/descriptions/demo/responsive.md extend context cor
$80.00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -503,10 +459,6 @@ exports[`renders ./components/descriptions/demo/responsive.md extend context cor
$20.00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -537,7 +489,7 @@ exports[`renders ./components/descriptions/demo/responsive.md extend context cor
</th>
<td
class="ant-descriptions-item-content"
colspan="1"
colspan="5"
>
<span>
Data disk type: MongoDB
@ -675,10 +627,6 @@ exports[`renders ./components/descriptions/demo/size.md extend context correctly
Cloud Database
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -695,10 +643,6 @@ exports[`renders ./components/descriptions/demo/size.md extend context correctly
Prepaid
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -735,10 +679,6 @@ exports[`renders ./components/descriptions/demo/size.md extend context correctly
$80.00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -755,10 +695,6 @@ exports[`renders ./components/descriptions/demo/size.md extend context correctly
$20.00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -789,7 +725,7 @@ exports[`renders ./components/descriptions/demo/size.md extend context correctly
</th>
<td
class="ant-descriptions-item-content"
colspan="1"
colspan="5"
>
<span>
Data disk type: MongoDB
@ -864,10 +800,6 @@ exports[`renders ./components/descriptions/demo/size.md extend context correctly
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
@ -887,10 +819,6 @@ exports[`renders ./components/descriptions/demo/size.md extend context correctly
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
@ -933,10 +861,6 @@ exports[`renders ./components/descriptions/demo/size.md extend context correctly
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
@ -956,10 +880,6 @@ exports[`renders ./components/descriptions/demo/size.md extend context correctly
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
@ -1078,7 +998,7 @@ Array [
<th
class="ant-descriptions-item-label"
colspan="1"
style="background: red;"
style="background:red"
>
<span>
Product
@ -1087,16 +1007,12 @@ Array [
<td
class="ant-descriptions-item-content"
colspan="1"
style="background: green;"
style="background:green"
>
<span>
Cloud Database
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -1113,10 +1029,6 @@ Array [
Prepaid
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -1165,7 +1077,7 @@ Array [
<th
class="ant-descriptions-item-label"
colspan="1"
style="background: red;"
style="background:red"
>
<span>
Product
@ -1174,20 +1086,16 @@ Array [
<td
class="ant-descriptions-item-content"
colspan="1"
style="background: green;"
style="background:green"
>
<span>
Cloud Database
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
style="background: red;"
style="background:red"
>
<span>
Billing Mode
@ -1196,20 +1104,16 @@ Array [
<td
class="ant-descriptions-item-content"
colspan="1"
style="background: green;"
style="background:green"
>
<span>
Prepaid
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
style="background: red; color: orange;"
style="background:red;color:orange"
>
<span>
Automatic Renewal
@ -1218,7 +1122,7 @@ Array [
<td
class="ant-descriptions-item-content"
colspan="1"
style="background: green; color: blue;"
style="background:green;color:blue"
>
<span>
YES
@ -1283,7 +1187,7 @@ exports[`renders ./components/descriptions/demo/text.md extend context correctly
class="ant-descriptions-item-label"
>
<div
style="display: flex;"
style="display:flex"
>
Billing Mode
</div>
@ -1546,7 +1450,7 @@ exports[`renders ./components/descriptions/demo/text.md extend context correctly
class="ant-table-content"
>
<table
style="table-layout: auto;"
style="table-layout:auto"
>
<colgroup />
<thead
@ -1666,28 +1570,6 @@ exports[`renders ./components/descriptions/demo/vertical.md extend context corre
</span>
</div>
</th>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
>
<div
class="ant-descriptions-item-container"
>
<span
class="ant-descriptions-item-content"
>
Zhou Maomao
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item"
colspan="1"
@ -1702,28 +1584,6 @@ exports[`renders ./components/descriptions/demo/vertical.md extend context corre
</span>
</div>
</th>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
>
<div
class="ant-descriptions-item-container"
>
<span
class="ant-descriptions-item-content"
>
1810000000
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item"
colspan="1"
@ -1742,6 +1602,34 @@ exports[`renders ./components/descriptions/demo/vertical.md extend context corre
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
>
<div
class="ant-descriptions-item-container"
>
<span
class="ant-descriptions-item-content"
>
Zhou Maomao
</span>
</div>
</td>
<td
class="ant-descriptions-item"
colspan="1"
>
<div
class="ant-descriptions-item-container"
>
<span
class="ant-descriptions-item-content"
>
1810000000
</span>
</div>
</td>
<td
class="ant-descriptions-item"
colspan="1"
@ -1762,7 +1650,7 @@ exports[`renders ./components/descriptions/demo/vertical.md extend context corre
>
<th
class="ant-descriptions-item"
colspan="1"
colspan="2"
>
<div
class="ant-descriptions-item-container"
@ -1774,28 +1662,6 @@ exports[`renders ./components/descriptions/demo/vertical.md extend context corre
</span>
</div>
</th>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
>
<div
class="ant-descriptions-item-container"
>
<span
class="ant-descriptions-item-content"
>
No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item"
colspan="1"
@ -1814,6 +1680,20 @@ exports[`renders ./components/descriptions/demo/vertical.md extend context corre
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="2"
>
<div
class="ant-descriptions-item-container"
>
<span
class="ant-descriptions-item-content"
>
No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
</span>
</div>
</td>
<td
class="ant-descriptions-item"
colspan="1"
@ -1864,22 +1744,6 @@ exports[`renders ./components/descriptions/demo/vertical-border.md extend contex
Product
</span>
</th>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
Cloud Database
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -1888,22 +1752,6 @@ exports[`renders ./components/descriptions/demo/vertical-border.md extend contex
Billing Mode
</span>
</th>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
Prepaid
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -1916,6 +1764,22 @@ exports[`renders ./components/descriptions/demo/vertical-border.md extend contex
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
Cloud Database
</span>
</td>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
Prepaid
</span>
</td>
<td
class="ant-descriptions-item-content"
colspan="1"
@ -1936,25 +1800,9 @@ exports[`renders ./components/descriptions/demo/vertical-border.md extend contex
Order time
</span>
</th>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
2018-04-24 18:00:00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
colspan="2"
>
<span>
Usage Time
@ -1967,6 +1815,14 @@ exports[`renders ./components/descriptions/demo/vertical-border.md extend contex
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
2018-04-24 18:00:00
</span>
</td>
<td
class="ant-descriptions-item-content"
colspan="2"
>
<span>
2019-04-24 18:00:00
@ -1978,7 +1834,7 @@ exports[`renders ./components/descriptions/demo/vertical-border.md extend contex
>
<th
class="ant-descriptions-item-label"
colspan="1"
colspan="3"
>
<span>
Status
@ -1990,7 +1846,7 @@ exports[`renders ./components/descriptions/demo/vertical-border.md extend contex
>
<td
class="ant-descriptions-item-content"
colspan="1"
colspan="3"
>
<span>
<span
@ -2019,22 +1875,6 @@ exports[`renders ./components/descriptions/demo/vertical-border.md extend contex
Negotiated Amount
</span>
</th>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
$80.00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -2043,22 +1883,6 @@ exports[`renders ./components/descriptions/demo/vertical-border.md extend contex
Discount
</span>
</th>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
$20.00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -2071,6 +1895,22 @@ exports[`renders ./components/descriptions/demo/vertical-border.md extend contex
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
$80.00
</span>
</td>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
$20.00
</span>
</td>
<td
class="ant-descriptions-item-content"
colspan="1"
@ -2085,7 +1925,7 @@ exports[`renders ./components/descriptions/demo/vertical-border.md extend contex
>
<th
class="ant-descriptions-item-label"
colspan="1"
colspan="3"
>
<span>
Config Info
@ -2097,7 +1937,7 @@ exports[`renders ./components/descriptions/demo/vertical-border.md extend contex
>
<td
class="ant-descriptions-item-content"
colspan="1"
colspan="3"
>
<span>
Data disk type: MongoDB

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

@ -40,10 +40,6 @@ exports[`renders ./components/descriptions/demo/basic.md correctly 1`] = `
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
@ -63,10 +59,6 @@ exports[`renders ./components/descriptions/demo/basic.md correctly 1`] = `
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
@ -109,13 +101,9 @@ exports[`renders ./components/descriptions/demo/basic.md correctly 1`] = `
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
colspan="2"
>
<div
class="ant-descriptions-item-container"
@ -176,10 +164,6 @@ exports[`renders ./components/descriptions/demo/border.md correctly 1`] = `
Cloud Database
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -196,10 +180,6 @@ exports[`renders ./components/descriptions/demo/border.md correctly 1`] = `
Prepaid
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -236,10 +216,6 @@ exports[`renders ./components/descriptions/demo/border.md correctly 1`] = `
2018-04-24 18:00:00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -250,7 +226,7 @@ exports[`renders ./components/descriptions/demo/border.md correctly 1`] = `
</th>
<td
class="ant-descriptions-item-content"
colspan="1"
colspan="3"
>
<span>
2019-04-24 18:00:00
@ -270,7 +246,7 @@ exports[`renders ./components/descriptions/demo/border.md correctly 1`] = `
</th>
<td
class="ant-descriptions-item-content"
colspan="1"
colspan="5"
>
<span>
<span
@ -307,10 +283,6 @@ exports[`renders ./components/descriptions/demo/border.md correctly 1`] = `
$80.00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -327,10 +299,6 @@ exports[`renders ./components/descriptions/demo/border.md correctly 1`] = `
$20.00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -361,7 +329,7 @@ exports[`renders ./components/descriptions/demo/border.md correctly 1`] = `
</th>
<td
class="ant-descriptions-item-content"
colspan="1"
colspan="5"
>
<span>
Data disk type: MongoDB
@ -423,10 +391,6 @@ exports[`renders ./components/descriptions/demo/responsive.md correctly 1`] = `
Cloud Database
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -443,10 +407,6 @@ exports[`renders ./components/descriptions/demo/responsive.md correctly 1`] = `
Prepaid
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -483,10 +443,6 @@ exports[`renders ./components/descriptions/demo/responsive.md correctly 1`] = `
$80.00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -503,10 +459,6 @@ exports[`renders ./components/descriptions/demo/responsive.md correctly 1`] = `
$20.00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -537,7 +489,7 @@ exports[`renders ./components/descriptions/demo/responsive.md correctly 1`] = `
</th>
<td
class="ant-descriptions-item-content"
colspan="1"
colspan="5"
>
<span>
Data disk type: MongoDB
@ -675,10 +627,6 @@ exports[`renders ./components/descriptions/demo/size.md correctly 1`] = `
Cloud Database
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -695,10 +643,6 @@ exports[`renders ./components/descriptions/demo/size.md correctly 1`] = `
Prepaid
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -735,10 +679,6 @@ exports[`renders ./components/descriptions/demo/size.md correctly 1`] = `
$80.00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -755,10 +695,6 @@ exports[`renders ./components/descriptions/demo/size.md correctly 1`] = `
$20.00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -789,7 +725,7 @@ exports[`renders ./components/descriptions/demo/size.md correctly 1`] = `
</th>
<td
class="ant-descriptions-item-content"
colspan="1"
colspan="5"
>
<span>
Data disk type: MongoDB
@ -864,10 +800,6 @@ exports[`renders ./components/descriptions/demo/size.md correctly 1`] = `
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
@ -887,10 +819,6 @@ exports[`renders ./components/descriptions/demo/size.md correctly 1`] = `
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
@ -933,10 +861,6 @@ exports[`renders ./components/descriptions/demo/size.md correctly 1`] = `
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
@ -956,10 +880,6 @@ exports[`renders ./components/descriptions/demo/size.md correctly 1`] = `
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
@ -1078,7 +998,7 @@ Array [
<th
class="ant-descriptions-item-label"
colspan="1"
style="background: red;"
style="background:red"
>
<span>
Product
@ -1087,16 +1007,12 @@ Array [
<td
class="ant-descriptions-item-content"
colspan="1"
style="background: green;"
style="background:green"
>
<span>
Cloud Database
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -1113,10 +1029,6 @@ Array [
Prepaid
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -1165,7 +1077,7 @@ Array [
<th
class="ant-descriptions-item-label"
colspan="1"
style="background: red;"
style="background:red"
>
<span>
Product
@ -1174,20 +1086,16 @@ Array [
<td
class="ant-descriptions-item-content"
colspan="1"
style="background: green;"
style="background:green"
>
<span>
Cloud Database
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
style="background: red;"
style="background:red"
>
<span>
Billing Mode
@ -1196,20 +1104,16 @@ Array [
<td
class="ant-descriptions-item-content"
colspan="1"
style="background: green;"
style="background:green"
>
<span>
Prepaid
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
style="background: red; color: orange;"
style="background:red;color:orange"
>
<span>
Automatic Renewal
@ -1218,7 +1122,7 @@ Array [
<td
class="ant-descriptions-item-content"
colspan="1"
style="background: green; color: blue;"
style="background:green;color:blue"
>
<span>
YES
@ -1283,7 +1187,7 @@ exports[`renders ./components/descriptions/demo/text.md correctly 1`] = `
class="ant-descriptions-item-label"
>
<div
style="display: flex;"
style="display:flex"
>
Billing Mode
</div>
@ -1546,7 +1450,7 @@ exports[`renders ./components/descriptions/demo/text.md correctly 1`] = `
class="ant-table-content"
>
<table
style="table-layout: auto;"
style="table-layout:auto"
>
<colgroup />
<thead
@ -1666,28 +1570,6 @@ exports[`renders ./components/descriptions/demo/vertical.md correctly 1`] = `
</span>
</div>
</th>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
>
<div
class="ant-descriptions-item-container"
>
<span
class="ant-descriptions-item-content"
>
Zhou Maomao
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item"
colspan="1"
@ -1702,28 +1584,6 @@ exports[`renders ./components/descriptions/demo/vertical.md correctly 1`] = `
</span>
</div>
</th>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
>
<div
class="ant-descriptions-item-container"
>
<span
class="ant-descriptions-item-content"
>
1810000000
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item"
colspan="1"
@ -1742,6 +1602,34 @@ exports[`renders ./components/descriptions/demo/vertical.md correctly 1`] = `
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
>
<div
class="ant-descriptions-item-container"
>
<span
class="ant-descriptions-item-content"
>
Zhou Maomao
</span>
</div>
</td>
<td
class="ant-descriptions-item"
colspan="1"
>
<div
class="ant-descriptions-item-container"
>
<span
class="ant-descriptions-item-content"
>
1810000000
</span>
</div>
</td>
<td
class="ant-descriptions-item"
colspan="1"
@ -1762,7 +1650,7 @@ exports[`renders ./components/descriptions/demo/vertical.md correctly 1`] = `
>
<th
class="ant-descriptions-item"
colspan="1"
colspan="2"
>
<div
class="ant-descriptions-item-container"
@ -1774,28 +1662,6 @@ exports[`renders ./components/descriptions/demo/vertical.md correctly 1`] = `
</span>
</div>
</th>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
>
<div
class="ant-descriptions-item-container"
>
<span
class="ant-descriptions-item-content"
>
No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
</span>
</div>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item"
colspan="1"
@ -1814,6 +1680,20 @@ exports[`renders ./components/descriptions/demo/vertical.md correctly 1`] = `
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="2"
>
<div
class="ant-descriptions-item-container"
>
<span
class="ant-descriptions-item-content"
>
No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
</span>
</div>
</td>
<td
class="ant-descriptions-item"
colspan="1"
@ -1864,22 +1744,6 @@ exports[`renders ./components/descriptions/demo/vertical-border.md correctly 1`]
Product
</span>
</th>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
Cloud Database
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -1888,22 +1752,6 @@ exports[`renders ./components/descriptions/demo/vertical-border.md correctly 1`]
Billing Mode
</span>
</th>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
Prepaid
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -1916,6 +1764,22 @@ exports[`renders ./components/descriptions/demo/vertical-border.md correctly 1`]
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
Cloud Database
</span>
</td>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
Prepaid
</span>
</td>
<td
class="ant-descriptions-item-content"
colspan="1"
@ -1936,25 +1800,9 @@ exports[`renders ./components/descriptions/demo/vertical-border.md correctly 1`]
Order time
</span>
</th>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
2018-04-24 18:00:00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
colspan="2"
>
<span>
Usage Time
@ -1967,6 +1815,14 @@ exports[`renders ./components/descriptions/demo/vertical-border.md correctly 1`]
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
2018-04-24 18:00:00
</span>
</td>
<td
class="ant-descriptions-item-content"
colspan="2"
>
<span>
2019-04-24 18:00:00
@ -1978,7 +1834,7 @@ exports[`renders ./components/descriptions/demo/vertical-border.md correctly 1`]
>
<th
class="ant-descriptions-item-label"
colspan="1"
colspan="3"
>
<span>
Status
@ -1990,7 +1846,7 @@ exports[`renders ./components/descriptions/demo/vertical-border.md correctly 1`]
>
<td
class="ant-descriptions-item-content"
colspan="1"
colspan="3"
>
<span>
<span
@ -2019,22 +1875,6 @@ exports[`renders ./components/descriptions/demo/vertical-border.md correctly 1`]
Negotiated Amount
</span>
</th>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
$80.00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -2043,22 +1883,6 @@ exports[`renders ./components/descriptions/demo/vertical-border.md correctly 1`]
Discount
</span>
</th>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
$20.00
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<th
class="ant-descriptions-item-label"
colspan="1"
@ -2071,6 +1895,22 @@ exports[`renders ./components/descriptions/demo/vertical-border.md correctly 1`]
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
$80.00
</span>
</td>
<td
class="ant-descriptions-item-content"
colspan="1"
>
<span>
$20.00
</span>
</td>
<td
class="ant-descriptions-item-content"
colspan="1"
@ -2085,7 +1925,7 @@ exports[`renders ./components/descriptions/demo/vertical-border.md correctly 1`]
>
<th
class="ant-descriptions-item-label"
colspan="1"
colspan="3"
>
<span>
Config Info
@ -2097,7 +1937,7 @@ exports[`renders ./components/descriptions/demo/vertical-border.md correctly 1`]
>
<td
class="ant-descriptions-item-content"
colspan="1"
colspan="3"
>
<span>
Data disk type: MongoDB

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

@ -5,17 +5,17 @@ Array [
<div
class="ant-divider ant-divider-horizontal"
role="separator"
style="border-width: 2px; border-color: #7cb305;"
style="border-width:2px;border-color:#7cb305"
/>,
<div
class="ant-divider ant-divider-horizontal ant-divider-dashed"
role="separator"
style="border-color: #7cb305;"
style="border-color:#7cb305"
/>,
<div
class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-center ant-divider-dashed"
role="separator"
style="border-color: #7cb305;"
style="border-color:#7cb305"
>
<span
class="ant-divider-inner-text"
@ -26,12 +26,12 @@ Array [
<div
class="ant-divider ant-divider-vertical"
role="separator"
style="height: 60px; border-color: #7cb305;"
style="height:60px;border-color:#7cb305"
/>,
<div
class="ant-divider ant-divider-vertical ant-divider-dashed"
role="separator"
style="height: 60px; border-color: #7cb305;"
style="height:60px;border-color:#7cb305"
/>,
]
`;
@ -107,6 +107,7 @@ Array [
exports[`renders ./components/divider/demo/vertical.md extend context correctly 1`] = `
Array [
Text,
<div
class="ant-divider ant-divider-vertical"
role="separator"
@ -178,7 +179,7 @@ Array [
>
<span
class="ant-divider-inner-text"
style="margin-left: 0px;"
style="margin-left:0"
>
Left Text with 0 orientationMargin
</span>
@ -192,7 +193,7 @@ Array [
>
<span
class="ant-divider-inner-text"
style="margin-right: 50px;"
style="margin-right:50px"
>
Right Text with 50px orientationMargin
</span>

15
components/divider/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -5,17 +5,17 @@ Array [
<div
class="ant-divider ant-divider-horizontal"
role="separator"
style="border-width: 2px; border-color: #7cb305;"
style="border-width:2px;border-color:#7cb305"
/>,
<div
class="ant-divider ant-divider-horizontal ant-divider-dashed"
role="separator"
style="border-color: #7cb305;"
style="border-color:#7cb305"
/>,
<div
class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-center ant-divider-dashed"
role="separator"
style="border-color: #7cb305;"
style="border-color:#7cb305"
>
<span
class="ant-divider-inner-text"
@ -26,12 +26,12 @@ Array [
<div
class="ant-divider ant-divider-vertical"
role="separator"
style="height: 60px; border-color: #7cb305;"
style="height:60px;border-color:#7cb305"
/>,
<div
class="ant-divider ant-divider-vertical ant-divider-dashed"
role="separator"
style="height: 60px; border-color: #7cb305;"
style="height:60px;border-color:#7cb305"
/>,
]
`;
@ -107,6 +107,7 @@ Array [
exports[`renders ./components/divider/demo/vertical.md correctly 1`] = `
Array [
Text,
<div
class="ant-divider ant-divider-vertical"
role="separator"
@ -178,7 +179,7 @@ Array [
>
<span
class="ant-divider-inner-text"
style="margin-left: 0px;"
style="margin-left:0"
>
Left Text with 0 orientationMargin
</span>
@ -192,7 +193,7 @@ Array [
>
<span
class="ant-divider-inner-text"
style="margin-right: 50px;"
style="margin-right:50px"
>
Right Text with 50px orientationMargin
</span>

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

@ -20,12 +20,12 @@ Array [
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
<div
class="ant-drawer-content-wrapper"
style="width: 378px;"
style="width:378px"
>
<div
aria-modal="true"
@ -92,7 +92,7 @@ Array [
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
</div>,
@ -113,7 +113,7 @@ exports[`renders ./components/drawer/demo/config-provider.md extend context corr
</button>
<div
class="ant-drawer ant-drawer-right ant-drawer-open ant-drawer-inline"
style="position: absolute;"
style="position:absolute"
tabindex="-1"
>
<div
@ -122,12 +122,12 @@ exports[`renders ./components/drawer/demo/config-provider.md extend context corr
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
<div
class="ant-drawer-content-wrapper"
style="width: 378px;"
style="width:378px"
>
<div
aria-modal="true"
@ -194,7 +194,7 @@ exports[`renders ./components/drawer/demo/config-provider.md extend context corr
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
</div>
@ -208,7 +208,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-radio-group ant-radio-group-outline"
@ -315,12 +315,12 @@ Array [
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
<div
class="ant-drawer-content-wrapper"
style="width: 500px;"
style="width:500px"
>
<div
aria-modal="true"
@ -375,7 +375,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -420,7 +420,7 @@ Array [
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
</div>,
@ -472,12 +472,12 @@ Array [
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
<div
class="ant-drawer-content-wrapper"
style="width: 720px;"
style="width:720px"
>
<div
aria-modal="true"
@ -532,7 +532,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -560,18 +560,18 @@ Array [
</div>
<div
class="ant-drawer-body"
style="padding-bottom: 80px;"
style="padding-bottom:80px"
>
<form
class="ant-form ant-form-vertical ant-form-hide-required-mark"
>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-form-item"
@ -615,7 +615,7 @@ Array [
</div>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-form-item"
@ -645,7 +645,7 @@ Array [
>
<span
class="ant-input-group-wrapper"
style="width: 100%;"
style="width:100%"
>
<span
class="ant-input-wrapper ant-input-group"
@ -679,11 +679,11 @@ Array [
</div>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-form-item"
@ -722,7 +722,7 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="owner_list_test"
aria-activedescendant="owner_list_0"
aria-autocomplete="list"
aria-controls="owner_list"
aria-haspopup="listbox"
@ -733,7 +733,7 @@ Array [
id="owner"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -747,19 +747,19 @@ Array [
</div>
<div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-select-dropdown"
style="opacity:0"
>
<div>
<div
id="owner_list"
role="listbox"
style="height: 0px; width: 0px; overflow: hidden;"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Xiaoxiao Fu"
aria-selected="false"
id="owner_list_test"
id="owner_list_0"
role="option"
>
xiao
@ -767,7 +767,7 @@ Array [
<div
aria-label="Maomao Zhou"
aria-selected="false"
id="owner_list_test"
id="owner_list_1"
role="option"
>
mao
@ -775,16 +775,16 @@ Array [
</div>
<div
class="rc-virtual-list"
style="position: relative;"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height: 256px; overflow-y: auto;"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display: flex; flex-direction: column;"
style="display:flex;flex-direction:column"
>
<div
aria-selected="false"
@ -799,7 +799,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -816,7 +816,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -830,7 +830,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -862,7 +862,7 @@ Array [
</div>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-form-item"
@ -901,7 +901,7 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="type_list_test"
aria-activedescendant="type_list_0"
aria-autocomplete="list"
aria-controls="type_list"
aria-haspopup="listbox"
@ -912,7 +912,7 @@ Array [
id="type"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -926,19 +926,19 @@ Array [
</div>
<div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-select-dropdown"
style="opacity:0"
>
<div>
<div
id="type_list"
role="listbox"
style="height: 0px; width: 0px; overflow: hidden;"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Private"
aria-selected="false"
id="type_list_test"
id="type_list_0"
role="option"
>
private
@ -946,7 +946,7 @@ Array [
<div
aria-label="Public"
aria-selected="false"
id="type_list_test"
id="type_list_1"
role="option"
>
public
@ -954,16 +954,16 @@ Array [
</div>
<div
class="rc-virtual-list"
style="position: relative;"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height: 256px; overflow-y: auto;"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display: flex; flex-direction: column;"
style="display:flex;flex-direction:column"
>
<div
aria-selected="false"
@ -978,7 +978,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -995,7 +995,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -1009,7 +1009,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1042,11 +1042,11 @@ Array [
</div>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-form-item"
@ -1085,7 +1085,7 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="approver_list_test"
aria-activedescendant="approver_list_0"
aria-autocomplete="list"
aria-controls="approver_list"
aria-haspopup="listbox"
@ -1096,7 +1096,7 @@ Array [
id="approver"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1110,19 +1110,19 @@ Array [
</div>
<div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-select-dropdown"
style="opacity:0"
>
<div>
<div
id="approver_list"
role="listbox"
style="height: 0px; width: 0px; overflow: hidden;"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Jack Ma"
aria-selected="false"
id="approver_list_test"
id="approver_list_0"
role="option"
>
jack
@ -1130,7 +1130,7 @@ Array [
<div
aria-label="Tom Liu"
aria-selected="false"
id="approver_list_test"
id="approver_list_1"
role="option"
>
tom
@ -1138,16 +1138,16 @@ Array [
</div>
<div
class="rc-virtual-list"
style="position: relative;"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height: 256px; overflow-y: auto;"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display: flex; flex-direction: column;"
style="display:flex;flex-direction:column"
>
<div
aria-selected="false"
@ -1162,7 +1162,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -1179,7 +1179,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -1193,7 +1193,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1225,7 +1225,7 @@ Array [
</div>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-form-item"
@ -1256,7 +1256,7 @@ Array [
<div
aria-required="true"
class="ant-picker ant-picker-range"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-picker-input ant-picker-input-active"
@ -1311,7 +1311,7 @@ Array [
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
@ -1339,20 +1339,20 @@ Array [
</div>
<div>
<div
class="ant-picker-dropdown ant-picker-dropdown-range ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-picker-dropdown ant-picker-dropdown-range"
style="opacity:0"
>
<div
class="ant-picker-range-wrapper ant-picker-date-range-wrapper"
style="min-width: 0;"
style="min-width:0"
>
<div
class="ant-picker-range-arrow"
style="left: 0px;"
style="left:0"
/>
<div
class="ant-picker-panel-container"
style="margin-left: 0px;"
style="margin-left:0"
>
<div
class="ant-picker-panels"
@ -1405,7 +1405,7 @@ Array [
</div>
<button
class="ant-picker-header-next-btn"
style="visibility: hidden;"
style="visibility:hidden"
tabindex="-1"
type="button"
>
@ -1415,7 +1415,7 @@ Array [
</button>
<button
class="ant-picker-header-super-next-btn"
style="visibility: hidden;"
style="visibility:hidden"
tabindex="-1"
type="button"
>
@ -1905,7 +1905,7 @@ Array [
>
<button
class="ant-picker-header-super-prev-btn"
style="visibility: hidden;"
style="visibility:hidden"
tabindex="-1"
type="button"
>
@ -1915,7 +1915,7 @@ Array [
</button>
<button
class="ant-picker-header-prev-btn"
style="visibility: hidden;"
style="visibility:hidden"
tabindex="-1"
type="button"
>
@ -2434,9 +2434,6 @@ Array [
</div>
</div>
</div>
<div
style="position: absolute; top: 0px; left: 0px; width: 100%;"
/>
</div>
</div>
</div>
@ -2446,11 +2443,11 @@ Array [
</div>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col ant-col-24"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-form-item"
@ -2500,7 +2497,7 @@ Array [
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
</div>,
@ -2527,12 +2524,12 @@ Array [
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
<div
class="ant-drawer-content-wrapper"
style="width: 520px; transform: translateX(-180px);"
style="width:520px"
>
<div
aria-modal="true"
@ -2576,12 +2573,12 @@ Array [
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
<div
class="ant-drawer-content-wrapper"
style="width: 320px;"
style="width:320px"
>
<div
aria-modal="true"
@ -2615,7 +2612,7 @@ Array [
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
</div>
@ -2626,7 +2623,7 @@ Array [
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
</div>,
@ -2650,12 +2647,12 @@ Array [
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
<div
class="ant-drawer-content-wrapper"
style="width: 333px; background: red; border-radius: 20px; box-shadow: -5px 0 5px green; overflow: hidden;"
style="width:333px;background:red;border-radius:20px;box-shadow:-5px 0 5px green;overflow:hidden"
>
<div
aria-modal="true"
@ -2722,7 +2719,7 @@ Array [
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
</div>,
@ -2736,7 +2733,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-radio-group ant-radio-group-outline"
@ -2843,12 +2840,12 @@ Array [
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
<div
class="ant-drawer-content-wrapper"
style="width: 378px;"
style="width:378px"
>
<div
aria-modal="true"
@ -2890,7 +2887,7 @@ Array [
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
</div>,
@ -2903,7 +2900,7 @@ exports[`renders ./components/drawer/demo/render-in-current.md extend context co
>
Render in this
<div
style="margin-top: 16px;"
style="margin-top:16px"
>
<button
class="ant-btn ant-btn-primary"
@ -2916,7 +2913,7 @@ exports[`renders ./components/drawer/demo/render-in-current.md extend context co
</div>
<div
class="ant-drawer ant-drawer-right ant-drawer-open ant-drawer-inline"
style="position: absolute;"
style="position:absolute"
tabindex="-1"
>
<div
@ -2925,12 +2922,12 @@ exports[`renders ./components/drawer/demo/render-in-current.md extend context co
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
<div
class="ant-drawer-content-wrapper"
style="width: 378px;"
style="width:378px"
>
<div
aria-modal="true"
@ -2966,7 +2963,7 @@ exports[`renders ./components/drawer/demo/render-in-current.md extend context co
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
</div>
@ -2980,7 +2977,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -3014,12 +3011,12 @@ Array [
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
<div
class="ant-drawer-content-wrapper"
style="width: 378px;"
style="width:378px"
>
<div
aria-modal="true"
@ -3074,7 +3071,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -3119,7 +3116,7 @@ Array [
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
</div>,
@ -3246,12 +3243,12 @@ Array [
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
<div
class="ant-drawer-content-wrapper"
style="width: 640px;"
style="width:640px"
>
<div
aria-modal="true"
@ -3266,7 +3263,7 @@ Array [
>
<p
class="site-description-item-profile-p"
style="margin-bottom: 24px;"
style="margin-bottom:24px"
>
User Profile
</p>
@ -3288,6 +3285,7 @@ Array [
class="site-description-item-profile-p-label"
>
Full Name
<!-- -->
:
</p>
Lily
@ -3303,6 +3301,7 @@ Array [
class="site-description-item-profile-p-label"
>
Account
<!-- -->
:
</p>
AntDesign@example.com
@ -3322,6 +3321,7 @@ Array [
class="site-description-item-profile-p-label"
>
City
<!-- -->
:
</p>
HangZhou
@ -3337,6 +3337,7 @@ Array [
class="site-description-item-profile-p-label"
>
Country
<!-- -->
:
</p>
China🇨🇳
@ -3356,6 +3357,7 @@ Array [
class="site-description-item-profile-p-label"
>
Birthday
<!-- -->
:
</p>
February 2,1900
@ -3371,6 +3373,7 @@ Array [
class="site-description-item-profile-p-label"
>
Website
<!-- -->
:
</p>
-
@ -3390,6 +3393,7 @@ Array [
class="site-description-item-profile-p-label"
>
Message
<!-- -->
:
</p>
Make things as simple as possible but no simpler.
@ -3418,6 +3422,7 @@ Array [
class="site-description-item-profile-p-label"
>
Position
<!-- -->
:
</p>
Programmer
@ -3433,6 +3438,7 @@ Array [
class="site-description-item-profile-p-label"
>
Responsibilities
<!-- -->
:
</p>
Coding
@ -3452,6 +3458,7 @@ Array [
class="site-description-item-profile-p-label"
>
Department
<!-- -->
:
</p>
XTech
@ -3467,6 +3474,7 @@ Array [
class="site-description-item-profile-p-label"
>
Supervisor
<!-- -->
:
</p>
<a>
@ -3488,6 +3496,7 @@ Array [
class="site-description-item-profile-p-label"
>
Skills
<!-- -->
:
</p>
C / C + +, data structures, software engineering, operating systems, computer networks, databases, compiler theory, computer architecture, Microcomputer Principle and Interface Technology, Computer English, Java, ASP, etc.
@ -3516,6 +3525,7 @@ Array [
class="site-description-item-profile-p-label"
>
Email
<!-- -->
:
</p>
AntDesign@example.com
@ -3531,6 +3541,7 @@ Array [
class="site-description-item-profile-p-label"
>
Phone Number
<!-- -->
:
</p>
+86 181 0000 0000
@ -3550,6 +3561,7 @@ Array [
class="site-description-item-profile-p-label"
>
Github
<!-- -->
:
</p>
<a
@ -3567,7 +3579,7 @@ Array [
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
</div>,

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

@ -32,7 +32,7 @@ exports[`renders ./components/drawer/demo/extra.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-radio-group ant-radio-group-outline"
@ -195,7 +195,7 @@ exports[`renders ./components/drawer/demo/placement.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-radio-group ant-radio-group-outline"
@ -300,7 +300,7 @@ exports[`renders ./components/drawer/demo/render-in-current.md correctly 1`] = `
>
Render in this
<div
style="margin-top: 16px;"
style="margin-top:16px"
>
<button
class="ant-btn ant-btn-primary"
@ -313,19 +313,19 @@ 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;"
style="position:absolute"
tabindex="-1"
>
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
style="width:0;height:0;overflow:hidden;outline:none;position:absolute"
tabindex="0"
/>
</div>
@ -338,7 +338,7 @@ exports[`renders ./components/drawer/demo/size.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"

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

File diff suppressed because it is too large Load Diff

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

@ -117,7 +117,7 @@ exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
Hover me
</div>
@ -151,7 +151,7 @@ exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = `
exports[`renders ./components/dropdown/demo/context-menu.md correctly 1`] = `
<div
class="ant-dropdown-trigger site-dropdown-context-menu"
style="text-align: center; height: 200px; line-height: 200px;"
style="text-align:center;height:200px;line-height:200px"
>
Right Click on here
</div>
@ -160,11 +160,11 @@ exports[`renders ./components/dropdown/demo/context-menu.md correctly 1`] = `
exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
style="flex-wrap:wrap;margin-bottom:-8px"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-btn-group ant-dropdown-button"
@ -205,7 +205,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-btn-group ant-dropdown-button"
@ -246,7 +246,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-btn-group ant-dropdown-button"
@ -289,7 +289,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<div
class="ant-btn-group ant-dropdown-button"
@ -334,7 +334,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -345,7 +345,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
Button
</div>
@ -377,7 +377,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
style="padding-bottom:8px"
>
<div
class="ant-btn-group ant-dropdown-button"
@ -428,7 +428,7 @@ exports[`renders ./components/dropdown/demo/event.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
Hover me, Click menu item
</div>
@ -468,7 +468,7 @@ exports[`renders ./components/dropdown/demo/item.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
Hover me
</div>
@ -505,7 +505,7 @@ exports[`renders ./components/dropdown/demo/loading.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-btn-group ant-dropdown-button"
@ -516,11 +516,10 @@ exports[`renders ./components/dropdown/demo/loading.md correctly 1`] = `
>
<span
class="ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-btn-loading-icon-motion-appear ant-btn-loading-icon-motion-appear-start ant-btn-loading-icon-motion"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
@ -570,7 +569,7 @@ exports[`renders ./components/dropdown/demo/loading.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-btn-group ant-btn-group-sm ant-dropdown-button"
@ -581,11 +580,10 @@ exports[`renders ./components/dropdown/demo/loading.md correctly 1`] = `
>
<span
class="ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-btn-loading-icon-motion-appear ant-btn-loading-icon-motion-appear-start ant-btn-loading-icon-motion"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
@ -635,7 +633,7 @@ exports[`renders ./components/dropdown/demo/loading.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-btn-group ant-dropdown-button"
@ -726,7 +724,7 @@ exports[`renders ./components/dropdown/demo/menu-full.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
Hover to check menu style
</div>
@ -766,7 +764,7 @@ exports[`renders ./components/dropdown/demo/overlay-open.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
Hover me
</div>
@ -803,15 +801,15 @@ exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
style="flex-wrap:wrap;margin-bottom:-8px"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -824,7 +822,7 @@ exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -837,7 +835,7 @@ exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -855,11 +853,11 @@ exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
style="flex-wrap:wrap;margin-bottom:-8px"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -872,7 +870,7 @@ exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -885,7 +883,7 @@ exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default ant-dropdown-trigger"
@ -910,7 +908,7 @@ exports[`renders ./components/dropdown/demo/selectable.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
Selectable
</div>
@ -950,7 +948,7 @@ exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
Cascading menu
</div>
@ -990,7 +988,7 @@ exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
Click me
</div>

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

@ -104,7 +104,7 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</h4>
<div
class="ant-select ant-select-single ant-select-show-arrow"
style="width: 200px;"
style="width:200px"
>
<div
class="ant-select-selector"
@ -113,17 +113,16 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_-test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -135,13 +134,13 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</div>
<div>
<div
class="ant-select-dropdown ant-select-dropdown-empty ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-select-dropdown ant-select-dropdown-empty"
style="opacity:0"
>
<div>
<div
class="ant-select-item-empty"
id="rc_select_test_list"
id="undefined_list"
role="listbox"
>
<div
@ -197,7 +196,7 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -226,7 +225,7 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</h4>
<div
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow"
style="width: 200px;"
style="width:200px"
>
<div
class="ant-select-selector"
@ -236,15 +235,14 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -256,8 +254,8 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</div>
<div>
<div
class="ant-select-dropdown ant-tree-select-dropdown ant-select-dropdown-empty ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-select-dropdown ant-tree-select-dropdown ant-select-dropdown-empty"
style="opacity:0"
>
<div>
<div
@ -317,7 +315,7 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -346,7 +344,7 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</h4>
<div
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
style="width: 200px;"
style="width:200px"
>
<div
class="ant-select-selector"
@ -356,12 +354,11 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
role="combobox"
type="search"
value=""
@ -373,8 +370,8 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-select-dropdown-empty ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-select-dropdown ant-cascader-dropdown ant-select-dropdown-empty"
style="opacity:0"
>
<div>
<div
@ -449,7 +446,7 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -494,7 +491,6 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
@ -522,8 +518,8 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</span>
<div>
<div
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-dropdown"
style="opacity:0"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
@ -533,7 +529,6 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-selectAll"
role="menuitem"
tabindex="-1"
>
@ -545,8 +540,8 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -567,7 +562,6 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</div>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-selectInvert"
role="menuitem"
tabindex="-1"
>
@ -579,8 +573,8 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -602,12 +596,12 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</ul>
<div
aria-hidden="true"
style="display: none;"
style="display:none"
>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -628,8 +622,8 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</div>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -655,6 +649,8 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
class="ant-transfer-list-header-selected"
>
0
<!-- -->
<!-- -->
item
</span>
<span
@ -785,7 +781,6 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
@ -813,8 +808,8 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</span>
<div>
<div
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-dropdown"
style="opacity:0"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
@ -824,7 +819,6 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-selectAll"
role="menuitem"
tabindex="-1"
>
@ -836,8 +830,8 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -858,7 +852,6 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</div>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-selectInvert"
role="menuitem"
tabindex="-1"
>
@ -870,8 +863,8 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -893,12 +886,12 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</ul>
<div
aria-hidden="true"
style="display: none;"
style="display:none"
>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -919,8 +912,8 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</div>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -946,6 +939,8 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
class="ant-transfer-list-header-selected"
>
0
<!-- -->
<!-- -->
item
</span>
<span
@ -1013,7 +1008,7 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
</h4>
<div
class="ant-table-wrapper"
style="margin-top: 8px;"
style="margin-top:8px"
>
<div
class="ant-spin-nested-loading"
@ -1031,7 +1026,7 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
class="ant-table-content"
>
<table
style="table-layout: auto;"
style="table-layout:auto"
>
<colgroup />
<thead
@ -1191,7 +1186,7 @@ exports[`renders ./components/empty/demo/customize.md extend context correctly 1
>
<div
class="ant-empty-image"
style="height: 60px;"
style="height:60px"
>
<img
alt="empty"

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

@ -104,7 +104,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
</h4>
<div
class="ant-select ant-select-single ant-select-show-arrow"
style="width: 200px;"
style="width:200px"
>
<div
class="ant-select-selector"
@ -113,17 +113,16 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -136,7 +135,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -165,7 +164,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
</h4>
<div
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow"
style="width: 200px;"
style="width:200px"
>
<div
class="ant-select-selector"
@ -175,15 +174,14 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -196,7 +194,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -225,7 +223,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
</h4>
<div
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
style="width: 200px;"
style="width:200px"
>
<div
class="ant-select-selector"
@ -235,12 +233,11 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
role="combobox"
type="search"
value=""
@ -253,7 +250,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -298,7 +295,6 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
@ -328,6 +324,8 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
class="ant-transfer-list-header-selected"
>
0
<!-- -->
<!-- -->
item
</span>
<span
@ -458,7 +456,6 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
@ -488,6 +485,8 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
class="ant-transfer-list-header-selected"
>
0
<!-- -->
<!-- -->
item
</span>
<span
@ -555,7 +554,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
</h4>
<div
class="ant-table-wrapper"
style="margin-top: 8px;"
style="margin-top:8px"
>
<div
class="ant-spin-nested-loading"
@ -573,7 +572,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
class="ant-table-content"
>
<table
style="table-layout: auto;"
style="table-layout:auto"
>
<colgroup />
<thead
@ -733,7 +732,7 @@ exports[`renders ./components/empty/demo/customize.md correctly 1`] = `
>
<div
class="ant-empty-image"
style="height: 60px;"
style="height:60px"
>
<img
alt="empty"

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

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

@ -525,13 +525,13 @@ Array [
>
<div
class="ant-col"
style="flex: 2 2 auto;"
style="flex:2 2 auto"
>
2 / 5
</div>
<div
class="ant-col"
style="flex: 3 3 auto;"
style="flex:3 3 auto"
>
3 / 5
</div>
@ -551,13 +551,13 @@ Array [
>
<div
class="ant-col"
style="flex: 0 0 100px;"
style="flex:0 0 100px"
>
100px
</div>
<div
class="ant-col"
style="flex-basis: auto;"
style="flex:auto"
>
Fill Rest
</div>
@ -577,13 +577,13 @@ Array [
>
<div
class="ant-col"
style="flex: 1 1 200px;"
style="flex:1 1 200px"
>
1 1 200px
</div>
<div
class="ant-col"
style="flex: 0 1 300px;"
style="flex:0 1 300px"
>
0 1 300px
</div>
@ -593,17 +593,17 @@ Array [
>
<div
class="ant-col"
style="flex: 0 0 auto; min-width: 0;"
style="flex:none;min-width:0"
>
<div
style="padding: 0px 16px;"
style="padding:0 16px"
>
none
</div>
</div>
<div
class="ant-col"
style="flex-basis: auto; min-width: 0;"
style="flex:auto;min-width:0"
>
auto with no-wrap
</div>
@ -625,44 +625,44 @@ Array [
</div>,
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
@ -680,44 +680,44 @@ Array [
</div>,
<div
class="ant-row"
style="margin-left: -4px; margin-right: -4px;"
style="margin-left:-16px;margin-right:-16px"
>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left: 4px; padding-right: 4px;"
style="padding-left:16px;padding-right:16px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left: 4px; padding-right: 4px;"
style="padding-left:16px;padding-right:16px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left: 4px; padding-right: 4px;"
style="padding-left:16px;padding-right:16px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left: 4px; padding-right: 4px;"
style="padding-left:16px;padding-right:16px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
@ -735,84 +735,84 @@ Array [
</div>,
<div
class="ant-row"
style="margin: -12px -8px -12px -8px;"
style="margin-left:-8px;margin-right:-8px;margin-top:-12px;margin-bottom:-12px"
>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
@ -869,7 +869,7 @@ Array [
Horizontal Gutter (px):
</span>,
<div
style="width: 50%;"
style="width:50%"
>
<div
class="ant-slider ant-slider-horizontal ant-slider-with-marks"
@ -879,34 +879,34 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 20%;"
style="left:0%;width:20%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 40%; transform: translateX(-50%);"
style="left:40%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 60%; transform: translateX(-50%);"
style="left:60%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 80%; transform: translateX(-50%);"
style="left:80%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
/>
</div>
<div
@ -916,13 +916,13 @@ Array [
aria-valuenow="1"
class="ant-slider-handle"
role="slider"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -948,37 +948,37 @@ Array [
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
>
8
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
>
16
</span>
<span
class="ant-slider-mark-text"
style="left: 40%; transform: translateX(-50%);"
style="left:40%;transform:translateX(-50%)"
>
24
</span>
<span
class="ant-slider-mark-text"
style="left: 60%; transform: translateX(-50%);"
style="left:60%;transform:translateX(-50%)"
>
32
</span>
<span
class="ant-slider-mark-text"
style="left: 80%; transform: translateX(-50%);"
style="left:80%;transform:translateX(-50%)"
>
40
</span>
<span
class="ant-slider-mark-text"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
>
48
</span>
@ -989,7 +989,7 @@ Array [
Vertical Gutter (px):
</span>,
<div
style="width: 50%;"
style="width:50%"
>
<div
class="ant-slider ant-slider-horizontal ant-slider-with-marks"
@ -999,34 +999,34 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 20%;"
style="left:0%;width:20%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 40%; transform: translateX(-50%);"
style="left:40%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 60%; transform: translateX(-50%);"
style="left:60%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 80%; transform: translateX(-50%);"
style="left:80%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
/>
</div>
<div
@ -1036,13 +1036,13 @@ Array [
aria-valuenow="1"
class="ant-slider-handle"
role="slider"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1068,37 +1068,37 @@ Array [
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
>
8
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
>
16
</span>
<span
class="ant-slider-mark-text"
style="left: 40%; transform: translateX(-50%);"
style="left:40%;transform:translateX(-50%)"
>
24
</span>
<span
class="ant-slider-mark-text"
style="left: 60%; transform: translateX(-50%);"
style="left:60%;transform:translateX(-50%)"
>
32
</span>
<span
class="ant-slider-mark-text"
style="left: 80%; transform: translateX(-50%);"
style="left:80%;transform:translateX(-50%)"
>
40
</span>
<span
class="ant-slider-mark-text"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
>
48
</span>
@ -1109,7 +1109,7 @@ Array [
Column Count:
</span>,
<div
style="width: 50%; margin-bottom: 48px;"
style="width:50%;margin-bottom:48px"
>
<div
class="ant-slider ant-slider-horizontal ant-slider-with-marks"
@ -1119,34 +1119,34 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 40%;"
style="left:0%;width:40%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 40%; transform: translateX(-50%);"
style="left:40%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 60%; transform: translateX(-50%);"
style="left:60%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 80%; transform: translateX(-50%);"
style="left:80%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
/>
</div>
<div
@ -1156,13 +1156,13 @@ Array [
aria-valuenow="2"
class="ant-slider-handle"
role="slider"
style="left: 40%; transform: translateX(-50%);"
style="left:40%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1188,37 +1188,37 @@ Array [
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
>
2
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
>
3
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 40%; transform: translateX(-50%);"
style="left:40%;transform:translateX(-50%)"
>
4
</span>
<span
class="ant-slider-mark-text"
style="left: 60%; transform: translateX(-50%);"
style="left:60%;transform:translateX(-50%)"
>
6
</span>
<span
class="ant-slider-mark-text"
style="left: 80%; transform: translateX(-50%);"
style="left:80%;transform:translateX(-50%)"
>
8
</span>
<span
class="ant-slider-mark-text"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
>
12
</span>
@ -1227,11 +1227,11 @@ Array [
</div>,
<div
class="ant-row"
style="margin: -8px -8px -8px -8px;"
style="margin-left:-8px;margin-right:-8px;margin-top:-8px;margin-bottom:-8px"
>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1239,7 +1239,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1247,7 +1247,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1255,7 +1255,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1263,7 +1263,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1271,7 +1271,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1279,7 +1279,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1287,20 +1287,21 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
</div>
</div>
</div>,
Another Row:,
<div
class="ant-row"
style="margin: -8px -8px -8px -8px;"
style="margin-left:-8px;margin-right:-8px;margin-top:-8px;margin-bottom:-8px"
>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1308,7 +1309,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1316,7 +1317,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1324,7 +1325,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1420,9 +1421,9 @@ exports[`renders ./components/grid/demo/sort.md extend context correctly 1`] = `
`;
exports[`renders ./components/grid/demo/useBreakpoint.md extend context correctly 1`] = `
<span
class="ant-tag ant-tag-blue"
>
xs
</span>
Array [
Current break point:,
<!-- -->,
,
]
`;

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

@ -525,13 +525,13 @@ Array [
>
<div
class="ant-col"
style="flex: 2 2 auto;"
style="flex:2 2 auto"
>
2 / 5
</div>
<div
class="ant-col"
style="flex: 3 3 auto;"
style="flex:3 3 auto"
>
3 / 5
</div>
@ -551,13 +551,13 @@ Array [
>
<div
class="ant-col"
style="flex: 0 0 100px;"
style="flex:0 0 100px"
>
100px
</div>
<div
class="ant-col"
style="flex-basis: auto;"
style="flex:auto"
>
Fill Rest
</div>
@ -577,13 +577,13 @@ Array [
>
<div
class="ant-col"
style="flex: 1 1 200px;"
style="flex:1 1 200px"
>
1 1 200px
</div>
<div
class="ant-col"
style="flex: 0 1 300px;"
style="flex:0 1 300px"
>
0 1 300px
</div>
@ -593,17 +593,17 @@ Array [
>
<div
class="ant-col"
style="flex: 0 0 auto; min-width: 0;"
style="flex:none;min-width:0"
>
<div
style="padding: 0px 16px;"
style="padding:0 16px"
>
none
</div>
</div>
<div
class="ant-col"
style="flex-basis: auto; min-width: 0;"
style="flex:auto;min-width:0"
>
auto with no-wrap
</div>
@ -625,44 +625,44 @@ Array [
</div>,
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
@ -680,44 +680,44 @@ Array [
</div>,
<div
class="ant-row"
style="margin-left: -4px; margin-right: -4px;"
style="margin-left:-16px;margin-right:-16px"
>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left: 4px; padding-right: 4px;"
style="padding-left:16px;padding-right:16px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left: 4px; padding-right: 4px;"
style="padding-left:16px;padding-right:16px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left: 4px; padding-right: 4px;"
style="padding-left:16px;padding-right:16px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding-left: 4px; padding-right: 4px;"
style="padding-left:16px;padding-right:16px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
@ -735,84 +735,84 @@ Array [
</div>,
<div
class="ant-row"
style="margin: -12px -8px -12px -8px;"
style="margin-left:-8px;margin-right:-8px;margin-top:-12px;margin-bottom:-12px"
>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
</div>
<div
class="ant-col ant-col-6 gutter-row"
style="padding: 12px 8px 12px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
>
<div
style="background: rgb(0, 146, 255); padding: 8px 0px;"
style="background:#0092ff;padding:8px 0"
>
col-6
</div>
@ -869,7 +869,7 @@ Array [
Horizontal Gutter (px):
</span>,
<div
style="width: 50%;"
style="width:50%"
>
<div
class="ant-slider ant-slider-horizontal ant-slider-with-marks"
@ -879,34 +879,34 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 20%;"
style="left:0%;width:20%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 40%; transform: translateX(-50%);"
style="left:40%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 60%; transform: translateX(-50%);"
style="left:60%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 80%; transform: translateX(-50%);"
style="left:80%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
/>
</div>
<div
@ -916,7 +916,7 @@ Array [
aria-valuenow="1"
class="ant-slider-handle"
role="slider"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -924,37 +924,37 @@ Array [
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
>
8
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
>
16
</span>
<span
class="ant-slider-mark-text"
style="left: 40%; transform: translateX(-50%);"
style="left:40%;transform:translateX(-50%)"
>
24
</span>
<span
class="ant-slider-mark-text"
style="left: 60%; transform: translateX(-50%);"
style="left:60%;transform:translateX(-50%)"
>
32
</span>
<span
class="ant-slider-mark-text"
style="left: 80%; transform: translateX(-50%);"
style="left:80%;transform:translateX(-50%)"
>
40
</span>
<span
class="ant-slider-mark-text"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
>
48
</span>
@ -965,7 +965,7 @@ Array [
Vertical Gutter (px):
</span>,
<div
style="width: 50%;"
style="width:50%"
>
<div
class="ant-slider ant-slider-horizontal ant-slider-with-marks"
@ -975,34 +975,34 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 20%;"
style="left:0%;width:20%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 40%; transform: translateX(-50%);"
style="left:40%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 60%; transform: translateX(-50%);"
style="left:60%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 80%; transform: translateX(-50%);"
style="left:80%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
/>
</div>
<div
@ -1012,7 +1012,7 @@ Array [
aria-valuenow="1"
class="ant-slider-handle"
role="slider"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -1020,37 +1020,37 @@ Array [
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
>
8
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
>
16
</span>
<span
class="ant-slider-mark-text"
style="left: 40%; transform: translateX(-50%);"
style="left:40%;transform:translateX(-50%)"
>
24
</span>
<span
class="ant-slider-mark-text"
style="left: 60%; transform: translateX(-50%);"
style="left:60%;transform:translateX(-50%)"
>
32
</span>
<span
class="ant-slider-mark-text"
style="left: 80%; transform: translateX(-50%);"
style="left:80%;transform:translateX(-50%)"
>
40
</span>
<span
class="ant-slider-mark-text"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
>
48
</span>
@ -1061,7 +1061,7 @@ Array [
Column Count:
</span>,
<div
style="width: 50%; margin-bottom: 48px;"
style="width:50%;margin-bottom:48px"
>
<div
class="ant-slider ant-slider-horizontal ant-slider-with-marks"
@ -1071,34 +1071,34 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 40%;"
style="left:0%;width:40%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 40%; transform: translateX(-50%);"
style="left:40%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 60%; transform: translateX(-50%);"
style="left:60%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 80%; transform: translateX(-50%);"
style="left:80%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
/>
</div>
<div
@ -1108,7 +1108,7 @@ Array [
aria-valuenow="2"
class="ant-slider-handle"
role="slider"
style="left: 40%; transform: translateX(-50%);"
style="left:40%;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -1116,37 +1116,37 @@ Array [
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
>
2
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
>
3
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 40%; transform: translateX(-50%);"
style="left:40%;transform:translateX(-50%)"
>
4
</span>
<span
class="ant-slider-mark-text"
style="left: 60%; transform: translateX(-50%);"
style="left:60%;transform:translateX(-50%)"
>
6
</span>
<span
class="ant-slider-mark-text"
style="left: 80%; transform: translateX(-50%);"
style="left:80%;transform:translateX(-50%)"
>
8
</span>
<span
class="ant-slider-mark-text"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
>
12
</span>
@ -1155,11 +1155,11 @@ Array [
</div>,
<div
class="ant-row"
style="margin: -8px -8px -8px -8px;"
style="margin-left:-8px;margin-right:-8px;margin-top:-8px;margin-bottom:-8px"
>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1167,7 +1167,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1175,7 +1175,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1183,7 +1183,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1191,7 +1191,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1199,7 +1199,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1207,7 +1207,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1215,20 +1215,21 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
</div>
</div>
</div>,
Another Row:,
<div
class="ant-row"
style="margin: -8px -8px -8px -8px;"
style="margin-left:-8px;margin-right:-8px;margin-top:-8px;margin-bottom:-8px"
>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1236,7 +1237,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1244,7 +1245,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1252,7 +1253,7 @@ Array [
</div>
<div
class="ant-col ant-col-6"
style="padding: 8px 8px 8px 8px;"
style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
>
<div>
Column
@ -1348,9 +1349,9 @@ exports[`renders ./components/grid/demo/sort.md correctly 1`] = `
`;
exports[`renders ./components/grid/demo/useBreakpoint.md correctly 1`] = `
<span
class="ant-tag ant-tag-blue"
>
xs
</span>
Array [
Current break point:,
<!-- -->,
,
]
`;

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

@ -6,7 +6,7 @@ exports[`renders ./components/icon/demo/basic.md extend context correctly 1`] =
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="home"
@ -30,7 +30,7 @@ exports[`renders ./components/icon/demo/basic.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="setting"
@ -54,7 +54,7 @@ exports[`renders ./components/icon/demo/basic.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="smile"
@ -78,7 +78,7 @@ exports[`renders ./components/icon/demo/basic.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="sync"
@ -102,7 +102,7 @@ exports[`renders ./components/icon/demo/basic.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="smile"
@ -115,7 +115,7 @@ exports[`renders ./components/icon/demo/basic.md extend context correctly 1`] =
fill="currentColor"
focusable="false"
height="1em"
style="transform: rotate(180deg);"
style="-ms-transform:rotate(180deg);transform:rotate(180deg)"
viewBox="64 64 896 896"
width="1em"
>
@ -157,12 +157,12 @@ exports[`renders ./components/icon/demo/custom.md extend context correctly 1`] =
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="anticon"
role="img"
style="color: hotpink;"
style="color:hotpink"
>
<svg
fill="currentColor"
@ -178,12 +178,12 @@ exports[`renders ./components/icon/demo/custom.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="anticon"
role="img"
style="font-size: 32px;"
style="font-size:32px"
>
<svg
fill="currentColor"
@ -236,7 +236,7 @@ exports[`renders ./components/icon/demo/custom.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="anticon"
@ -300,7 +300,7 @@ exports[`renders ./components/icon/demo/iconfont.md extend context correctly 1`]
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="anticon"
@ -322,7 +322,7 @@ exports[`renders ./components/icon/demo/iconfont.md extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="anticon"
@ -372,7 +372,7 @@ exports[`renders ./components/icon/demo/scriptUrl.md extend context correctly 1`
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="anticon"
@ -394,7 +394,7 @@ exports[`renders ./components/icon/demo/scriptUrl.md extend context correctly 1`
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="anticon"
@ -416,7 +416,7 @@ exports[`renders ./components/icon/demo/scriptUrl.md extend context correctly 1`
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="anticon"
@ -466,7 +466,7 @@ exports[`renders ./components/icon/demo/two-tone.md extend context correctly 1`]
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="smile"
@ -499,7 +499,7 @@ exports[`renders ./components/icon/demo/two-tone.md extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="heart"

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

@ -6,7 +6,7 @@ exports[`renders ./components/icon/demo/basic.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="home"
@ -30,7 +30,7 @@ exports[`renders ./components/icon/demo/basic.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="setting"
@ -54,7 +54,7 @@ exports[`renders ./components/icon/demo/basic.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="smile"
@ -78,7 +78,7 @@ exports[`renders ./components/icon/demo/basic.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="sync"
@ -102,7 +102,7 @@ exports[`renders ./components/icon/demo/basic.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="smile"
@ -115,7 +115,7 @@ exports[`renders ./components/icon/demo/basic.md correctly 1`] = `
fill="currentColor"
focusable="false"
height="1em"
style="transform: rotate(180deg);"
style="-ms-transform:rotate(180deg);transform:rotate(180deg)"
viewBox="64 64 896 896"
width="1em"
>
@ -157,12 +157,12 @@ exports[`renders ./components/icon/demo/custom.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="anticon"
role="img"
style="color: hotpink;"
style="color:hotpink"
>
<svg
fill="currentColor"
@ -178,12 +178,12 @@ exports[`renders ./components/icon/demo/custom.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="anticon"
role="img"
style="font-size: 32px;"
style="font-size:32px"
>
<svg
fill="currentColor"
@ -236,7 +236,7 @@ exports[`renders ./components/icon/demo/custom.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="anticon"
@ -300,7 +300,7 @@ exports[`renders ./components/icon/demo/iconfont.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="anticon"
@ -322,7 +322,7 @@ exports[`renders ./components/icon/demo/iconfont.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="anticon"
@ -372,7 +372,7 @@ exports[`renders ./components/icon/demo/scriptUrl.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="anticon"
@ -394,7 +394,7 @@ exports[`renders ./components/icon/demo/scriptUrl.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="anticon"
@ -416,7 +416,7 @@ exports[`renders ./components/icon/demo/scriptUrl.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="anticon"
@ -466,7 +466,7 @@ exports[`renders ./components/icon/demo/two-tone.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="smile"
@ -499,7 +499,7 @@ exports[`renders ./components/icon/demo/two-tone.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="heart"

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

@ -3,7 +3,7 @@
exports[`renders ./components/image/demo/basic.md extend context correctly 1`] = `
<div
class="ant-image"
style="width: 200px;"
style="width:200px"
>
<img
class="ant-image-img"
@ -53,17 +53,17 @@ Array [
</button>,
<div
class="ant-image"
style="width: 200px;"
style="width:200px"
>
<img
class="ant-image-img"
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?x-oss-process=image/blur,r_50,s_50/quality,q_1/resize,m_mfit,h_200,w_200"
style="display: none;"
style="display:none"
width="200"
/>
<div
class="ant-image-mask"
style="display: none;"
style="display:none"
>
<div
class="ant-image-mask-info"
@ -97,13 +97,13 @@ Array [
exports[`renders ./components/image/demo/fallback.md extend context correctly 1`] = `
<div
class="ant-image"
style="width: 200px; height: 200px;"
style="width:200px;height:200px"
>
<img
class="ant-image-img"
height="200"
src="error"
style="height: 200px;"
style="height:200px"
width="200"
/>
<div
@ -143,11 +143,11 @@ exports[`renders ./components/image/demo/placeholder.md extend context correctly
>
<div
class="ant-space-item"
style="margin-right: 12px;"
style="margin-right:12px"
>
<div
class="ant-image"
style="width: 200px;"
style="width:200px"
>
<img
class="ant-image-img"
@ -160,7 +160,7 @@ exports[`renders ./components/image/demo/placeholder.md extend context correctly
>
<div
class="ant-image"
style="width: 200px;"
style="width:200px"
>
<img
class="ant-image-img"
@ -218,7 +218,7 @@ exports[`renders ./components/image/demo/preview-group.md extend context correct
Array [
<div
class="ant-image"
style="width: 200px;"
style="width:200px"
>
<img
class="ant-image-img"
@ -256,7 +256,7 @@ Array [
</div>,
<div
class="ant-image"
style="width: 200px;"
style="width:200px"
>
<img
class="ant-image-img"
@ -299,7 +299,7 @@ exports[`renders ./components/image/demo/preview-group-top-progress.md extend co
Array [
<div
class="ant-image"
style="width: 150px;"
style="width:150px"
>
<img
class="ant-image-img"
@ -337,7 +337,7 @@ Array [
</div>,
<div
class="ant-image"
style="width: 150px;"
style="width:150px"
>
<img
class="ant-image-img"
@ -375,7 +375,7 @@ Array [
</div>,
<div
class="ant-image"
style="width: 150px;"
style="width:150px"
>
<img
class="ant-image-img"
@ -418,7 +418,7 @@ exports[`renders ./components/image/demo/preview-group-visible.md extend context
Array [
<div
class="ant-image"
style="width: 200px;"
style="width:200px"
>
<img
class="ant-image-img"
@ -455,7 +455,7 @@ Array [
</div>
</div>,
<div
style="display: none;"
style="display:none"
>
<div
class="ant-image"
@ -572,7 +572,7 @@ Array [
exports[`renders ./components/image/demo/preview-mask.md extend context correctly 1`] = `
<div
class="ant-image"
style="width: 96px;"
style="width:96px"
>
<img
class="ant-image-img"
@ -587,7 +587,7 @@ exports[`renders ./components/image/demo/preview-mask.md extend context correctl
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
aria-label="zoom-in"
@ -622,7 +622,7 @@ exports[`renders ./components/image/demo/preview-mask.md extend context correctl
exports[`renders ./components/image/demo/previewSrc.md extend context correctly 1`] = `
<div
class="ant-image"
style="width: 200px;"
style="width:200px"
>
<img
class="ant-image-img"

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

@ -3,7 +3,7 @@
exports[`renders ./components/image/demo/basic.md correctly 1`] = `
<div
class="ant-image"
style="width: 200px;"
style="width:200px"
>
<img
class="ant-image-img"
@ -53,17 +53,17 @@ Array [
</button>,
<div
class="ant-image"
style="width: 200px;"
style="width:200px"
>
<img
class="ant-image-img"
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?x-oss-process=image/blur,r_50,s_50/quality,q_1/resize,m_mfit,h_200,w_200"
style="display: none;"
style="display:none"
width="200"
/>
<div
class="ant-image-mask"
style="display: none;"
style="display:none"
>
<div
class="ant-image-mask-info"
@ -97,13 +97,13 @@ Array [
exports[`renders ./components/image/demo/fallback.md correctly 1`] = `
<div
class="ant-image"
style="width: 200px; height: 200px;"
style="width:200px;height:200px"
>
<img
class="ant-image-img"
height="200"
src="error"
style="height: 200px;"
style="height:200px"
width="200"
/>
<div
@ -143,11 +143,11 @@ exports[`renders ./components/image/demo/placeholder.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 12px;"
style="margin-right:12px"
>
<div
class="ant-image"
style="width: 200px;"
style="width:200px"
>
<img
class="ant-image-img"
@ -160,7 +160,7 @@ exports[`renders ./components/image/demo/placeholder.md correctly 1`] = `
>
<div
class="ant-image"
style="width: 200px;"
style="width:200px"
>
<img
class="ant-image-img"
@ -218,7 +218,7 @@ exports[`renders ./components/image/demo/preview-group.md correctly 1`] = `
Array [
<div
class="ant-image"
style="width: 200px;"
style="width:200px"
>
<img
class="ant-image-img"
@ -256,7 +256,7 @@ Array [
</div>,
<div
class="ant-image"
style="width: 200px;"
style="width:200px"
>
<img
class="ant-image-img"
@ -299,7 +299,7 @@ exports[`renders ./components/image/demo/preview-group-top-progress.md correctly
Array [
<div
class="ant-image"
style="width: 150px;"
style="width:150px"
>
<img
class="ant-image-img"
@ -337,7 +337,7 @@ Array [
</div>,
<div
class="ant-image"
style="width: 150px;"
style="width:150px"
>
<img
class="ant-image-img"
@ -375,7 +375,7 @@ Array [
</div>,
<div
class="ant-image"
style="width: 150px;"
style="width:150px"
>
<img
class="ant-image-img"
@ -418,7 +418,7 @@ exports[`renders ./components/image/demo/preview-group-visible.md correctly 1`]
Array [
<div
class="ant-image"
style="width: 200px;"
style="width:200px"
>
<img
class="ant-image-img"
@ -455,7 +455,7 @@ Array [
</div>
</div>,
<div
style="display: none;"
style="display:none"
>
<div
class="ant-image"
@ -572,7 +572,7 @@ Array [
exports[`renders ./components/image/demo/preview-mask.md correctly 1`] = `
<div
class="ant-image"
style="width: 96px;"
style="width:96px"
>
<img
class="ant-image-img"
@ -587,7 +587,7 @@ exports[`renders ./components/image/demo/preview-mask.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<span
aria-label="zoom-in"
@ -622,7 +622,7 @@ exports[`renders ./components/image/demo/preview-mask.md correctly 1`] = `
exports[`renders ./components/image/demo/previewSrc.md correctly 1`] = `
<div
class="ant-image"
style="width: 200px;"
style="width:200px"
>
<img
class="ant-image-img"

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

@ -6,7 +6,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-input-number-group-wrapper"
@ -103,7 +103,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-input-number-group-wrapper"
@ -116,7 +116,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
style="width: 60px;"
style="width:60px"
>
<div
class="ant-select-selector"
@ -125,17 +125,16 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -150,19 +149,19 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
</div>
<div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-select-dropdown"
style="opacity:0"
>
<div>
<div
id="rc_select_test_list"
id="undefined_list"
role="listbox"
style="height: 0px; width: 0px; overflow: hidden;"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="+"
aria-selected="true"
id="rc_select_test_list_test"
id="undefined_list_0"
role="option"
>
add
@ -170,7 +169,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
<div
aria-label="-"
aria-selected="false"
id="rc_select_test_list_test"
id="undefined_list_1"
role="option"
>
minus
@ -178,16 +177,16 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
</div>
<div
class="rc-virtual-list"
style="position: relative;"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height: 256px; overflow-y: auto;"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display: flex; flex-direction: column;"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
@ -202,7 +201,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -219,7 +218,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -233,7 +232,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -337,7 +336,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
style="width: 60px;"
style="width:60px"
>
<div
class="ant-select-selector"
@ -346,17 +345,16 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -371,19 +369,19 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
</div>
<div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-select-dropdown"
style="opacity:0"
>
<div>
<div
id="rc_select_test_list"
id="undefined_list"
role="listbox"
style="height: 0px; width: 0px; overflow: hidden;"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="$"
aria-selected="true"
id="rc_select_test_list_test"
id="undefined_list_0"
role="option"
>
USD
@ -391,7 +389,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
<div
aria-label="€"
aria-selected="false"
id="rc_select_test_list_test"
id="undefined_list_1"
role="option"
>
EUR
@ -399,16 +397,16 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
</div>
<div
class="rc-virtual-list"
style="position: relative;"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height: 256px; overflow-y: auto;"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display: flex; flex-direction: column;"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
@ -423,7 +421,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -440,7 +438,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -457,7 +455,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -474,7 +472,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -488,7 +486,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -518,7 +516,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-input-number-group-wrapper"
@ -640,7 +638,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
>
<div
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow"
style="width: 150px;"
style="width:150px"
>
<div
class="ant-select-selector"
@ -650,15 +648,14 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -672,8 +669,8 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
</div>
<div>
<div
class="ant-select-dropdown ant-cascader-dropdown ant-select-dropdown-empty ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-select-dropdown ant-cascader-dropdown ant-select-dropdown-empty"
style="opacity:0"
>
<div>
<div
@ -748,7 +745,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1098,7 +1095,7 @@ exports[`renders ./components/input-number/demo/controls.md extend context corre
exports[`renders ./components/input-number/demo/digit.md extend context correctly 1`] = `
<div
class="ant-input-number"
style="width: 200px;"
style="width:200px"
>
<div
class="ant-input-number-handler-wrap"
@ -1255,7 +1252,7 @@ Array [
</div>
</div>,
<div
style="margin-top: 20px;"
style="margin-top:20px"
>
<button
class="ant-btn ant-btn-primary"
@ -1275,7 +1272,7 @@ exports[`renders ./components/input-number/demo/formatter.md extend context corr
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-input-number"
@ -1441,7 +1438,7 @@ exports[`renders ./components/input-number/demo/keyboard.md extend context corre
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-input-number"
@ -1533,7 +1530,6 @@ exports[`renders ./components/input-number/demo/keyboard.md extend context corre
checked=""
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
@ -1553,7 +1549,7 @@ exports[`renders ./components/input-number/demo/out-of-range.md extend context c
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-input-number ant-input-number-out-of-range"
@ -1651,7 +1647,7 @@ exports[`renders ./components/input-number/demo/prefix.md extend context correct
Array [
<div
class="ant-input-number-affix-wrapper"
style="width: 100%;"
style="width:100%"
>
<span
class="ant-input-number-prefix"
@ -1736,7 +1732,7 @@ Array [
<br />,
<div
class="ant-input-number-group-wrapper"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-input-number-wrapper ant-input-number-group"
@ -1852,7 +1848,7 @@ Array [
<br />,
<div
class="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-disabled"
style="width: 100%;"
style="width:100%"
>
<span
class="ant-input-number-prefix"
@ -1943,7 +1939,7 @@ exports[`renders ./components/input-number/demo/size.md extend context correctly
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-input-number ant-input-number-lg"
@ -2024,7 +2020,7 @@ exports[`renders ./components/input-number/demo/size.md extend context correctly
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-input-number"
@ -2189,15 +2185,15 @@ exports[`renders ./components/input-number/demo/size.md extend context correctly
exports[`renders ./components/input-number/demo/status.md extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-input-number ant-input-number-status-error"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-input-number-handler-wrap"
@ -2272,11 +2268,11 @@ exports[`renders ./components/input-number/demo/status.md extend context correct
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-input-number ant-input-number-status-warning"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-input-number-handler-wrap"
@ -2351,11 +2347,11 @@ exports[`renders ./components/input-number/demo/status.md extend context correct
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-status-error"
style="width: 100%;"
style="width:100%"
>
<span
class="ant-input-number-prefix"
@ -2463,7 +2459,7 @@ exports[`renders ./components/input-number/demo/status.md extend context correct
>
<div
class="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-status-warning"
style="width: 100%;"
style="width:100%"
>
<span
class="ant-input-number-prefix"

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

@ -6,7 +6,7 @@ exports[`renders ./components/input-number/demo/addon.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-input-number-group-wrapper"
@ -103,7 +103,7 @@ exports[`renders ./components/input-number/demo/addon.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-input-number-group-wrapper"
@ -116,7 +116,7 @@ exports[`renders ./components/input-number/demo/addon.md correctly 1`] = `
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
style="width: 60px;"
style="width:60px"
>
<div
class="ant-select-selector"
@ -125,17 +125,16 @@ exports[`renders ./components/input-number/demo/addon.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -151,7 +150,7 @@ exports[`renders ./components/input-number/demo/addon.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -255,7 +254,7 @@ exports[`renders ./components/input-number/demo/addon.md correctly 1`] = `
>
<div
class="ant-select ant-select-single ant-select-show-arrow"
style="width: 60px;"
style="width:60px"
>
<div
class="ant-select-selector"
@ -264,17 +263,16 @@ exports[`renders ./components/input-number/demo/addon.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -290,7 +288,7 @@ exports[`renders ./components/input-number/demo/addon.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -320,7 +318,7 @@ exports[`renders ./components/input-number/demo/addon.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-input-number-group-wrapper"
@ -442,7 +440,7 @@ exports[`renders ./components/input-number/demo/addon.md correctly 1`] = `
>
<div
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow"
style="width: 150px;"
style="width:150px"
>
<div
class="ant-select-selector"
@ -452,15 +450,14 @@ exports[`renders ./components/input-number/demo/addon.md correctly 1`] = `
>
<input
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -475,7 +472,7 @@ exports[`renders ./components/input-number/demo/addon.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -825,7 +822,7 @@ exports[`renders ./components/input-number/demo/controls.md correctly 1`] = `
exports[`renders ./components/input-number/demo/digit.md correctly 1`] = `
<div
class="ant-input-number"
style="width: 200px;"
style="width:200px"
>
<div
class="ant-input-number-handler-wrap"
@ -982,7 +979,7 @@ Array [
</div>
</div>,
<div
style="margin-top: 20px;"
style="margin-top:20px"
>
<button
class="ant-btn ant-btn-primary"
@ -1002,7 +999,7 @@ exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-input-number"
@ -1168,7 +1165,7 @@ exports[`renders ./components/input-number/demo/keyboard.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-input-number"
@ -1260,7 +1257,6 @@ exports[`renders ./components/input-number/demo/keyboard.md correctly 1`] = `
checked=""
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
@ -1280,7 +1276,7 @@ exports[`renders ./components/input-number/demo/out-of-range.md correctly 1`] =
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-input-number ant-input-number-out-of-range"
@ -1378,7 +1374,7 @@ exports[`renders ./components/input-number/demo/prefix.md correctly 1`] = `
Array [
<div
class="ant-input-number-affix-wrapper"
style="width: 100%;"
style="width:100%"
>
<span
class="ant-input-number-prefix"
@ -1463,7 +1459,7 @@ Array [
<br />,
<div
class="ant-input-number-group-wrapper"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-input-number-wrapper ant-input-number-group"
@ -1579,7 +1575,7 @@ Array [
<br />,
<div
class="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-disabled"
style="width: 100%;"
style="width:100%"
>
<span
class="ant-input-number-prefix"
@ -1670,7 +1666,7 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-input-number ant-input-number-lg"
@ -1751,7 +1747,7 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-input-number"
@ -1916,15 +1912,15 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
exports[`renders ./components/input-number/demo/status.md correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-input-number ant-input-number-status-error"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-input-number-handler-wrap"
@ -1999,11 +1995,11 @@ exports[`renders ./components/input-number/demo/status.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-input-number ant-input-number-status-warning"
style="width: 100%;"
style="width:100%"
>
<div
class="ant-input-number-handler-wrap"
@ -2078,11 +2074,11 @@ exports[`renders ./components/input-number/demo/status.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-status-error"
style="width: 100%;"
style="width:100%"
>
<span
class="ant-input-number-prefix"
@ -2190,7 +2186,7 @@ exports[`renders ./components/input-number/demo/status.md correctly 1`] = `
>
<div
class="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-status-warning"
style="width: 100%;"
style="width:100%"
>
<span
class="ant-input-number-prefix"

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

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

@ -179,14 +179,14 @@ exports[`renders ./components/list/demo/grid.md extend context correctly 1`] = `
>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -217,11 +217,11 @@ exports[`renders ./components/list/demo/grid.md extend context correctly 1`] = `
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -252,11 +252,11 @@ exports[`renders ./components/list/demo/grid.md extend context correctly 1`] = `
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -287,11 +287,11 @@ exports[`renders ./components/list/demo/grid.md extend context correctly 1`] = `
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -340,14 +340,14 @@ Array [
>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -378,11 +378,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -413,11 +413,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -448,11 +448,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -483,11 +483,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -518,11 +518,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -567,14 +567,14 @@ Array [
>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -605,11 +605,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -640,11 +640,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -675,11 +675,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -710,11 +710,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -745,11 +745,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -794,14 +794,14 @@ Array [
>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -833,11 +833,11 @@ Array [
<div />
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -869,11 +869,11 @@ Array [
<div />
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -905,11 +905,11 @@ Array [
<div />
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -941,11 +941,11 @@ Array [
<div />
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -977,11 +977,11 @@ Array [
<div />
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -1022,14 +1022,14 @@ Array [
exports[`renders ./components/list/demo/infinite-load.md extend context correctly 1`] = `
<div
id="scrollableDiv"
style="height: 400px; overflow: auto; padding: 0px 16px; border: 1px solid rgba(140, 140, 140, 0.35);"
style="height:400px;overflow:auto;padding:0 16px;border:1px solid rgba(140, 140, 140, 0.35)"
>
<div
class="infinite-scroll-component__outerdiv"
>
<div
class="infinite-scroll-component "
style="height: auto; overflow: auto;"
style="height:auto;overflow:auto;-webkit-overflow-scrolling:touch"
>
<div
class="ant-list ant-list-split"
@ -1108,7 +1108,7 @@ exports[`renders ./components/list/demo/infinite-load.md extend context correctl
>
<h3
class="ant-skeleton-title"
style="width: 50%;"
style="width:50%"
/>
<ul
class="ant-skeleton-paragraph"
@ -1157,7 +1157,7 @@ exports[`renders ./components/list/demo/loadmore.md extend context correctly 1`]
class="ant-spin-container ant-spin-blur"
>
<div
style="min-height: 53px;"
style="min-height:53px"
/>
</div>
</div>
@ -1176,14 +1176,12 @@ exports[`renders ./components/list/demo/responsive.md extend context correctly 1
>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
style="width: 100%; max-width: 100%;"
>
<div>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -1213,12 +1211,10 @@ exports[`renders ./components/list/demo/responsive.md extend context correctly 1
</div>
</div>
</div>
<div
style="width: 100%; max-width: 100%;"
>
<div>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -1248,12 +1244,10 @@ exports[`renders ./components/list/demo/responsive.md extend context correctly 1
</div>
</div>
</div>
<div
style="width: 100%; max-width: 100%;"
>
<div>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -1283,12 +1277,10 @@ exports[`renders ./components/list/demo/responsive.md extend context correctly 1
</div>
</div>
</div>
<div
style="width: 100%; max-width: 100%;"
>
<div>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -1318,12 +1310,10 @@ exports[`renders ./components/list/demo/responsive.md extend context correctly 1
</div>
</div>
</div>
<div
style="width: 100%; max-width: 100%;"
>
<div>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -1353,12 +1343,10 @@ exports[`renders ./components/list/demo/responsive.md extend context correctly 1
</div>
</div>
</div>
<div
style="width: 100%; max-width: 100%;"
>
<div>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -1435,6 +1423,7 @@ Array [
[ITEM]
</mark>
</span>
<!-- -->
Racing car sprays burning fuel into crowd.
</li>
<li
@ -1447,6 +1436,7 @@ Array [
[ITEM]
</mark>
</span>
<!-- -->
Japanese princess to wed commoner.
</li>
<li
@ -1459,6 +1449,7 @@ Array [
[ITEM]
</mark>
</span>
<!-- -->
Australian walks 100km after outback crash.
</li>
<li
@ -1471,6 +1462,7 @@ Array [
[ITEM]
</mark>
</span>
<!-- -->
Man charged over missing wedding girl.
</li>
<li
@ -1483,6 +1475,7 @@ Array [
[ITEM]
</mark>
</span>
<!-- -->
Los Angeles battles huge wildfires.
</li>
</ul>
@ -1691,7 +1684,7 @@ exports[`renders ./components/list/demo/vertical.md extend context correctly 1`]
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="star"
@ -1729,7 +1722,7 @@ exports[`renders ./components/list/demo/vertical.md extend context correctly 1`]
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="like"
@ -1767,7 +1760,7 @@ exports[`renders ./components/list/demo/vertical.md extend context correctly 1`]
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="message"
@ -1857,7 +1850,7 @@ exports[`renders ./components/list/demo/vertical.md extend context correctly 1`]
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="star"
@ -1895,7 +1888,7 @@ exports[`renders ./components/list/demo/vertical.md extend context correctly 1`]
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="like"
@ -1933,7 +1926,7 @@ exports[`renders ./components/list/demo/vertical.md extend context correctly 1`]
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="message"
@ -2023,7 +2016,7 @@ exports[`renders ./components/list/demo/vertical.md extend context correctly 1`]
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="star"
@ -2061,7 +2054,7 @@ exports[`renders ./components/list/demo/vertical.md extend context correctly 1`]
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="like"
@ -2099,7 +2092,7 @@ exports[`renders ./components/list/demo/vertical.md extend context correctly 1`]
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="message"
@ -2345,16 +2338,16 @@ exports[`renders ./components/list/demo/virtual-list.md extend context correctly
>
<div
class="rc-virtual-list"
style="position: relative;"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="height: 400px; overflow-y: auto;"
style="height:400px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display: flex; flex-direction: column;"
style="display:flex;flex-direction:column"
/>
</div>
</div>

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

@ -179,14 +179,14 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -217,11 +217,11 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -252,11 +252,11 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -287,11 +287,11 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -340,14 +340,14 @@ Array [
>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -378,11 +378,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -413,11 +413,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -448,11 +448,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -483,11 +483,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -518,11 +518,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -567,14 +567,14 @@ Array [
>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -605,11 +605,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -640,11 +640,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -675,11 +675,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -710,11 +710,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -745,11 +745,11 @@ Array [
</div>
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -794,14 +794,14 @@ Array [
>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -833,11 +833,11 @@ Array [
<div />
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -869,11 +869,11 @@ Array [
<div />
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -905,11 +905,11 @@ Array [
<div />
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -941,11 +941,11 @@ Array [
<div />
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -977,11 +977,11 @@ Array [
<div />
</div>
<div
style="width: 25%; max-width: 25%;"
style="width:25%;max-width:25%"
>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -1022,14 +1022,14 @@ Array [
exports[`renders ./components/list/demo/infinite-load.md correctly 1`] = `
<div
id="scrollableDiv"
style="height: 400px; overflow: auto; padding: 0px 16px; border: 1px solid rgba(140, 140, 140, 0.35);"
style="height:400px;overflow:auto;padding:0 16px;border:1px solid rgba(140, 140, 140, 0.35)"
>
<div
class="infinite-scroll-component__outerdiv"
>
<div
class="infinite-scroll-component "
style="height: auto; overflow: auto;"
style="height:auto;overflow:auto;-webkit-overflow-scrolling:touch"
>
<div
class="ant-list ant-list-split"
@ -1108,7 +1108,7 @@ exports[`renders ./components/list/demo/infinite-load.md correctly 1`] = `
>
<h3
class="ant-skeleton-title"
style="width: 50%;"
style="width:50%"
/>
<ul
class="ant-skeleton-paragraph"
@ -1157,7 +1157,7 @@ exports[`renders ./components/list/demo/loadmore.md correctly 1`] = `
class="ant-spin-container ant-spin-blur"
>
<div
style="min-height: 53px;"
style="min-height:53px"
/>
</div>
</div>
@ -1176,14 +1176,12 @@ exports[`renders ./components/list/demo/responsive.md correctly 1`] = `
>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
style="width: 100%; max-width: 100%;"
>
<div>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -1213,12 +1211,10 @@ exports[`renders ./components/list/demo/responsive.md correctly 1`] = `
</div>
</div>
</div>
<div
style="width: 100%; max-width: 100%;"
>
<div>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -1248,12 +1244,10 @@ exports[`renders ./components/list/demo/responsive.md correctly 1`] = `
</div>
</div>
</div>
<div
style="width: 100%; max-width: 100%;"
>
<div>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -1283,12 +1277,10 @@ exports[`renders ./components/list/demo/responsive.md correctly 1`] = `
</div>
</div>
</div>
<div
style="width: 100%; max-width: 100%;"
>
<div>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -1318,12 +1310,10 @@ exports[`renders ./components/list/demo/responsive.md correctly 1`] = `
</div>
</div>
</div>
<div
style="width: 100%; max-width: 100%;"
>
<div>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -1353,12 +1343,10 @@ exports[`renders ./components/list/demo/responsive.md correctly 1`] = `
</div>
</div>
</div>
<div
style="width: 100%; max-width: 100%;"
>
<div>
<div
class="ant-col"
style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;"
style="padding-left:8px;padding-right:8px;flex:1 1 auto"
>
<div
class="ant-list-item"
@ -1435,6 +1423,7 @@ Array [
[ITEM]
</mark>
</span>
<!-- -->
Racing car sprays burning fuel into crowd.
</li>
<li
@ -1447,6 +1436,7 @@ Array [
[ITEM]
</mark>
</span>
<!-- -->
Japanese princess to wed commoner.
</li>
<li
@ -1459,6 +1449,7 @@ Array [
[ITEM]
</mark>
</span>
<!-- -->
Australian walks 100km after outback crash.
</li>
<li
@ -1471,6 +1462,7 @@ Array [
[ITEM]
</mark>
</span>
<!-- -->
Man charged over missing wedding girl.
</li>
<li
@ -1483,6 +1475,7 @@ Array [
[ITEM]
</mark>
</span>
<!-- -->
Los Angeles battles huge wildfires.
</li>
</ul>
@ -1691,7 +1684,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="star"
@ -1729,7 +1722,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="like"
@ -1767,7 +1760,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="message"
@ -1857,7 +1850,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="star"
@ -1895,7 +1888,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="like"
@ -1933,7 +1926,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="message"
@ -2023,7 +2016,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="star"
@ -2061,7 +2054,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="like"
@ -2099,7 +2092,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
aria-label="message"
@ -2345,16 +2338,16 @@ exports[`renders ./components/list/demo/virtual-list.md correctly 1`] = `
>
<div
class="rc-virtual-list"
style="position: relative;"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="height: 400px; overflow-y: auto;"
style="height:400px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display: flex; flex-direction: column;"
style="display:flex;flex-direction:column"
/>
</div>
</div>

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

@ -3,7 +3,7 @@
exports[`renders ./components/mentions/demo/async.md extend context correctly 1`] = `
<div
class="ant-mentions"
style="width: 100%;"
style="width:100%"
>
<textarea
class="rc-textarea"
@ -15,12 +15,11 @@ exports[`renders ./components/mentions/demo/async.md extend context correctly 1`
exports[`renders ./components/mentions/demo/autoSize.md extend context correctly 1`] = `
<div
class="ant-mentions"
style="width: 100%;"
style="width:100%"
>
<textarea
class="rc-textarea"
rows="1"
style="height: 0px; resize: none;"
/>
</div>
`;
@ -28,7 +27,7 @@ exports[`renders ./components/mentions/demo/autoSize.md extend context correctly
exports[`renders ./components/mentions/demo/basic.md extend context correctly 1`] = `
<div
class="ant-mentions"
style="width: 100%;"
style="width:100%"
>
<textarea
class="rc-textarea"
@ -167,7 +166,7 @@ exports[`renders ./components/mentions/demo/form.md extend context correctly 1`]
exports[`renders ./components/mentions/demo/placement.md extend context correctly 1`] = `
<div
class="ant-mentions"
style="width: 100%;"
style="width:100%"
>
<textarea
class="rc-textarea"
@ -179,7 +178,7 @@ exports[`renders ./components/mentions/demo/placement.md extend context correctl
exports[`renders ./components/mentions/demo/prefix.md extend context correctly 1`] = `
<div
class="ant-mentions"
style="width: 100%;"
style="width:100%"
>
<textarea
class="rc-textarea"
@ -192,11 +191,11 @@ exports[`renders ./components/mentions/demo/prefix.md extend context correctly 1
exports[`renders ./components/mentions/demo/readonly.md extend context correctly 1`] = `
Array [
<div
style="margin-bottom: 10px;"
style="margin-bottom:10px"
>
<div
class="ant-mentions ant-mentions-disabled"
style="width: 100%;"
style="width:100%"
>
<textarea
class="rc-textarea rc-textarea-disabled"
@ -208,7 +207,7 @@ Array [
</div>,
<div
class="ant-mentions"
style="width: 100%;"
style="width:100%"
>
<textarea
class="rc-textarea"
@ -226,7 +225,7 @@ exports[`renders ./components/mentions/demo/status.md extend context correctly 1
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-mentions ant-mentions-status-error"

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

@ -3,7 +3,7 @@
exports[`renders ./components/mentions/demo/async.md correctly 1`] = `
<div
class="ant-mentions"
style="width: 100%;"
style="width:100%"
>
<textarea
class="rc-textarea"
@ -15,12 +15,11 @@ exports[`renders ./components/mentions/demo/async.md correctly 1`] = `
exports[`renders ./components/mentions/demo/autoSize.md correctly 1`] = `
<div
class="ant-mentions"
style="width: 100%;"
style="width:100%"
>
<textarea
class="rc-textarea"
rows="1"
style="height: 0px; resize: none;"
/>
</div>
`;
@ -28,7 +27,7 @@ exports[`renders ./components/mentions/demo/autoSize.md correctly 1`] = `
exports[`renders ./components/mentions/demo/basic.md correctly 1`] = `
<div
class="ant-mentions"
style="width: 100%;"
style="width:100%"
>
<textarea
class="rc-textarea"
@ -167,7 +166,7 @@ exports[`renders ./components/mentions/demo/form.md correctly 1`] = `
exports[`renders ./components/mentions/demo/placement.md correctly 1`] = `
<div
class="ant-mentions"
style="width: 100%;"
style="width:100%"
>
<textarea
class="rc-textarea"
@ -179,7 +178,7 @@ exports[`renders ./components/mentions/demo/placement.md correctly 1`] = `
exports[`renders ./components/mentions/demo/prefix.md correctly 1`] = `
<div
class="ant-mentions"
style="width: 100%;"
style="width:100%"
>
<textarea
class="rc-textarea"
@ -192,11 +191,11 @@ exports[`renders ./components/mentions/demo/prefix.md correctly 1`] = `
exports[`renders ./components/mentions/demo/readonly.md correctly 1`] = `
Array [
<div
style="margin-bottom: 10px;"
style="margin-bottom:10px"
>
<div
class="ant-mentions ant-mentions-disabled"
style="width: 100%;"
style="width:100%"
>
<textarea
class="rc-textarea rc-textarea-disabled"
@ -208,7 +207,7 @@ Array [
</div>,
<div
class="ant-mentions"
style="width: 100%;"
style="width:100%"
>
<textarea
class="rc-textarea"
@ -226,7 +225,7 @@ exports[`renders ./components/mentions/demo/status.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<div
class="ant-mentions ant-mentions-status-error"

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

File diff suppressed because it is too large Load Diff

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

@ -10,9 +10,8 @@ Array [
>
<li
class="ant-menu-overflow-item ant-menu-item ant-menu-item-selected"
data-menu-id="rc-menu-uuid-test-mail"
role="menuitem"
style="opacity: 1; order: 0;"
style="opacity:1;order:0"
tabindex="-1"
>
<span
@ -43,10 +42,9 @@ Array [
<li
class="ant-menu-overflow-item ant-menu-submenu ant-menu-submenu-horizontal"
role="none"
style="opacity: 1; order: 1;"
style="opacity:1;order:1"
>
<div
aria-controls="rc-menu-uuid-test-SubMenu-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
@ -86,14 +84,12 @@ Array [
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: 0px; overflow-y: hidden; order: 9007199254740991; pointer-events: none; position: absolute;"
style="opacity:0;height:0;overflow-y:hidden;order:9007199254740991;pointer-events:none;position:absolute"
>
<div
aria-controls="rc-menu-uuid-test-rc-menu-more-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-rc-menu-more"
role="menuitem"
tabindex="-1"
>
@ -124,7 +120,7 @@ Array [
</ul>,
<div
aria-hidden="true"
style="display: none;"
style="display:none"
/>,
]
`;
@ -139,9 +135,8 @@ Array [
>
<li
class="ant-menu-overflow-item ant-menu-item ant-menu-item-selected"
data-menu-id="rc-menu-uuid-test-mail"
role="menuitem"
style="opacity: 1; order: 0;"
style="opacity:1;order:0"
tabindex="-1"
>
<span
@ -173,7 +168,7 @@ Array [
aria-disabled="true"
class="ant-menu-overflow-item ant-menu-item ant-menu-item-disabled"
role="menuitem"
style="opacity: 1; order: 1;"
style="opacity:1;order:1"
>
<span
aria-label="appstore"
@ -203,10 +198,9 @@ Array [
<li
class="ant-menu-overflow-item ant-menu-submenu ant-menu-submenu-horizontal"
role="none"
style="opacity: 1; order: 2;"
style="opacity:1;order:2"
>
<div
aria-controls="rc-menu-uuid-test-SubMenu-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
@ -245,7 +239,7 @@ Array [
<li
class="ant-menu-overflow-item ant-menu-item ant-menu-item-only-child"
role="menuitem"
style="opacity: 1; order: 3;"
style="opacity:1;order:3"
tabindex="-1"
>
<span
@ -264,14 +258,12 @@ Array [
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: 0px; overflow-y: hidden; order: 9007199254740991; pointer-events: none; position: absolute;"
style="opacity:0;height:0;overflow-y:hidden;order:9007199254740991;pointer-events:none;position:absolute"
>
<div
aria-controls="rc-menu-uuid-test-rc-menu-more-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-rc-menu-more"
role="menuitem"
tabindex="-1"
>
@ -302,7 +294,7 @@ Array [
</ul>,
<div
aria-hidden="true"
style="display: none;"
style="display:none"
/>,
]
`;
@ -313,21 +305,19 @@ Array [
class="ant-menu ant-menu-root ant-menu-inline ant-menu-light"
data-menu-list="true"
role="menu"
style="width: 256px;"
style="width:256px"
tabindex="0"
>
<li
class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected"
class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"
role="none"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="true"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub1"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -361,7 +351,6 @@ Array [
<ul
class="ant-menu ant-menu-sub ant-menu-inline"
data-menu-list="true"
id="rc-menu-uuid-test-subtest-popup"
>
<li
class="ant-menu-item-group"
@ -377,9 +366,8 @@ Array [
>
<li
class="ant-menu-item ant-menu-item-selected ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-1"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -390,9 +378,8 @@ Array [
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-2"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -417,9 +404,8 @@ Array [
>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-3"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -430,9 +416,8 @@ Array [
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-4"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -450,13 +435,11 @@ Array [
role="none"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub2"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -493,13 +476,11 @@ Array [
role="none"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub4"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -534,18 +515,18 @@ Array [
</ul>,
<div
aria-hidden="true"
style="display: none;"
style="display:none"
/>,
]
`;
exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
<div
style="width: 256px;"
style="width:256px"
>
<button
class="ant-btn ant-btn-primary"
style="margin-bottom: 16px;"
style="margin-bottom:16px"
type="button"
>
<span
@ -576,9 +557,8 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
>
<li
class="ant-menu-item ant-menu-item-selected"
data-menu-id="rc-menu-uuid-test-1"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -608,9 +588,8 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
</li>
<li
class="ant-menu-item"
data-menu-id="rc-menu-uuid-test-2"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -640,9 +619,8 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
</li>
<li
class="ant-menu-item"
data-menu-id="rc-menu-uuid-test-3"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -675,13 +653,11 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
role="none"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="true"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub1"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -715,13 +691,11 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
<ul
class="ant-menu ant-menu-sub ant-menu-inline"
data-menu-list="true"
id="rc-menu-uuid-test-subtest-popup"
>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-5"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -732,9 +706,8 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-6"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -745,9 +718,8 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-7"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -758,9 +730,8 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-8"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -776,13 +747,11 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
role="none"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub2"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -817,7 +786,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
</ul>
<div
aria-hidden="true"
style="display: none;"
style="display:none"
/>
</div>
`;
@ -828,7 +797,7 @@ Array [
class="ant-menu ant-menu-root ant-menu-inline ant-menu-light"
data-menu-list="true"
role="menu"
style="width: 256px;"
style="width:256px"
tabindex="0"
>
<li
@ -836,13 +805,11 @@ Array [
role="none"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="true"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub1"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -876,13 +843,11 @@ Array [
<ul
class="ant-menu ant-menu-sub ant-menu-inline"
data-menu-list="true"
id="rc-menu-uuid-test-subtest-popup"
>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-1"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -893,9 +858,8 @@ Array [
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-2"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -906,9 +870,8 @@ Array [
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-3"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -919,9 +882,8 @@ Array [
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-4"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -937,13 +899,11 @@ Array [
role="none"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub2"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -980,13 +940,11 @@ Array [
role="none"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub4"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -1021,7 +979,7 @@ Array [
</ul>,
<div
aria-hidden="true"
style="display: none;"
style="display:none"
/>,
]
`;
@ -1052,16 +1010,14 @@ Array [
tabindex="0"
>
<li
class="ant-menu-submenu ant-menu-submenu-vertical ant-menu-submenu-selected"
class="ant-menu-submenu ant-menu-submenu-vertical"
role="none"
style="background: rgba(255, 255, 255, 0.3);"
style="background:rgba(255,255,255,0.3)"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub1"
role="menuitem"
tabindex="-1"
>
@ -1097,14 +1053,12 @@ Array [
<li
class="ant-menu-submenu ant-menu-submenu-vertical"
role="none"
style="background: rgba(255, 255, 255, 0.3);"
style="background:rgba(255,255,255,0.3)"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub2"
role="menuitem"
tabindex="-1"
>
@ -1139,9 +1093,8 @@ Array [
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-11"
role="menuitem"
style="text-decoration: underline;"
style="text-decoration:underline"
tabindex="-1"
>
<div
@ -1152,9 +1105,8 @@ Array [
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-12"
role="menuitem"
style="text-decoration: underline;"
style="text-decoration:underline"
tabindex="-1"
>
<div
@ -1166,7 +1118,7 @@ Array [
</ul>,
<div
aria-hidden="true"
style="display: none;"
style="display:none"
/>,
]
`;
@ -1194,20 +1146,18 @@ Array [
class="ant-menu ant-menu-root ant-menu-vertical ant-menu-dark"
data-menu-list="true"
role="menu"
style="width: 256px;"
style="width:256px"
tabindex="0"
>
<li
class="ant-menu-submenu ant-menu-submenu-vertical ant-menu-submenu-open ant-menu-submenu-selected"
class="ant-menu-submenu ant-menu-submenu-vertical ant-menu-submenu-open"
role="none"
theme="light"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="true"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub1"
role="menuitem"
tabindex="-1"
>
@ -1242,7 +1192,6 @@ Array [
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-5"
role="menuitem"
tabindex="-1"
>
@ -1254,7 +1203,6 @@ Array [
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-6"
role="menuitem"
tabindex="-1"
>
@ -1267,7 +1215,7 @@ Array [
</ul>,
<div
aria-hidden="true"
style="display: none;"
style="display:none"
/>,
]
`;
@ -1287,6 +1235,7 @@ Array [
class="ant-switch-inner"
/>
</button>,
Change Mode,
<div
class="ant-divider ant-divider-vertical"
role="separator"
@ -1304,20 +1253,20 @@ Array [
class="ant-switch-inner"
/>
</button>,
Change Style,
<br />,
<br />,
<ul
class="ant-menu ant-menu-root ant-menu-inline ant-menu-light"
data-menu-list="true"
role="menu"
style="width: 256px;"
style="width:256px"
tabindex="0"
>
<li
class="ant-menu-item ant-menu-item-selected"
data-menu-id="rc-menu-uuid-test-1"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -1347,9 +1296,8 @@ Array [
</li>
<li
class="ant-menu-item"
data-menu-id="rc-menu-uuid-test-2"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -1382,13 +1330,11 @@ Array [
role="none"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="true"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub1"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -1422,13 +1368,11 @@ Array [
<ul
class="ant-menu ant-menu-sub ant-menu-inline"
data-menu-list="true"
id="rc-menu-uuid-test-subtest-popup"
>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-3"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -1439,9 +1383,8 @@ Array [
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-4"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -1455,13 +1398,11 @@ Array [
role="none"
>
<div
aria-controls="rc-menu-uuid-test-subtest-test-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub1-2"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -1481,13 +1422,11 @@ Array [
role="none"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub2"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -1521,9 +1460,8 @@ Array [
</li>
<li
class="ant-menu-item"
data-menu-id="rc-menu-uuid-test-link"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -1560,7 +1498,7 @@ Array [
</ul>,
<div
aria-hidden="true"
style="display: none;"
style="display:none"
/>,
]
`;
@ -1588,21 +1526,19 @@ Array [
class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark"
data-menu-list="true"
role="menu"
style="width: 256px;"
style="width:256px"
tabindex="0"
>
<li
class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected"
class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"
role="none"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="true"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub1"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -1636,13 +1572,11 @@ Array [
<ul
class="ant-menu ant-menu-sub ant-menu-inline"
data-menu-list="true"
id="rc-menu-uuid-test-subtest-popup"
>
<li
class="ant-menu-item ant-menu-item-selected ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-1"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -1653,9 +1587,8 @@ Array [
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-2"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -1666,9 +1599,8 @@ Array [
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-3"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -1679,9 +1611,8 @@ Array [
</li>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-4"
role="menuitem"
style="padding-left: 48px;"
style="padding-left:48px"
tabindex="-1"
>
<span
@ -1697,13 +1628,11 @@ Array [
role="none"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub2"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -1740,13 +1669,11 @@ Array [
role="none"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub4"
role="menuitem"
style="padding-left: 24px;"
style="padding-left:24px"
tabindex="-1"
>
<span
@ -1781,7 +1708,7 @@ Array [
</ul>,
<div
aria-hidden="true"
style="display: none;"
style="display:none"
/>,
]
`;
@ -1792,7 +1719,7 @@ Array [
class="ant-menu ant-menu-root ant-menu-vertical ant-menu-light"
data-menu-list="true"
role="menu"
style="width: 256px;"
style="width:256px"
tabindex="0"
>
<li
@ -1800,11 +1727,9 @@ Array [
role="none"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub1"
role="menuitem"
tabindex="-1"
>
@ -1842,11 +1767,9 @@ Array [
role="none"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub2"
role="menuitem"
tabindex="-1"
>
@ -1884,11 +1807,9 @@ Array [
role="none"
>
<div
aria-controls="rc-menu-uuid-test-subtest-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-sub4"
role="menuitem"
tabindex="-1"
>
@ -1924,7 +1845,7 @@ Array [
</ul>,
<div
aria-hidden="true"
style="display: none;"
style="display:none"
/>,
]
`;

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

@ -61,7 +61,7 @@ exports[`renders ./components/message/demo/other.md extend context correctly 1`]
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -74,7 +74,7 @@ exports[`renders ./components/message/demo/other.md extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"

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

@ -61,7 +61,7 @@ exports[`renders ./components/message/demo/other.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -74,7 +74,7 @@ exports[`renders ./components/message/demo/other.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"

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

@ -36,11 +36,11 @@ exports[`renders ./components/modal/demo/button-props.md extend context correctl
exports[`renders ./components/modal/demo/confirm.md extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
style="flex-wrap:wrap;margin-bottom:-8px"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -53,7 +53,7 @@ exports[`renders ./components/modal/demo/confirm.md extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -66,7 +66,7 @@ exports[`renders ./components/modal/demo/confirm.md extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-dashed"
@ -79,7 +79,7 @@ exports[`renders ./components/modal/demo/confirm.md extend context correctly 1`]
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-dashed"
@ -132,7 +132,7 @@ exports[`renders ./components/modal/demo/hooks.md extend context correctly 1`] =
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -145,7 +145,7 @@ exports[`renders ./components/modal/demo/hooks.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -158,7 +158,7 @@ exports[`renders ./components/modal/demo/hooks.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -187,11 +187,11 @@ exports[`renders ./components/modal/demo/hooks.md extend context correctly 1`] =
exports[`renders ./components/modal/demo/info.md extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
style="flex-wrap:wrap;margin-bottom:-8px"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -204,7 +204,7 @@ exports[`renders ./components/modal/demo/info.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -217,7 +217,7 @@ exports[`renders ./components/modal/demo/info.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -230,7 +230,7 @@ exports[`renders ./components/modal/demo/info.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -250,7 +250,7 @@ exports[`renders ./components/modal/demo/locale.md extend context correctly 1`]
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"

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

@ -36,11 +36,11 @@ exports[`renders ./components/modal/demo/button-props.md correctly 1`] = `
exports[`renders ./components/modal/demo/confirm.md correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
style="flex-wrap:wrap;margin-bottom:-8px"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -53,7 +53,7 @@ exports[`renders ./components/modal/demo/confirm.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -66,7 +66,7 @@ exports[`renders ./components/modal/demo/confirm.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-dashed"
@ -79,7 +79,7 @@ exports[`renders ./components/modal/demo/confirm.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-dashed"
@ -132,7 +132,7 @@ exports[`renders ./components/modal/demo/hooks.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -145,7 +145,7 @@ exports[`renders ./components/modal/demo/hooks.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -158,7 +158,7 @@ exports[`renders ./components/modal/demo/hooks.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -187,11 +187,11 @@ exports[`renders ./components/modal/demo/hooks.md correctly 1`] = `
exports[`renders ./components/modal/demo/info.md correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px;"
style="flex-wrap:wrap;margin-bottom:-8px"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -204,7 +204,7 @@ exports[`renders ./components/modal/demo/info.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -217,7 +217,7 @@ exports[`renders ./components/modal/demo/info.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -230,7 +230,7 @@ exports[`renders ./components/modal/demo/info.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
style="padding-bottom:8px"
>
<button
class="ant-btn ant-btn-default"
@ -250,7 +250,7 @@ exports[`renders ./components/modal/demo/locale.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"

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

@ -51,7 +51,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -122,7 +122,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -194,7 +194,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -265,7 +265,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -336,7 +336,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -429,7 +429,7 @@ exports[`renders ./components/notification/demo/with-icon.md extend context corr
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -442,7 +442,7 @@ exports[`renders ./components/notification/demo/with-icon.md extend context corr
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -455,7 +455,7 @@ exports[`renders ./components/notification/demo/with-icon.md extend context corr
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"

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

@ -51,7 +51,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -122,7 +122,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -194,7 +194,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -265,7 +265,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -336,7 +336,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -429,7 +429,7 @@ exports[`renders ./components/notification/demo/with-icon.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -442,7 +442,7 @@ exports[`renders ./components/notification/demo/with-icon.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -455,7 +455,7 @@ exports[`renders ./components/notification/demo/with-icon.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"

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

@ -18,7 +18,7 @@ Array [
aria-label="Back"
class="ant-page-header-back-button"
role="button"
style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
tabindex="0"
>
<span
@ -63,7 +63,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -76,7 +76,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -241,7 +241,7 @@ Array [
aria-label="Back"
class="ant-page-header-back-button"
role="button"
style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
tabindex="0"
>
<span
@ -295,7 +295,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -308,7 +308,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -360,7 +360,7 @@ Array [
</div>
<div
class="ant-statistic"
style="margin: 0px 32px;"
style="margin:0 32px"
>
<div
class="ant-statistic-title"
@ -446,7 +446,7 @@ exports[`renders ./components/page-header/demo/basic.md extend context correctly
aria-label="Back"
class="ant-page-header-back-button"
role="button"
style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
tabindex="0"
>
<span
@ -665,7 +665,7 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -678,7 +678,7 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -691,7 +691,7 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -713,7 +713,7 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
aria-label="more"
class="anticon anticon-more"
role="img"
style="font-size: 20px;"
style="font-size:20px"
>
<svg
aria-hidden="true"
@ -732,8 +732,8 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
</button>
<div>
<div
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-dropdown"
style="opacity:0"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
@ -743,7 +743,6 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-1"
role="menuitem"
tabindex="-1"
>
@ -761,8 +760,8 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -783,7 +782,6 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
</div>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-2"
role="menuitem"
tabindex="-1"
>
@ -801,8 +799,8 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -823,7 +821,6 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
</div>
<li
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-3"
role="menuitem"
tabindex="-1"
>
@ -841,8 +838,8 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
</li>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -864,12 +861,12 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
</ul>
<div
aria-hidden="true"
style="display: none;"
style="display:none"
>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -890,8 +887,8 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
</div>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -912,8 +909,8 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
</div>
<div>
<div
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -946,7 +943,7 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
class="ant-row"
>
<div
style="flex: 1;"
style="flex:1"
>
<div
class="ant-typography"
@ -1025,7 +1022,7 @@ exports[`renders ./components/page-header/demo/ghost.md extend context correctly
aria-label="Back"
class="ant-page-header-back-button"
role="button"
style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
tabindex="0"
>
<span
@ -1070,7 +1067,7 @@ exports[`renders ./components/page-header/demo/ghost.md extend context correctly
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -1083,7 +1080,7 @@ exports[`renders ./components/page-header/demo/ghost.md extend context correctly
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -1251,7 +1248,7 @@ exports[`renders ./components/page-header/demo/responsive.md extend context corr
aria-label="Back"
class="ant-page-header-back-button"
role="button"
style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
tabindex="0"
>
<span
@ -1296,7 +1293,7 @@ exports[`renders ./components/page-header/demo/responsive.md extend context corr
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -1309,7 +1306,7 @@ exports[`renders ./components/page-header/demo/responsive.md extend context corr
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -1470,11 +1467,11 @@ exports[`renders ./components/page-header/demo/responsive.md extend context corr
class="extra"
>
<div
style="display: flex; justify-content: flex-end;"
style="display:flex;width:max-content;justify-content:flex-end"
>
<div
class="ant-statistic"
style="margin-right: 32px;"
style="margin-right:32px"
>
<div
class="ant-statistic-title"
@ -1542,16 +1539,14 @@ exports[`renders ./components/page-header/demo/responsive.md extend context corr
>
<div
class="ant-tabs-nav-list"
style="transform: translate(0px, 0px);"
style="transform:translate(0px, 0px)"
>
<div
class="ant-tabs-tab ant-tabs-tab-active"
>
<div
aria-controls="rc-tabs-test-panel-test"
aria-selected="true"
class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-test"
role="tab"
tabindex="0"
>
@ -1562,10 +1557,8 @@ exports[`renders ./components/page-header/demo/responsive.md extend context corr
class="ant-tabs-tab"
>
<div
aria-controls="rc-tabs-test-panel-test"
aria-selected="false"
class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-test"
role="tab"
tabindex="0"
>
@ -1581,13 +1574,13 @@ exports[`renders ./components/page-header/demo/responsive.md extend context corr
class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
>
<button
aria-controls="rc-tabs-test-more-popup"
aria-controls="null-more-popup"
aria-expanded="false"
aria-haspopup="listbox"
aria-hidden="true"
class="ant-tabs-nav-more"
id="rc-tabs-test-more"
style="visibility: hidden; order: 1;"
id="null-more"
style="visibility:hidden;order:1"
tabindex="-1"
type="button"
>
@ -1613,20 +1606,20 @@ exports[`renders ./components/page-header/demo/responsive.md extend context corr
</button>
<div>
<div
class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-tabs-dropdown"
style="opacity:0"
>
<ul
aria-label="expanded dropdown"
class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
data-menu-list="true"
id="rc-tabs-test-more-popup"
id="null-more-popup"
role="listbox"
tabindex="-1"
/>
<div
aria-hidden="true"
style="display: none;"
style="display:none"
/>
</div>
</div>
@ -1640,9 +1633,7 @@ exports[`renders ./components/page-header/demo/responsive.md extend context corr
>
<div
aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-test"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
id="rc-tabs-test-panel-test"
role="tabpanel"
tabindex="0"
/>

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

@ -18,7 +18,7 @@ Array [
aria-label="Back"
class="ant-page-header-back-button"
role="button"
style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
tabindex="0"
>
<span
@ -63,7 +63,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -76,7 +76,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -241,7 +241,7 @@ Array [
aria-label="Back"
class="ant-page-header-back-button"
role="button"
style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
tabindex="0"
>
<span
@ -295,7 +295,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -308,7 +308,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -360,7 +360,7 @@ Array [
</div>
<div
class="ant-statistic"
style="margin: 0px 32px;"
style="margin:0 32px"
>
<div
class="ant-statistic-title"
@ -446,7 +446,7 @@ exports[`renders ./components/page-header/demo/basic.md correctly 1`] = `
aria-label="Back"
class="ant-page-header-back-button"
role="button"
style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
tabindex="0"
>
<span
@ -665,7 +665,7 @@ exports[`renders ./components/page-header/demo/content.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -678,7 +678,7 @@ exports[`renders ./components/page-header/demo/content.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -691,7 +691,7 @@ exports[`renders ./components/page-header/demo/content.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -713,7 +713,7 @@ exports[`renders ./components/page-header/demo/content.md correctly 1`] = `
aria-label="more"
class="anticon anticon-more"
role="img"
style="font-size: 20px;"
style="font-size:20px"
>
<svg
aria-hidden="true"
@ -741,7 +741,7 @@ exports[`renders ./components/page-header/demo/content.md correctly 1`] = `
class="ant-row"
>
<div
style="flex: 1;"
style="flex:1"
>
<div
class="ant-typography"
@ -820,7 +820,7 @@ exports[`renders ./components/page-header/demo/ghost.md correctly 1`] = `
aria-label="Back"
class="ant-page-header-back-button"
role="button"
style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
tabindex="0"
>
<span
@ -865,7 +865,7 @@ exports[`renders ./components/page-header/demo/ghost.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -878,7 +878,7 @@ exports[`renders ./components/page-header/demo/ghost.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -1046,7 +1046,7 @@ exports[`renders ./components/page-header/demo/responsive.md correctly 1`] = `
aria-label="Back"
class="ant-page-header-back-button"
role="button"
style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
tabindex="0"
>
<span
@ -1091,7 +1091,7 @@ exports[`renders ./components/page-header/demo/responsive.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -1104,7 +1104,7 @@ exports[`renders ./components/page-header/demo/responsive.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -1265,11 +1265,11 @@ exports[`renders ./components/page-header/demo/responsive.md correctly 1`] = `
class="extra"
>
<div
style="display: flex; justify-content: flex-end;"
style="display:flex;width:max-content;justify-content:flex-end"
>
<div
class="ant-statistic"
style="margin-right: 32px;"
style="margin-right:32px"
>
<div
class="ant-statistic-title"
@ -1337,16 +1337,14 @@ exports[`renders ./components/page-header/demo/responsive.md correctly 1`] = `
>
<div
class="ant-tabs-nav-list"
style="transform: translate(0px, 0px);"
style="transform:translate(0px, 0px)"
>
<div
class="ant-tabs-tab ant-tabs-tab-active"
>
<div
aria-controls="rc-tabs-test-panel-test"
aria-selected="true"
class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-test"
role="tab"
tabindex="0"
>
@ -1357,10 +1355,8 @@ exports[`renders ./components/page-header/demo/responsive.md correctly 1`] = `
class="ant-tabs-tab"
>
<div
aria-controls="rc-tabs-test-panel-test"
aria-selected="false"
class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-test"
role="tab"
tabindex="0"
>
@ -1376,13 +1372,13 @@ exports[`renders ./components/page-header/demo/responsive.md correctly 1`] = `
class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
>
<button
aria-controls="rc-tabs-test-more-popup"
aria-controls="null-more-popup"
aria-expanded="false"
aria-haspopup="listbox"
aria-hidden="true"
class="ant-tabs-nav-more"
id="rc-tabs-test-more"
style="visibility: hidden; order: 1;"
id="null-more"
style="visibility:hidden;order:1"
tabindex="-1"
type="button"
>
@ -1416,9 +1412,7 @@ exports[`renders ./components/page-header/demo/responsive.md correctly 1`] = `
>
<div
aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-test"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
id="rc-tabs-test-panel-test"
role="tabpanel"
tabindex="0"
/>

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

File diff suppressed because it is too large Load Diff

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

@ -192,19 +192,18 @@ exports[`renders ./components/pagination/demo/all.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -220,7 +219,7 @@ exports[`renders ./components/pagination/demo/all.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -574,19 +573,18 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -602,7 +600,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -815,20 +813,19 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
disabled=""
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -844,7 +841,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1144,19 +1141,18 @@ exports[`renders ./components/pagination/demo/itemRender.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1172,7 +1168,7 @@ exports[`renders ./components/pagination/demo/itemRender.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1388,19 +1384,18 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1416,7 +1411,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1640,20 +1635,19 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
disabled=""
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1669,7 +1663,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -1973,19 +1967,18 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -2001,7 +1994,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -2309,20 +2302,19 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
disabled=""
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -2338,7 +2330,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -2615,19 +2607,18 @@ exports[`renders ./components/pagination/demo/more.md correctly 1`] = `
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -2643,7 +2634,7 @@ exports[`renders ./components/pagination/demo/more.md correctly 1`] = `
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -2990,19 +2981,18 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -3018,7 +3008,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
@ -3187,19 +3177,18 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -3215,7 +3204,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span

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

@ -12,8 +12,8 @@ Array [
</button>,
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -97,8 +97,8 @@ Array [
</a>,
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -182,8 +182,8 @@ exports[`renders ./components/popconfirm/demo/dynamic-trigger.md extend context
</a>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -283,8 +283,8 @@ Array [
</a>,
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -310,7 +310,7 @@ Array [
aria-label="question-circle"
class="anticon anticon-question-circle"
role="img"
style="color: red;"
style="color:red"
>
<svg
aria-hidden="true"
@ -372,8 +372,8 @@ Array [
</a>,
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -453,7 +453,7 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
class="demo"
>
<div
style="margin-left: 70px; white-space: nowrap;"
style="margin-left:70px;white-space:nowrap"
>
<button
class="ant-btn ant-btn-default"
@ -465,8 +465,8 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
</button>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -548,8 +548,8 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
</button>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -631,8 +631,8 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
</button>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -706,7 +706,7 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
</div>
</div>
<div
style="width: 70px; float: left;"
style="width:70px;float:left"
>
<button
class="ant-btn ant-btn-default"
@ -718,8 +718,8 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
</button>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -801,8 +801,8 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
</button>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -884,8 +884,8 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
</button>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -959,7 +959,7 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
</div>
</div>
<div
style="width: 70px; margin-left: 304px;"
style="width:70px;margin-left:304px"
>
<button
class="ant-btn ant-btn-default"
@ -971,8 +971,8 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
</button>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -1054,8 +1054,8 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
</button>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -1137,8 +1137,8 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
</button>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -1212,7 +1212,7 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
</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"
@ -1224,8 +1224,8 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
</button>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -1307,8 +1307,8 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
</button>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -1390,8 +1390,8 @@ exports[`renders ./components/popconfirm/demo/placement.md extend context correc
</button>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -1479,8 +1479,8 @@ Array [
</button>,
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"

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

@ -66,7 +66,7 @@ exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
class="demo"
>
<div
style="margin-left: 70px; white-space: nowrap;"
style="margin-left:70px;white-space:nowrap"
>
<button
class="ant-btn ant-btn-default"
@ -94,7 +94,7 @@ exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
</button>
</div>
<div
style="width: 70px; float: left;"
style="width:70px;float:left"
>
<button
class="ant-btn ant-btn-default"
@ -122,7 +122,7 @@ exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
</button>
</div>
<div
style="width: 70px; margin-left: 304px;"
style="width:70px;margin-left:304px"
>
<button
class="ant-btn ant-btn-default"
@ -150,7 +150,7 @@ exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
</button>
</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"

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

@ -12,8 +12,8 @@ Array [
</button>,
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -58,8 +58,8 @@ Array [
</button>,
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -109,8 +109,8 @@ Array [
</button>,
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -162,8 +162,8 @@ Array [
</button>,
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -210,8 +210,8 @@ Array [
</button>,
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -250,8 +250,8 @@ Array [
</div>,
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -291,7 +291,7 @@ exports[`renders ./components/popover/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"
@ -303,8 +303,8 @@ exports[`renders ./components/popover/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -353,8 +353,8 @@ exports[`renders ./components/popover/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -403,8 +403,8 @@ exports[`renders ./components/popover/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -445,7 +445,7 @@ exports[`renders ./components/popover/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"
@ -457,8 +457,8 @@ exports[`renders ./components/popover/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -507,8 +507,8 @@ exports[`renders ./components/popover/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -557,8 +557,8 @@ exports[`renders ./components/popover/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -599,7 +599,7 @@ exports[`renders ./components/popover/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"
@ -611,8 +611,8 @@ exports[`renders ./components/popover/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -661,8 +661,8 @@ exports[`renders ./components/popover/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -711,8 +711,8 @@ exports[`renders ./components/popover/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -753,7 +753,7 @@ exports[`renders ./components/popover/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"
@ -765,8 +765,8 @@ exports[`renders ./components/popover/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -815,8 +815,8 @@ exports[`renders ./components/popover/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -865,8 +865,8 @@ exports[`renders ./components/popover/demo/placement.md extend context correctly
</button>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -921,8 +921,8 @@ exports[`renders ./components/popover/demo/triggerType.md extend context correct
</button>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -969,8 +969,8 @@ exports[`renders ./components/popover/demo/triggerType.md extend context correct
</button>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -1017,8 +1017,8 @@ exports[`renders ./components/popover/demo/triggerType.md extend context correct
</button>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"

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

@ -59,7 +59,7 @@ exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
class="demo"
>
<div
style="margin-left: 70px; white-space: nowrap;"
style="margin-left:70px;white-space:nowrap"
>
<button
class="ant-btn ant-btn-default"
@ -87,7 +87,7 @@ exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
</button>
</div>
<div
style="width: 70px; float: left;"
style="width:70px;float:left"
>
<button
class="ant-btn ant-btn-default"
@ -115,7 +115,7 @@ exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
</button>
</div>
<div
style="width: 70px; margin-left: 304px;"
style="width:70px;margin-left:304px"
>
<button
class="ant-btn ant-btn-default"
@ -143,7 +143,7 @@ exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
</button>
</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"

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

@ -7,7 +7,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -20,7 +20,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -30,7 +30,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 76.82742735936014; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:76.82742735936014;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -40,7 +40,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -56,7 +56,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -69,7 +69,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -79,7 +79,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 91.59291283123217; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:91.59291283123217;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -89,7 +89,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -122,7 +122,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -135,7 +135,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -145,7 +145,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -155,7 +155,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -193,7 +193,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -206,7 +206,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -216,7 +216,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -226,7 +226,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -305,7 +305,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 80px; height: 80px; font-size: 18px;"
style="width:80px;height:80px;font-size:18px"
>
<svg
class="ant-progress-circle"
@ -318,7 +318,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -328,7 +328,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 209.7167966062084; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:209.7167966062084;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -338,7 +338,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -354,7 +354,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 80px; height: 80px; font-size: 18px;"
style="width:80px;height:80px;font-size:18px"
>
<svg
class="ant-progress-circle"
@ -367,7 +367,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -377,7 +377,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 91.59291283123217; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:91.59291283123217;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -387,7 +387,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -420,7 +420,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 80px; height: 80px; font-size: 18px;"
style="width:80px;height:80px;font-size:18px"
>
<svg
class="ant-progress-circle"
@ -433,7 +433,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -443,7 +443,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -453,7 +453,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -491,7 +491,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -504,7 +504,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(127.5deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:0;transform:rotate(127.5deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -514,7 +514,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 61.44671332616011; transform: rotate(127.5deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:61.44671332616011;transform:rotate(127.5deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -524,7 +524,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 233.77685330464044; transform: rotate(127.5deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:233.77685330464044;transform:rotate(127.5deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -540,7 +540,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -553,7 +553,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 270.7005669843205px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(105deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:270.7005669843205px 295.3097094374406;stroke-dashoffset:0;transform:rotate(105deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -563,7 +563,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 270.7005669843205px 295.3097094374406; stroke-dashoffset: 70.67514174608013; transform: rotate(105deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:270.7005669843205px 295.3097094374406;stroke-dashoffset:70.67514174608013;transform:rotate(105deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -573,7 +573,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 270.7005669843205px 295.3097094374406; stroke-dashoffset: 270.6905669843205; transform: rotate(105deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:270.7005669843205px 295.3097094374406;stroke-dashoffset:270.6905669843205;transform:rotate(105deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -600,7 +600,7 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 0%; height: 8px;"
style="width:0%;height:8px"
/>
</div>
</div>
@ -679,7 +679,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -692,7 +692,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -702,7 +702,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 76.82742735936014; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:76.82742735936014;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -712,7 +712,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -728,7 +728,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -741,7 +741,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -751,7 +751,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -761,7 +761,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -788,7 +788,7 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 99.9%; height: 8px;"
style="width:99.9%;height:8px;background-image:linear-gradient(to right, #108ee9 0%, #87d068 100%)"
/>
</div>
</div>
@ -810,7 +810,7 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 99.9%; height: 8px;"
style="width:99.9%;height:8px;background-image:linear-gradient(to right, #108ee9, #87d068)"
/>
</div>
</div>
@ -826,7 +826,7 @@ Array [
>
<div
class="ant-progress-inner ant-progress-circle-gradient"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -834,7 +834,7 @@ Array [
>
<defs>
<lineargradient
id="rc_progress_test-gradient"
id="undefined-gradient"
x1="100%"
x2="0%"
y1="0%"
@ -857,7 +857,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -865,10 +865,10 @@ Array [
cy="50"
opacity="1"
r="47"
stroke="url(#rc_progress_TEST_OR_SSR-gradient)"
stroke="url(#undefined-gradient)"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 32.53097094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:32.53097094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -878,7 +878,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -894,7 +894,7 @@ Array [
>
<div
class="ant-progress-inner ant-progress-circle-gradient"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -902,7 +902,7 @@ Array [
>
<defs>
<lineargradient
id="rc_progress_test-gradient"
id="undefined-gradient"
x1="100%"
x2="0%"
y1="0%"
@ -925,7 +925,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -933,10 +933,10 @@ Array [
cy="50"
opacity="1"
r="47"
stroke="url(#rc_progress_TEST_OR_SSR-gradient)"
stroke="url(#undefined-gradient)"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -946,7 +946,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -990,7 +990,7 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 30%; height: 8px;"
style="width:30%;height:8px"
/>
</div>
</div>
@ -1012,7 +1012,7 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 50%; height: 8px;"
style="width:50%;height:8px"
/>
</div>
</div>
@ -1034,7 +1034,7 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 70%; height: 8px;"
style="width:70%;height:8px"
/>
</div>
</div>
@ -1073,7 +1073,7 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 100%; height: 8px;"
style="width:100%;height:8px"
/>
</div>
</div>
@ -1112,7 +1112,7 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 50%; height: 8px;"
style="width:50%;height:8px"
/>
</div>
</div>
@ -1122,7 +1122,7 @@ Array [
exports[`renders ./components/progress/demo/line-mini.md extend context correctly 1`] = `
<div
style="width: 170px;"
style="width:170px"
>
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-small"
@ -1135,7 +1135,7 @@ exports[`renders ./components/progress/demo/line-mini.md extend context correctl
>
<div
class="ant-progress-bg"
style="width: 30%; height: 6px;"
style="width:30%;height:6px"
/>
</div>
</div>
@ -1157,7 +1157,7 @@ exports[`renders ./components/progress/demo/line-mini.md extend context correctl
>
<div
class="ant-progress-bg"
style="width: 50%; height: 6px;"
style="width:50%;height:6px"
/>
</div>
</div>
@ -1179,7 +1179,7 @@ exports[`renders ./components/progress/demo/line-mini.md extend context correctl
>
<div
class="ant-progress-bg"
style="width: 70%; height: 6px;"
style="width:70%;height:6px"
/>
</div>
</div>
@ -1218,7 +1218,7 @@ exports[`renders ./components/progress/demo/line-mini.md extend context correctl
>
<div
class="ant-progress-bg"
style="width: 100%; height: 6px;"
style="width:100%;height:6px"
/>
</div>
</div>
@ -1259,11 +1259,11 @@ Array [
>
<div
class="ant-progress-inner"
style="border-radius: 0;"
style="border-radius:0"
>
<div
class="ant-progress-bg"
style="width: 75%; height: 8px; border-radius: 0;"
style="width:75%;height:8px;border-radius:0"
/>
</div>
</div>
@ -1279,7 +1279,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -1292,7 +1292,7 @@ Array [
r="47"
stroke-linecap="butt"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1302,7 +1302,7 @@ Array [
r="47"
stroke-linecap="butt"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 73.82742735936014; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:73.82742735936014;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1312,7 +1312,7 @@ Array [
r="47"
stroke-linecap="butt"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.3097094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.3097094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -1328,7 +1328,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -1341,7 +1341,7 @@ Array [
r="47"
stroke-linecap="butt"
stroke-width="6"
style="stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(127.5deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:0;transform:rotate(127.5deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1351,7 +1351,7 @@ Array [
r="47"
stroke-linecap="butt"
stroke-width="6"
style="stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 58.44671332616011; transform: rotate(127.5deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:58.44671332616011;transform:rotate(127.5deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1361,7 +1361,7 @@ Array [
r="47"
stroke-linecap="butt"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 233.78685330464043; transform: rotate(127.5deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:233.78685330464043;transform:rotate(127.5deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -1388,11 +1388,11 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 60%; height: 8px;"
style="width:60%;height:8px"
/>
<div
class="ant-progress-success-bg"
style="width: 30%; height: 8px;"
style="width:30%;height:8px"
/>
</div>
</div>
@ -1405,8 +1405,8 @@ Array [
</div>,
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1432,7 +1432,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -1445,7 +1445,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1455,7 +1455,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 209.7167966062084; transform: rotate(18deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:209.7167966062084;transform:rotate(18deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1465,7 +1465,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 209.7167966062084; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:209.7167966062084;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -1478,8 +1478,8 @@ Array [
</div>,
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1505,7 +1505,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -1518,7 +1518,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(127.5deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:0;transform:rotate(127.5deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1528,7 +1528,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 166.6507973132483; transform: rotate(213deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:166.6507973132483;transform:rotate(213deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1538,7 +1538,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 166.6507973132483; transform: rotate(127.5deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:166.6507973132483;transform:rotate(127.5deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -1551,8 +1551,8 @@ Array [
</div>,
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1586,15 +1586,15 @@ Array [
>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<div
class="ant-progress-steps-item"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<span
class="ant-progress-text"
@ -1613,23 +1613,23 @@ Array [
>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<div
class="ant-progress-steps-item"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<div
class="ant-progress-steps-item"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<div
class="ant-progress-steps-item"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<span
class="ant-progress-text"
@ -1648,23 +1648,23 @@ Array [
>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="background-color: rgb(56, 158, 13); width: 2px; height: 8px;"
style="background-color:#389e0d;width:2px;height:8px"
/>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="background-color: rgb(56, 158, 13); width: 2px; height: 8px;"
style="background-color:#389e0d;width:2px;height:8px"
/>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="background-color: rgb(56, 158, 13); width: 2px; height: 8px;"
style="background-color:#389e0d;width:2px;height:8px"
/>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="background-color: rgb(56, 158, 13); width: 2px; height: 8px;"
style="background-color:#389e0d;width:2px;height:8px"
/>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="background-color: rgb(56, 158, 13); width: 2px; height: 8px;"
style="background-color:#389e0d;width:2px;height:8px"
/>
<span
class="ant-progress-text"
@ -1700,23 +1700,23 @@ Array [
>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="background-color: rgb(56, 158, 13); width: 14px; height: 8px;"
style="background-color:#389e0d;width:14px;height:8px"
/>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="background-color: rgb(56, 158, 13); width: 14px; height: 8px;"
style="background-color:#389e0d;width:14px;height:8px"
/>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="background-color: rgb(245, 34, 45); width: 14px; height: 8px;"
style="background-color:#f5222d;width:14px;height:8px"
/>
<div
class="ant-progress-steps-item"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<div
class="ant-progress-steps-item"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<span
class="ant-progress-text"

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

@ -7,7 +7,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -20,7 +20,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -30,7 +30,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 76.82742735936014; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:76.82742735936014;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -40,7 +40,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -56,7 +56,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -69,7 +69,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -79,7 +79,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 91.59291283123217; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:91.59291283123217;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -89,7 +89,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -122,7 +122,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -135,7 +135,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -145,7 +145,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -155,7 +155,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -193,7 +193,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -206,7 +206,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -216,7 +216,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -226,7 +226,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -305,7 +305,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 80px; height: 80px; font-size: 18px;"
style="width:80px;height:80px;font-size:18px"
>
<svg
class="ant-progress-circle"
@ -318,7 +318,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -328,7 +328,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 209.7167966062084; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:209.7167966062084;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -338,7 +338,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -354,7 +354,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 80px; height: 80px; font-size: 18px;"
style="width:80px;height:80px;font-size:18px"
>
<svg
class="ant-progress-circle"
@ -367,7 +367,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -377,7 +377,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 91.59291283123217; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:91.59291283123217;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -387,7 +387,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -420,7 +420,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 80px; height: 80px; font-size: 18px;"
style="width:80px;height:80px;font-size:18px"
>
<svg
class="ant-progress-circle"
@ -433,7 +433,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -443,7 +443,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -453,7 +453,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -491,7 +491,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -504,7 +504,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(127.5deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:0;transform:rotate(127.5deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -514,7 +514,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 61.44671332616011; transform: rotate(127.5deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:61.44671332616011;transform:rotate(127.5deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -524,7 +524,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 233.77685330464044; transform: rotate(127.5deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:233.77685330464044;transform:rotate(127.5deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -540,7 +540,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -553,7 +553,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 270.7005669843205px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(105deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:270.7005669843205px 295.3097094374406;stroke-dashoffset:0;transform:rotate(105deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -563,7 +563,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 270.7005669843205px 295.3097094374406; stroke-dashoffset: 70.67514174608013; transform: rotate(105deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:270.7005669843205px 295.3097094374406;stroke-dashoffset:70.67514174608013;transform:rotate(105deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -573,7 +573,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 270.7005669843205px 295.3097094374406; stroke-dashoffset: 270.6905669843205; transform: rotate(105deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:270.7005669843205px 295.3097094374406;stroke-dashoffset:270.6905669843205;transform:rotate(105deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -600,7 +600,7 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 0%; height: 8px;"
style="width:0%;height:8px"
/>
</div>
</div>
@ -679,7 +679,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -692,7 +692,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -702,7 +702,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 76.82742735936014; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:76.82742735936014;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -712,7 +712,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -728,7 +728,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -741,7 +741,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -751,7 +751,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -761,7 +761,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -788,7 +788,7 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 99.9%; height: 8px;"
style="width:99.9%;height:8px;background-image:linear-gradient(to right, #108ee9 0%, #87d068 100%)"
/>
</div>
</div>
@ -810,7 +810,7 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 99.9%; height: 8px;"
style="width:99.9%;height:8px;background-image:linear-gradient(to right, #108ee9, #87d068)"
/>
</div>
</div>
@ -826,7 +826,7 @@ Array [
>
<div
class="ant-progress-inner ant-progress-circle-gradient"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -834,7 +834,7 @@ Array [
>
<defs>
<lineargradient
id="rc_progress_test-gradient"
id="undefined-gradient"
x1="100%"
x2="0%"
y1="0%"
@ -857,7 +857,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -865,10 +865,10 @@ Array [
cy="50"
opacity="1"
r="47"
stroke="url(#rc_progress_TEST_OR_SSR-gradient)"
stroke="url(#undefined-gradient)"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 32.53097094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:32.53097094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -878,7 +878,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -894,7 +894,7 @@ Array [
>
<div
class="ant-progress-inner ant-progress-circle-gradient"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -902,7 +902,7 @@ Array [
>
<defs>
<lineargradient
id="rc_progress_test-gradient"
id="undefined-gradient"
x1="100%"
x2="0%"
y1="0%"
@ -925,7 +925,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -933,10 +933,10 @@ Array [
cy="50"
opacity="1"
r="47"
stroke="url(#rc_progress_TEST_OR_SSR-gradient)"
stroke="url(#undefined-gradient)"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -946,7 +946,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.2997094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.2997094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -990,7 +990,7 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 30%; height: 8px;"
style="width:30%;height:8px"
/>
</div>
</div>
@ -1012,7 +1012,7 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 50%; height: 8px;"
style="width:50%;height:8px"
/>
</div>
</div>
@ -1034,7 +1034,7 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 70%; height: 8px;"
style="width:70%;height:8px"
/>
</div>
</div>
@ -1073,7 +1073,7 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 100%; height: 8px;"
style="width:100%;height:8px"
/>
</div>
</div>
@ -1112,7 +1112,7 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 50%; height: 8px;"
style="width:50%;height:8px"
/>
</div>
</div>
@ -1122,7 +1122,7 @@ Array [
exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
<div
style="width: 170px;"
style="width:170px"
>
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-small"
@ -1135,7 +1135,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
>
<div
class="ant-progress-bg"
style="width: 30%; height: 6px;"
style="width:30%;height:6px"
/>
</div>
</div>
@ -1157,7 +1157,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
>
<div
class="ant-progress-bg"
style="width: 50%; height: 6px;"
style="width:50%;height:6px"
/>
</div>
</div>
@ -1179,7 +1179,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
>
<div
class="ant-progress-bg"
style="width: 70%; height: 6px;"
style="width:70%;height:6px"
/>
</div>
</div>
@ -1218,7 +1218,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
>
<div
class="ant-progress-bg"
style="width: 100%; height: 6px;"
style="width:100%;height:6px"
/>
</div>
</div>
@ -1259,11 +1259,11 @@ Array [
>
<div
class="ant-progress-inner"
style="border-radius: 0;"
style="border-radius:0"
>
<div
class="ant-progress-bg"
style="width: 75%; height: 8px; border-radius: 0;"
style="width:75%;height:8px;border-radius:0"
/>
</div>
</div>
@ -1279,7 +1279,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -1292,7 +1292,7 @@ Array [
r="47"
stroke-linecap="butt"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1302,7 +1302,7 @@ Array [
r="47"
stroke-linecap="butt"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 73.82742735936014; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:73.82742735936014;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1312,7 +1312,7 @@ Array [
r="47"
stroke-linecap="butt"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 295.3097094374406; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:295.3097094374406;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -1328,7 +1328,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -1341,7 +1341,7 @@ Array [
r="47"
stroke-linecap="butt"
stroke-width="6"
style="stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(127.5deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:0;transform:rotate(127.5deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1351,7 +1351,7 @@ Array [
r="47"
stroke-linecap="butt"
stroke-width="6"
style="stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 58.44671332616011; transform: rotate(127.5deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:58.44671332616011;transform:rotate(127.5deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1361,7 +1361,7 @@ Array [
r="47"
stroke-linecap="butt"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 233.78685330464043; transform: rotate(127.5deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:233.78685330464043;transform:rotate(127.5deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -1388,11 +1388,11 @@ Array [
>
<div
class="ant-progress-bg"
style="width: 60%; height: 8px;"
style="width:60%;height:8px"
/>
<div
class="ant-progress-success-bg"
style="width: 30%; height: 8px;"
style="width:30%;height:8px"
/>
</div>
</div>
@ -1408,7 +1408,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -1421,7 +1421,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1431,7 +1431,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 209.7167966062084; transform: rotate(18deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:209.7167966062084;transform:rotate(18deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1441,7 +1441,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 295.3097094374406px 295.3097094374406; stroke-dashoffset: 209.7167966062084; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:295.3097094374406px 295.3097094374406;stroke-dashoffset:209.7167966062084;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -1457,7 +1457,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 120px; height: 120px; font-size: 24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle"
@ -1470,7 +1470,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 0; transform: rotate(127.5deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:0;transform:rotate(127.5deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1480,7 +1480,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 166.6507973132483; transform: rotate(213deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:166.6507973132483;transform:rotate(213deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1490,7 +1490,7 @@ Array [
r="47"
stroke-linecap="round"
stroke-width="6"
style="stroke: #52C41A; stroke-dasharray: 233.78685330464043px 295.3097094374406; stroke-dashoffset: 166.6507973132483; transform: rotate(127.5deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:233.78685330464043px 295.3097094374406;stroke-dashoffset:166.6507973132483;transform:rotate(127.5deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -1514,15 +1514,15 @@ Array [
>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<div
class="ant-progress-steps-item"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<span
class="ant-progress-text"
@ -1541,23 +1541,23 @@ Array [
>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<div
class="ant-progress-steps-item"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<div
class="ant-progress-steps-item"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<div
class="ant-progress-steps-item"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<span
class="ant-progress-text"
@ -1576,23 +1576,23 @@ Array [
>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="background-color: rgb(56, 158, 13); width: 2px; height: 8px;"
style="background-color:#389e0d;width:2px;height:8px"
/>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="background-color: rgb(56, 158, 13); width: 2px; height: 8px;"
style="background-color:#389e0d;width:2px;height:8px"
/>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="background-color: rgb(56, 158, 13); width: 2px; height: 8px;"
style="background-color:#389e0d;width:2px;height:8px"
/>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="background-color: rgb(56, 158, 13); width: 2px; height: 8px;"
style="background-color:#389e0d;width:2px;height:8px"
/>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="background-color: rgb(56, 158, 13); width: 2px; height: 8px;"
style="background-color:#389e0d;width:2px;height:8px"
/>
<span
class="ant-progress-text"
@ -1628,23 +1628,23 @@ Array [
>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="background-color: rgb(56, 158, 13); width: 14px; height: 8px;"
style="background-color:#389e0d;width:14px;height:8px"
/>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="background-color: rgb(56, 158, 13); width: 14px; height: 8px;"
style="background-color:#389e0d;width:14px;height:8px"
/>
<div
class="ant-progress-steps-item ant-progress-steps-item-active"
style="background-color: rgb(245, 34, 45); width: 14px; height: 8px;"
style="background-color:#f5222d;width:14px;height:8px"
/>
<div
class="ant-progress-steps-item"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<div
class="ant-progress-steps-item"
style="width: 14px; height: 8px;"
style="width:14px;height:8px"
/>
<span
class="ant-progress-text"

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

@ -33,7 +33,7 @@ exports[`renders ./components/radio/demo/badge.md extend context correctly 1`] =
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -72,7 +72,7 @@ exports[`renders ./components/radio/demo/badge.md extend context correctly 1`] =
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -95,7 +95,6 @@ exports[`renders ./components/radio/demo/basic.md extend context correctly 1`] =
<input
class="ant-radio-input"
type="radio"
value=""
/>
<span
class="ant-radio-inner"
@ -119,7 +118,6 @@ Array [
class="ant-radio-input"
disabled=""
type="radio"
value=""
/>
<span
class="ant-radio-inner"
@ -140,7 +138,6 @@ Array [
class="ant-radio-input"
disabled=""
type="radio"
value=""
/>
<span
class="ant-radio-inner"
@ -153,7 +150,7 @@ Array [
<br />,
<button
class="ant-btn ant-btn-primary"
style="margin-top: 16px;"
style="margin-top:16px"
type="button"
>
<span>
@ -248,7 +245,7 @@ Array [
</div>,
<div
class="ant-radio-group ant-radio-group-outline"
style="margin-top: 16px;"
style="margin-top:16px"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
@ -331,7 +328,7 @@ Array [
</div>,
<div
class="ant-radio-group ant-radio-group-outline"
style="margin-top: 16px;"
style="margin-top:16px"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-disabled"
@ -503,7 +500,7 @@ Array [
</div>,
<div
class="ant-radio-group ant-radio-group-solid"
style="margin-top: 16px;"
style="margin-top:16px"
>
<label
class="ant-radio-button-wrapper"
@ -680,7 +677,7 @@ exports[`renders ./components/radio/demo/radiogroup-more.md extend context corre
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked"
@ -705,7 +702,7 @@ exports[`renders ./components/radio/demo/radiogroup-more.md extend context corre
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<label
class="ant-radio-wrapper"
@ -729,7 +726,7 @@ exports[`renders ./components/radio/demo/radiogroup-more.md extend context corre
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<label
class="ant-radio-wrapper"
@ -1211,7 +1208,7 @@ Array [
</div>,
<div
class="ant-radio-group ant-radio-group-outline"
style="margin-top: 16px;"
style="margin-top:16px"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
@ -1293,7 +1290,7 @@ Array [
</div>,
<div
class="ant-radio-group ant-radio-group-outline ant-radio-group-small"
style="margin-top: 16px;"
style="margin-top:16px"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"

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

@ -33,7 +33,7 @@ exports[`renders ./components/radio/demo/badge.md correctly 1`] = `
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -72,7 +72,7 @@ exports[`renders ./components/radio/demo/badge.md correctly 1`] = `
>
<span
class="ant-scroll-number-only"
style="transition: none;"
style="transition:none"
>
<span
class="ant-scroll-number-only-unit current"
@ -95,7 +95,6 @@ exports[`renders ./components/radio/demo/basic.md correctly 1`] = `
<input
class="ant-radio-input"
type="radio"
value=""
/>
<span
class="ant-radio-inner"
@ -119,7 +118,6 @@ Array [
class="ant-radio-input"
disabled=""
type="radio"
value=""
/>
<span
class="ant-radio-inner"
@ -140,7 +138,6 @@ Array [
class="ant-radio-input"
disabled=""
type="radio"
value=""
/>
<span
class="ant-radio-inner"
@ -153,7 +150,7 @@ Array [
<br />,
<button
class="ant-btn ant-btn-primary"
style="margin-top: 16px;"
style="margin-top:16px"
type="button"
>
<span>
@ -248,7 +245,7 @@ Array [
</div>,
<div
class="ant-radio-group ant-radio-group-outline"
style="margin-top: 16px;"
style="margin-top:16px"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
@ -331,7 +328,7 @@ Array [
</div>,
<div
class="ant-radio-group ant-radio-group-outline"
style="margin-top: 16px;"
style="margin-top:16px"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-disabled"
@ -503,7 +500,7 @@ Array [
</div>,
<div
class="ant-radio-group ant-radio-group-solid"
style="margin-top: 16px;"
style="margin-top:16px"
>
<label
class="ant-radio-button-wrapper"
@ -680,7 +677,7 @@ exports[`renders ./components/radio/demo/radiogroup-more.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked"
@ -705,7 +702,7 @@ exports[`renders ./components/radio/demo/radiogroup-more.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<label
class="ant-radio-wrapper"
@ -729,7 +726,7 @@ exports[`renders ./components/radio/demo/radiogroup-more.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 8px;"
style="margin-bottom:8px"
>
<label
class="ant-radio-wrapper"
@ -1211,7 +1208,7 @@ Array [
</div>,
<div
class="ant-radio-group ant-radio-group-outline"
style="margin-top: 16px;"
style="margin-top:16px"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
@ -1293,7 +1290,7 @@ Array [
</div>,
<div
class="ant-radio-group ant-radio-group-outline ant-radio-group-small"
style="margin-top: 16px;"
style="margin-top:16px"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"

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

@ -601,7 +601,7 @@ Array [
<ul
class="ant-rate"
role="radiogroup"
style="font-size: 36px;"
style="font-size:36px"
tabindex="0"
>
<li
@ -2526,8 +2526,8 @@ exports[`renders ./components/rate/demo/text.md extend context correctly 1`] = `
</li>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -2608,8 +2608,8 @@ exports[`renders ./components/rate/demo/text.md extend context correctly 1`] = `
</li>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -2690,8 +2690,8 @@ exports[`renders ./components/rate/demo/text.md extend context correctly 1`] = `
</li>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -2772,8 +2772,8 @@ exports[`renders ./components/rate/demo/text.md extend context correctly 1`] = `
</li>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -2854,8 +2854,8 @@ exports[`renders ./components/rate/demo/text.md extend context correctly 1`] = `
</li>
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
class="ant-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"

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

@ -601,7 +601,7 @@ Array [
<ul
class="ant-rate"
role="radiogroup"
style="font-size: 36px;"
style="font-size:36px"
tabindex="0"
>
<li

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

@ -1137,7 +1137,7 @@ exports[`renders ./components/result/demo/error.md extend context correctly 1`]
>
<span
class="ant-typography"
style="font-size: 16px;"
style="font-size:16px"
>
<strong>
The content you submitted has the following error:

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

@ -1137,7 +1137,7 @@ exports[`renders ./components/result/demo/error.md correctly 1`] = `
>
<span
class="ant-typography"
style="font-size: 16px;"
style="font-size:16px"
>
<strong>
The content you submitted has the following error:

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

@ -243,6 +243,7 @@ Array [
</label>
</div>
</div>,
  ,
<div
class="ant-segmented"
>
@ -317,7 +318,7 @@ Array [
class="ant-segmented-item-label"
>
<div
style="padding: 4px;"
style="padding:4px"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
@ -343,15 +344,15 @@ Array [
class="ant-segmented-item-label"
>
<div
style="padding: 4px;"
style="padding:4px"
>
<span
class="ant-avatar ant-avatar-circle"
style="background-color: rgb(245, 106, 0);"
style="background-color:#f56a00"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
K
</span>
@ -373,11 +374,11 @@ Array [
class="ant-segmented-item-label"
>
<div
style="padding: 4px;"
style="padding:4px"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
style="background-color: rgb(135, 208, 104);"
style="background-color:#87d068"
>
<span
aria-label="user"
@ -426,7 +427,7 @@ Array [
class="ant-segmented-item-label"
>
<div
style="padding: 4px;"
style="padding:4px"
>
<div>
Spring
@ -448,7 +449,7 @@ Array [
class="ant-segmented-item-label"
>
<div
style="padding: 4px;"
style="padding:4px"
>
<div>
Summer
@ -470,7 +471,7 @@ Array [
class="ant-segmented-item-label"
>
<div
style="padding: 4px;"
style="padding:4px"
>
<div>
Autumn
@ -492,7 +493,7 @@ Array [
class="ant-segmented-item-label"
>
<div
style="padding: 4px;"
style="padding:4px"
>
<div>
Winter
@ -1045,7 +1046,7 @@ Array [
<div>
<div
class="ant-segmented ant-segmented-lg"
style="margin-right: 6px;"
style="margin-right:6px"
>
<div
class="ant-segmented-group"
@ -1107,7 +1108,7 @@ Array [
<div>
<div
class="ant-segmented"
style="margin-right: 6px;"
style="margin-right:6px"
>
<div
class="ant-segmented-group"
@ -1160,7 +1161,7 @@ Array [
<input
class="ant-input"
placeholder="default size"
style="width: 150px;"
style="width:150px"
type="text"
value=""
/>
@ -1168,7 +1169,7 @@ Array [
<div>
<div
class="ant-segmented ant-segmented-sm"
style="margin-right: 6px;"
style="margin-right:6px"
>
<div
class="ant-segmented-group"
@ -1220,7 +1221,7 @@ Array [
</div>
<div
class="ant-select ant-select-sm ant-select-single ant-select-show-arrow"
style="width: 150px;"
style="width:150px"
>
<div
class="ant-select-selector"
@ -1229,17 +1230,16 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1254,19 +1254,19 @@ Array [
</div>
<div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
class="ant-select-dropdown"
style="opacity:0"
>
<div>
<div
id="rc_select_test_list"
id="undefined_list"
role="listbox"
style="height: 0px; width: 0px; overflow: hidden;"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Lucy"
aria-selected="true"
id="rc_select_test_list_test"
id="undefined_list_0"
role="option"
>
lucy
@ -1274,16 +1274,16 @@ Array [
</div>
<div
class="rc-virtual-list"
style="position: relative;"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height: 256px; overflow-y: auto;"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display: flex; flex-direction: column;"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
@ -1298,7 +1298,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
@ -1312,7 +1312,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span

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

@ -243,6 +243,7 @@ Array [
</label>
</div>
</div>,
  ,
<div
class="ant-segmented"
>
@ -317,7 +318,7 @@ Array [
class="ant-segmented-item-label"
>
<div
style="padding: 4px;"
style="padding:4px"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
@ -343,15 +344,15 @@ Array [
class="ant-segmented-item-label"
>
<div
style="padding: 4px;"
style="padding:4px"
>
<span
class="ant-avatar ant-avatar-circle"
style="background-color: rgb(245, 106, 0);"
style="background-color:#f56a00"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
style="opacity:0"
>
K
</span>
@ -373,11 +374,11 @@ Array [
class="ant-segmented-item-label"
>
<div
style="padding: 4px;"
style="padding:4px"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
style="background-color: rgb(135, 208, 104);"
style="background-color:#87d068"
>
<span
aria-label="user"
@ -426,7 +427,7 @@ Array [
class="ant-segmented-item-label"
>
<div
style="padding: 4px;"
style="padding:4px"
>
<div>
Spring
@ -448,7 +449,7 @@ Array [
class="ant-segmented-item-label"
>
<div
style="padding: 4px;"
style="padding:4px"
>
<div>
Summer
@ -470,7 +471,7 @@ Array [
class="ant-segmented-item-label"
>
<div
style="padding: 4px;"
style="padding:4px"
>
<div>
Autumn
@ -492,7 +493,7 @@ Array [
class="ant-segmented-item-label"
>
<div
style="padding: 4px;"
style="padding:4px"
>
<div>
Winter
@ -1045,7 +1046,7 @@ Array [
<div>
<div
class="ant-segmented ant-segmented-lg"
style="margin-right: 6px;"
style="margin-right:6px"
>
<div
class="ant-segmented-group"
@ -1107,7 +1108,7 @@ Array [
<div>
<div
class="ant-segmented"
style="margin-right: 6px;"
style="margin-right:6px"
>
<div
class="ant-segmented-group"
@ -1160,7 +1161,7 @@ Array [
<input
class="ant-input"
placeholder="default size"
style="width: 150px;"
style="width:150px"
type="text"
value=""
/>
@ -1168,7 +1169,7 @@ Array [
<div>
<div
class="ant-segmented ant-segmented-sm"
style="margin-right: 6px;"
style="margin-right:6px"
>
<div
class="ant-segmented-group"
@ -1220,7 +1221,7 @@ Array [
</div>
<div
class="ant-select ant-select-sm ant-select-single ant-select-show-arrow"
style="width: 150px;"
style="width:150px"
>
<div
class="ant-select-selector"
@ -1229,17 +1230,16 @@ Array [
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_test_list_test"
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="rc_select_test_list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="rc_select_test_list"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_test"
readonly=""
role="combobox"
style="opacity: 0;"
style="opacity:0"
type="search"
unselectable="on"
value=""
@ -1255,7 +1255,7 @@ Array [
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span

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

File diff suppressed because it is too large Load Diff

540
components/select/__tests__/__snapshots__/demo.test.ts.snap
View File

File diff suppressed because it is too large Load Diff

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

@ -9,7 +9,7 @@ exports[`renders ./components/skeleton/demo/active.md extend context correctly 1
>
<h3
class="ant-skeleton-title"
style="width: 38%;"
style="width:38%"
/>
<ul
class="ant-skeleton-paragraph"
@ -17,7 +17,7 @@ exports[`renders ./components/skeleton/demo/active.md extend context correctly 1
<li />
<li />
<li
style="width: 61%;"
style="width:61%"
/>
</ul>
</div>
@ -33,7 +33,7 @@ exports[`renders ./components/skeleton/demo/basic.md extend context correctly 1`
>
<h3
class="ant-skeleton-title"
style="width: 38%;"
style="width:38%"
/>
<ul
class="ant-skeleton-paragraph"
@ -41,7 +41,7 @@ exports[`renders ./components/skeleton/demo/basic.md extend context correctly 1`
<li />
<li />
<li
style="width: 61%;"
style="width:61%"
/>
</ul>
</div>
@ -87,7 +87,7 @@ exports[`renders ./components/skeleton/demo/complex.md extend context correctly
>
<h3
class="ant-skeleton-title"
style="width: 50%;"
style="width:50%"
/>
<ul
class="ant-skeleton-paragraph"
@ -108,7 +108,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-skeleton ant-skeleton-element"
@ -120,7 +120,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-skeleton ant-skeleton-element"
@ -167,7 +167,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-skeleton ant-skeleton-element"
@ -201,7 +201,7 @@ Array [
aria-label="dot-chart"
class="anticon anticon-dot-chart"
role="img"
style="font-size: 40px; color: rgb(191, 191, 191);"
style="font-size:40px;color:#bfbfbf"
>
<svg
aria-hidden="true"
@ -227,7 +227,7 @@ Array [
/>,
<form
class="ant-form ant-form-inline"
style="margin: 16px 0px;"
style="margin:16px 0"
>
<div
class="ant-form-item"
@ -640,7 +640,7 @@ Array [
>
<h3
class="ant-skeleton-title"
style="width: 50%;"
style="width:50%"
/>
<ul
class="ant-skeleton-paragraph"
@ -669,7 +669,7 @@ Array [
>
<h3
class="ant-skeleton-title"
style="width: 50%;"
style="width:50%"
/>
<ul
class="ant-skeleton-paragraph"
@ -698,7 +698,7 @@ Array [
>
<h3
class="ant-skeleton-title"
style="width: 50%;"
style="width:50%"
/>
<ul
class="ant-skeleton-paragraph"

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

@ -9,7 +9,7 @@ exports[`renders ./components/skeleton/demo/active.md correctly 1`] = `
>
<h3
class="ant-skeleton-title"
style="width: 38%;"
style="width:38%"
/>
<ul
class="ant-skeleton-paragraph"
@ -17,7 +17,7 @@ exports[`renders ./components/skeleton/demo/active.md correctly 1`] = `
<li />
<li />
<li
style="width: 61%;"
style="width:61%"
/>
</ul>
</div>
@ -33,7 +33,7 @@ exports[`renders ./components/skeleton/demo/basic.md correctly 1`] = `
>
<h3
class="ant-skeleton-title"
style="width: 38%;"
style="width:38%"
/>
<ul
class="ant-skeleton-paragraph"
@ -41,7 +41,7 @@ exports[`renders ./components/skeleton/demo/basic.md correctly 1`] = `
<li />
<li />
<li
style="width: 61%;"
style="width:61%"
/>
</ul>
</div>
@ -87,7 +87,7 @@ exports[`renders ./components/skeleton/demo/complex.md correctly 1`] = `
>
<h3
class="ant-skeleton-title"
style="width: 50%;"
style="width:50%"
/>
<ul
class="ant-skeleton-paragraph"
@ -108,7 +108,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-skeleton ant-skeleton-element"
@ -120,7 +120,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-skeleton ant-skeleton-element"
@ -167,7 +167,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<div
class="ant-skeleton ant-skeleton-element"
@ -201,7 +201,7 @@ Array [
aria-label="dot-chart"
class="anticon anticon-dot-chart"
role="img"
style="font-size: 40px; color: rgb(191, 191, 191);"
style="font-size:40px;color:#bfbfbf"
>
<svg
aria-hidden="true"
@ -227,7 +227,7 @@ Array [
/>,
<form
class="ant-form ant-form-inline"
style="margin: 16px 0px;"
style="margin:16px 0"
>
<div
class="ant-form-item"
@ -640,7 +640,7 @@ Array [
>
<h3
class="ant-skeleton-title"
style="width: 50%;"
style="width:50%"
/>
<ul
class="ant-skeleton-paragraph"
@ -669,7 +669,7 @@ Array [
>
<h3
class="ant-skeleton-title"
style="width: 50%;"
style="width:50%"
/>
<ul
class="ant-skeleton-paragraph"
@ -698,7 +698,7 @@ Array [
>
<h3
class="ant-skeleton-title"
style="width: 50%;"
style="width:50%"
/>
<ul
class="ant-skeleton-paragraph"

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

@ -10,7 +10,7 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 30%;"
style="left:0%;width:30%"
/>
<div
class="ant-slider-step"
@ -22,13 +22,13 @@ Array [
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="left: 30%; transform: translateX(-50%);"
style="left:30%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -58,7 +58,7 @@ Array [
/>
<div
class="ant-slider-track ant-slider-track-1"
style="left: 20%; width: 30%;"
style="left:20%;width:30%"
/>
<div
class="ant-slider-step"
@ -70,13 +70,13 @@ Array [
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -104,13 +104,13 @@ Array [
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left: 50%; transform: translateX(-50%);"
style="left:50%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -132,6 +132,7 @@ Array [
</div>
</div>
</div>,
Disabled: ,
<button
aria-checked="false"
class="ant-switch ant-switch-small"
@ -157,7 +158,7 @@ exports[`renders ./components/slider/demo/dragableTrack.md extend context correc
/>
<div
class="ant-slider-track ant-slider-track-1"
style="left: 20%; width: 30%;"
style="left:20%;width:30%"
/>
<div
class="ant-slider-step"
@ -169,13 +170,13 @@ exports[`renders ./components/slider/demo/dragableTrack.md extend context correc
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -203,13 +204,13 @@ exports[`renders ./components/slider/demo/dragableTrack.md extend context correc
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left: 50%; transform: translateX(-50%);"
style="left:50%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -243,7 +244,7 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 30%;"
style="left:0%;width:30%"
/>
<div
class="ant-slider-step"
@ -255,13 +256,13 @@ Array [
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="left: 30%; transform: translateX(-50%);"
style="left:30%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -291,7 +292,7 @@ Array [
/>
<div
class="ant-slider-track ant-slider-track-1"
style="left: 20%; width: 30%;"
style="left:20%;width:30%"
/>
<div
class="ant-slider-step"
@ -303,13 +304,13 @@ Array [
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -337,13 +338,13 @@ Array [
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left: 50%; transform: translateX(-50%);"
style="left:50%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -399,7 +400,7 @@ exports[`renders ./components/slider/demo/icon-slider.md extend context correctl
/>
<div
class="ant-slider-track"
style="left: 0%; width: 0%;"
style="left:0%;width:0%"
/>
<div
class="ant-slider-step"
@ -411,13 +412,13 @@ exports[`renders ./components/slider/demo/icon-slider.md extend context correctl
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -477,7 +478,7 @@ exports[`renders ./components/slider/demo/input-number.md extend context correct
/>
<div
class="ant-slider-track"
style="left: 0%; width: 0%;"
style="left:0%;width:0%"
/>
<div
class="ant-slider-step"
@ -489,13 +490,13 @@ exports[`renders ./components/slider/demo/input-number.md extend context correct
aria-valuenow="1"
class="ant-slider-handle"
role="slider"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -523,7 +524,7 @@ exports[`renders ./components/slider/demo/input-number.md extend context correct
>
<div
class="ant-input-number"
style="margin: 0px 16px;"
style="margin:0 16px"
>
<div
class="ant-input-number-handler-wrap"
@ -614,7 +615,7 @@ exports[`renders ./components/slider/demo/input-number.md extend context correct
/>
<div
class="ant-slider-track"
style="left: 0%; width: 0%;"
style="left:0%;width:0%"
/>
<div
class="ant-slider-step"
@ -626,13 +627,13 @@ exports[`renders ./components/slider/demo/input-number.md extend context correct
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -660,7 +661,7 @@ exports[`renders ./components/slider/demo/input-number.md extend context correct
>
<div
class="ant-input-number"
style="margin: 0px 16px;"
style="margin:0 16px"
>
<div
class="ant-input-number-handler-wrap"
@ -753,26 +754,26 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 37%;"
style="left:0%;width:37%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
/>
</div>
<div
@ -782,13 +783,13 @@ Array [
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -814,25 +815,25 @@ Array [
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="left: 100%; transform: translateX(-50%); color: rgb(255, 85, 0);"
style="left:100%;transform:translateX(-50%);color:#f50"
>
<strong>
100°C
@ -848,26 +849,26 @@ Array [
/>
<div
class="ant-slider-track ant-slider-track-1"
style="left: 26%; width: 11%;"
style="left:26%;width:11%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
/>
</div>
<div
@ -877,13 +878,13 @@ Array [
aria-valuenow="26"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -911,13 +912,13 @@ Array [
aria-valuenow="37"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -943,25 +944,25 @@ Array [
>
<span
class="ant-slider-mark-text"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="left: 100%; transform: translateX(-50%); color: rgb(255, 85, 0);"
style="left:100%;transform:translateX(-50%);color:#f50"
>
<strong>
100°C
@ -983,19 +984,19 @@ Array [
>
<span
class="ant-slider-dot"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
/>
</div>
<div
@ -1005,13 +1006,13 @@ Array [
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1037,25 +1038,25 @@ Array [
>
<span
class="ant-slider-mark-text"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
>
0°C
</span>
<span
class="ant-slider-mark-text"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
>
26°C
</span>
<span
class="ant-slider-mark-text"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="left: 100%; transform: translateX(-50%); color: rgb(255, 85, 0);"
style="left:100%;transform:translateX(-50%);color:#f50"
>
<strong>
100°C
@ -1074,26 +1075,26 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 37%;"
style="left:0%;width:37%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
/>
</div>
<div
@ -1103,13 +1104,13 @@ Array [
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1135,25 +1136,25 @@ Array [
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="left: 100%; transform: translateX(-50%); color: rgb(255, 85, 0);"
style="left:100%;transform:translateX(-50%);color:#f50"
>
<strong>
100°C
@ -1172,26 +1173,26 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 37%;"
style="left:0%;width:37%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
/>
</div>
<div
@ -1201,13 +1202,13 @@ Array [
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1233,25 +1234,25 @@ Array [
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="left: 100%; transform: translateX(-50%); color: rgb(255, 85, 0);"
style="left:100%;transform:translateX(-50%);color:#f50"
>
<strong>
100°C
@ -1272,7 +1273,7 @@ Array [
/>
<div
class="ant-slider-track"
style="right: 0%; width: 30%;"
style="right:0%;width:30%"
/>
<div
class="ant-slider-step"
@ -1284,13 +1285,13 @@ Array [
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="right: 30%; transform: translateX(50%);"
style="right:30%;transform:translateX(50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1320,7 +1321,7 @@ Array [
/>
<div
class="ant-slider-track ant-slider-track-1"
style="right: 20%; width: 30%;"
style="right:20%;width:30%"
/>
<div
class="ant-slider-step"
@ -1332,13 +1333,13 @@ Array [
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="right: 20%; transform: translateX(50%);"
style="right:20%;transform:translateX(50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1366,13 +1367,13 @@ Array [
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="right: 50%; transform: translateX(50%);"
style="right:50%;transform:translateX(50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1394,6 +1395,7 @@ Array [
</div>
</div>
</div>,
Reversed: ,
<button
aria-checked="true"
class="ant-switch ant-switch-small ant-switch-checked"
@ -1419,7 +1421,7 @@ exports[`renders ./components/slider/demo/show-tooltip.md extend context correct
/>
<div
class="ant-slider-track"
style="left: 0%; width: 30%;"
style="left:0%;width:30%"
/>
<div
class="ant-slider-step"
@ -1431,13 +1433,13 @@ exports[`renders ./components/slider/demo/show-tooltip.md extend context correct
aria-valuenow="30"
class="ant-slider-handle ant-tooltip-open"
role="slider"
style="left: 30%; transform: translateX(-50%);"
style="left:30%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1471,7 +1473,7 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 0%;"
style="left:0%;width:0%"
/>
<div
class="ant-slider-step"
@ -1483,13 +1485,13 @@ Array [
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1519,7 +1521,7 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 0%;"
style="left:0%;width:0%"
/>
<div
class="ant-slider-step"
@ -1531,13 +1533,13 @@ Array [
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1563,7 +1565,7 @@ Array [
exports[`renders ./components/slider/demo/vertical.md extend context correctly 1`] = `
Array [
<div
style="display: inline-block; height: 300px; margin-left: 70px;"
style="display:inline-block;height:300px;margin-left:70px"
>
<div
class="ant-slider ant-slider-vertical"
@ -1573,7 +1575,7 @@ Array [
/>
<div
class="ant-slider-track"
style="bottom: 0%; height: 30%;"
style="bottom:0%;height:30%"
/>
<div
class="ant-slider-step"
@ -1585,13 +1587,13 @@ Array [
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="bottom: 30%; transform: translateY(50%);"
style="bottom:30%;transform:translateY(50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1615,7 +1617,7 @@ Array [
</div>
</div>,
<div
style="display: inline-block; height: 300px; margin-left: 70px;"
style="display:inline-block;height:300px;margin-left:70px"
>
<div
class="ant-slider ant-slider-vertical"
@ -1625,7 +1627,7 @@ Array [
/>
<div
class="ant-slider-track ant-slider-track-1"
style="bottom: 20%; height: 30%;"
style="bottom:20%;height:30%"
/>
<div
class="ant-slider-step"
@ -1637,13 +1639,13 @@ Array [
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="bottom: 20%; transform: translateY(50%);"
style="bottom:20%;transform:translateY(50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1671,13 +1673,13 @@ Array [
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="bottom: 50%; transform: translateY(50%);"
style="bottom:50%;transform:translateY(50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1701,7 +1703,7 @@ Array [
</div>
</div>,
<div
style="display: inline-block; height: 300px; margin-left: 70px;"
style="display:inline-block;height:300px;margin-left:70px"
>
<div
class="ant-slider ant-slider-vertical ant-slider-with-marks"
@ -1711,26 +1713,26 @@ Array [
/>
<div
class="ant-slider-track ant-slider-track-1"
style="bottom: 26%; height: 11%;"
style="bottom:26%;height:11%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot"
style="bottom: 0%; transform: translateY(50%);"
style="bottom:0%;transform:translateY(50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="bottom: 26%; transform: translateY(50%);"
style="bottom:26%;transform:translateY(50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="bottom: 37%; transform: translateY(50%);"
style="bottom:37%;transform:translateY(50%)"
/>
<span
class="ant-slider-dot"
style="bottom: 100%; transform: translateY(50%);"
style="bottom:100%;transform:translateY(50%)"
/>
</div>
<div
@ -1740,13 +1742,13 @@ Array [
aria-valuenow="26"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="bottom: 26%; transform: translateY(50%);"
style="bottom:26%;transform:translateY(50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1774,13 +1776,13 @@ Array [
aria-valuenow="37"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="bottom: 37%; transform: translateY(50%);"
style="bottom:37%;transform:translateY(50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -1806,25 +1808,25 @@ Array [
>
<span
class="ant-slider-mark-text"
style="bottom: 0%; transform: translateY(50%);"
style="bottom:0%;transform:translateY(50%)"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="bottom: 26%; transform: translateY(50%);"
style="bottom:26%;transform:translateY(50%)"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="bottom: 37%; transform: translateY(50%);"
style="bottom:37%;transform:translateY(50%)"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="bottom: 100%; transform: translateY(50%); color: rgb(255, 85, 0);"
style="bottom:100%;transform:translateY(50%);color:#f50"
>
<strong>
100°C

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

@ -10,7 +10,7 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 30%;"
style="left:0%;width:30%"
/>
<div
class="ant-slider-step"
@ -22,7 +22,7 @@ Array [
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="left: 30%; transform: translateX(-50%);"
style="left:30%;transform:translateX(-50%)"
tabindex="0"
/>
</div>,
@ -34,7 +34,7 @@ Array [
/>
<div
class="ant-slider-track ant-slider-track-1"
style="left: 20%; width: 30%;"
style="left:20%;width:30%"
/>
<div
class="ant-slider-step"
@ -46,7 +46,7 @@ Array [
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -56,10 +56,11 @@ Array [
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left: 50%; transform: translateX(-50%);"
style="left:50%;transform:translateX(-50%)"
tabindex="0"
/>
</div>,
Disabled: ,
<button
aria-checked="false"
class="ant-switch ant-switch-small"
@ -85,7 +86,7 @@ exports[`renders ./components/slider/demo/dragableTrack.md correctly 1`] = `
/>
<div
class="ant-slider-track ant-slider-track-1"
style="left: 20%; width: 30%;"
style="left:20%;width:30%"
/>
<div
class="ant-slider-step"
@ -97,7 +98,7 @@ exports[`renders ./components/slider/demo/dragableTrack.md correctly 1`] = `
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -107,7 +108,7 @@ exports[`renders ./components/slider/demo/dragableTrack.md correctly 1`] = `
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left: 50%; transform: translateX(-50%);"
style="left:50%;transform:translateX(-50%)"
tabindex="0"
/>
</div>
@ -123,7 +124,7 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 30%;"
style="left:0%;width:30%"
/>
<div
class="ant-slider-step"
@ -135,7 +136,7 @@ Array [
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="left: 30%; transform: translateX(-50%);"
style="left:30%;transform:translateX(-50%)"
tabindex="0"
/>
</div>,
@ -147,7 +148,7 @@ Array [
/>
<div
class="ant-slider-track ant-slider-track-1"
style="left: 20%; width: 30%;"
style="left:20%;width:30%"
/>
<div
class="ant-slider-step"
@ -159,7 +160,7 @@ Array [
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left: 20%; transform: translateX(-50%);"
style="left:20%;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -169,7 +170,7 @@ Array [
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left: 50%; transform: translateX(-50%);"
style="left:50%;transform:translateX(-50%)"
tabindex="0"
/>
</div>,
@ -207,7 +208,7 @@ exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="left: 0%; width: 0%;"
style="left:0%;width:0%"
/>
<div
class="ant-slider-step"
@ -219,7 +220,7 @@ exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
tabindex="0"
/>
</div>
@ -261,7 +262,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="left: 0%; width: 0%;"
style="left:0%;width:0%"
/>
<div
class="ant-slider-step"
@ -273,7 +274,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
aria-valuenow="1"
class="ant-slider-handle"
role="slider"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
tabindex="0"
/>
</div>
@ -283,7 +284,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
>
<div
class="ant-input-number"
style="margin: 0px 16px;"
style="margin:0 16px"
>
<div
class="ant-input-number-handler-wrap"
@ -374,7 +375,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="left: 0%; width: 0%;"
style="left:0%;width:0%"
/>
<div
class="ant-slider-step"
@ -386,7 +387,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
tabindex="0"
/>
</div>
@ -396,7 +397,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
>
<div
class="ant-input-number"
style="margin: 0px 16px;"
style="margin:0 16px"
>
<div
class="ant-input-number-handler-wrap"
@ -489,26 +490,26 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 37%;"
style="left:0%;width:37%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
/>
</div>
<div
@ -518,7 +519,7 @@ Array [
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -526,25 +527,25 @@ Array [
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="left: 100%; transform: translateX(-50%); color: rgb(255, 85, 0);"
style="left:100%;transform:translateX(-50%);color:#f50"
>
<strong>
100°C
@ -560,26 +561,26 @@ Array [
/>
<div
class="ant-slider-track ant-slider-track-1"
style="left: 26%; width: 11%;"
style="left:26%;width:11%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
/>
</div>
<div
@ -589,7 +590,7 @@ Array [
aria-valuenow="26"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -599,7 +600,7 @@ Array [
aria-valuenow="37"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -607,25 +608,25 @@ Array [
>
<span
class="ant-slider-mark-text"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="left: 100%; transform: translateX(-50%); color: rgb(255, 85, 0);"
style="left:100%;transform:translateX(-50%);color:#f50"
>
<strong>
100°C
@ -647,19 +648,19 @@ Array [
>
<span
class="ant-slider-dot"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
/>
</div>
<div
@ -669,7 +670,7 @@ Array [
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -677,25 +678,25 @@ Array [
>
<span
class="ant-slider-mark-text"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
>
0°C
</span>
<span
class="ant-slider-mark-text"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
>
26°C
</span>
<span
class="ant-slider-mark-text"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="left: 100%; transform: translateX(-50%); color: rgb(255, 85, 0);"
style="left:100%;transform:translateX(-50%);color:#f50"
>
<strong>
100°C
@ -714,26 +715,26 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 37%;"
style="left:0%;width:37%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
/>
</div>
<div
@ -743,7 +744,7 @@ Array [
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -751,25 +752,25 @@ Array [
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="left: 100%; transform: translateX(-50%); color: rgb(255, 85, 0);"
style="left:100%;transform:translateX(-50%);color:#f50"
>
<strong>
100°C
@ -788,26 +789,26 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 37%;"
style="left:0%;width:37%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
/>
<span
class="ant-slider-dot"
style="left: 100%; transform: translateX(-50%);"
style="left:100%;transform:translateX(-50%)"
/>
</div>
<div
@ -817,7 +818,7 @@ Array [
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -825,25 +826,25 @@ Array [
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 26%; transform: translateX(-50%);"
style="left:26%;transform:translateX(-50%)"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left: 37%; transform: translateX(-50%);"
style="left:37%;transform:translateX(-50%)"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="left: 100%; transform: translateX(-50%); color: rgb(255, 85, 0);"
style="left:100%;transform:translateX(-50%);color:#f50"
>
<strong>
100°C
@ -864,7 +865,7 @@ Array [
/>
<div
class="ant-slider-track"
style="right: 0%; width: 30%;"
style="right:0%;width:30%"
/>
<div
class="ant-slider-step"
@ -876,7 +877,7 @@ Array [
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="right: 30%; transform: translateX(50%);"
style="right:30%;transform:translateX(50%)"
tabindex="0"
/>
</div>,
@ -888,7 +889,7 @@ Array [
/>
<div
class="ant-slider-track ant-slider-track-1"
style="right: 20%; width: 30%;"
style="right:20%;width:30%"
/>
<div
class="ant-slider-step"
@ -900,7 +901,7 @@ Array [
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="right: 20%; transform: translateX(50%);"
style="right:20%;transform:translateX(50%)"
tabindex="0"
/>
<div
@ -910,10 +911,11 @@ Array [
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="right: 50%; transform: translateX(50%);"
style="right:50%;transform:translateX(50%)"
tabindex="0"
/>
</div>,
Reversed: ,
<button
aria-checked="true"
class="ant-switch ant-switch-small ant-switch-checked"
@ -994,7 +996,7 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 0%;"
style="left:0%;width:0%"
/>
<div
class="ant-slider-step"
@ -1006,7 +1008,7 @@ Array [
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
tabindex="0"
/>
</div>,
@ -1018,7 +1020,7 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 0%;"
style="left:0%;width:0%"
/>
<div
class="ant-slider-step"
@ -1030,7 +1032,7 @@ Array [
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left: 0%; transform: translateX(-50%);"
style="left:0%;transform:translateX(-50%)"
tabindex="0"
/>
</div>,
@ -1040,7 +1042,7 @@ Array [
exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
Array [
<div
style="display: inline-block; height: 300px; margin-left: 70px;"
style="display:inline-block;height:300px;margin-left:70px"
>
<div
class="ant-slider ant-slider-vertical"
@ -1050,7 +1052,7 @@ Array [
/>
<div
class="ant-slider-track"
style="bottom: 0%; height: 30%;"
style="bottom:0%;height:30%"
/>
<div
class="ant-slider-step"
@ -1062,13 +1064,13 @@ Array [
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="bottom: 30%; transform: translateY(50%);"
style="bottom:30%;transform:translateY(50%)"
tabindex="0"
/>
</div>
</div>,
<div
style="display: inline-block; height: 300px; margin-left: 70px;"
style="display:inline-block;height:300px;margin-left:70px"
>
<div
class="ant-slider ant-slider-vertical"
@ -1078,7 +1080,7 @@ Array [
/>
<div
class="ant-slider-track ant-slider-track-1"
style="bottom: 20%; height: 30%;"
style="bottom:20%;height:30%"
/>
<div
class="ant-slider-step"
@ -1090,7 +1092,7 @@ Array [
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="bottom: 20%; transform: translateY(50%);"
style="bottom:20%;transform:translateY(50%)"
tabindex="0"
/>
<div
@ -1100,13 +1102,13 @@ Array [
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="bottom: 50%; transform: translateY(50%);"
style="bottom:50%;transform:translateY(50%)"
tabindex="0"
/>
</div>
</div>,
<div
style="display: inline-block; height: 300px; margin-left: 70px;"
style="display:inline-block;height:300px;margin-left:70px"
>
<div
class="ant-slider ant-slider-vertical ant-slider-with-marks"
@ -1116,26 +1118,26 @@ Array [
/>
<div
class="ant-slider-track ant-slider-track-1"
style="bottom: 26%; height: 11%;"
style="bottom:26%;height:11%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot"
style="bottom: 0%; transform: translateY(50%);"
style="bottom:0%;transform:translateY(50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="bottom: 26%; transform: translateY(50%);"
style="bottom:26%;transform:translateY(50%)"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="bottom: 37%; transform: translateY(50%);"
style="bottom:37%;transform:translateY(50%)"
/>
<span
class="ant-slider-dot"
style="bottom: 100%; transform: translateY(50%);"
style="bottom:100%;transform:translateY(50%)"
/>
</div>
<div
@ -1145,7 +1147,7 @@ Array [
aria-valuenow="26"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="bottom: 26%; transform: translateY(50%);"
style="bottom:26%;transform:translateY(50%)"
tabindex="0"
/>
<div
@ -1155,7 +1157,7 @@ Array [
aria-valuenow="37"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="bottom: 37%; transform: translateY(50%);"
style="bottom:37%;transform:translateY(50%)"
tabindex="0"
/>
<div
@ -1163,25 +1165,25 @@ Array [
>
<span
class="ant-slider-mark-text"
style="bottom: 0%; transform: translateY(50%);"
style="bottom:0%;transform:translateY(50%)"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="bottom: 26%; transform: translateY(50%);"
style="bottom:26%;transform:translateY(50%)"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="bottom: 37%; transform: translateY(50%);"
style="bottom:37%;transform:translateY(50%)"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="bottom: 100%; transform: translateY(50%); color: rgb(255, 85, 0);"
style="bottom:100%;transform:translateY(50%);color:#f50"
>
<strong>
100°C

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

@ -12,13 +12,13 @@ exports[`renders ./components/space/demo/align.md extend context correctly 1`] =
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
center
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -48,13 +48,13 @@ exports[`renders ./components/space/demo/align.md extend context correctly 1`] =
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
start
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -84,13 +84,13 @@ exports[`renders ./components/space/demo/align.md extend context correctly 1`] =
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
end
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -120,13 +120,13 @@ exports[`renders ./components/space/demo/align.md extend context correctly 1`] =
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
baseline
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -157,13 +157,13 @@ exports[`renders ./components/space/demo/base.md extend context correctly 1`] =
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
Space
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -176,7 +176,7 @@ exports[`renders ./components/space/demo/base.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span>
<div
@ -189,7 +189,7 @@ exports[`renders ./components/space/demo/base.md extend context correctly 1`] =
>
<input
accept=""
style="display: none;"
style="display:none"
type="file"
/>
<button
@ -239,8 +239,8 @@ exports[`renders ./components/space/demo/base.md extend context correctly 1`] =
</button>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -326,7 +326,7 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 8%;"
style="left:0%;width:8%"
/>
<div
class="ant-slider-step"
@ -338,13 +338,13 @@ Array [
aria-valuenow="8"
class="ant-slider-handle"
role="slider"
style="left: 8%; transform: translateX(-50%);"
style="left:8%;transform:translateX(-50%)"
tabindex="0"
/>
<div>
<div
class="ant-tooltip ant-slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
class="ant-tooltip ant-slider-tooltip"
style="opacity:0"
>
<div
class="ant-tooltip-content"
@ -373,7 +373,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -386,7 +386,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -399,7 +399,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-dashed"
@ -432,13 +432,13 @@ exports[`renders ./components/space/demo/debug.md extend context correctly 1`] =
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
Button
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -451,13 +451,13 @@ exports[`renders ./components/space/demo/debug.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
Button
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -469,8 +469,8 @@ exports[`renders ./components/space/demo/debug.md extend context correctly 1`] =
</button>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -545,16 +545,16 @@ exports[`renders ./components/space/demo/debug.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="ant-popover-disabled-compatible-wrapper"
style="display: inline-block; cursor: not-allowed;"
style="display:inline-block;cursor:not-allowed"
>
<button
class="ant-btn ant-btn-default"
disabled=""
style="pointer-events: none;"
style="pointer-events:none"
type="button"
>
<span>
@ -564,8 +564,8 @@ exports[`renders ./components/space/demo/debug.md extend context correctly 1`] =
</span>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover ant-popconfirm"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -640,7 +640,7 @@ exports[`renders ./components/space/demo/debug.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
1
</div>
@ -668,42 +668,42 @@ Array [
/>
</button>,
<div
style="box-shadow: 0 0 5px green;"
style="box-shadow:0 0 5px green"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px; width: 310px; background: blue;"
style="flex-wrap:wrap;margin-bottom:-8px;width:310px;background:blue"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<div
style="width: 150px; height: 100px; background: red;"
style="width:150px;height:100px;background:red"
/>
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<div
style="width: 150px; height: 100px; background: red;"
style="width:150px;height:100px;background:red"
/>
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<div
style="width: 150px; height: 100px; background: red;"
style="width:150px;height:100px;background:red"
/>
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
style="padding-bottom:8px"
>
<div
style="width: 150px; height: 100px; background: red;"
style="width:150px;height:100px;background:red"
/>
</div>
</div>
@ -782,7 +782,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -795,7 +795,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -808,7 +808,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-dashed"
@ -841,7 +841,7 @@ exports[`renders ./components/space/demo/split.md extend context correctly 1`] =
>
<div
class="ant-space-item"
style="margin-right: 4px;"
style="margin-right:4px"
>
<a
class="ant-typography"
@ -851,7 +851,7 @@ exports[`renders ./components/space/demo/split.md extend context correctly 1`] =
</div>
<span
class="ant-space-item-split"
style="margin-right: 4px;"
style="margin-right:4px"
>
<div
class="ant-divider ant-divider-vertical"
@ -860,7 +860,7 @@ exports[`renders ./components/space/demo/split.md extend context correctly 1`] =
</span>
<div
class="ant-space-item"
style="margin-right: 4px;"
style="margin-right:4px"
>
<a
class="ant-typography"
@ -870,7 +870,7 @@ exports[`renders ./components/space/demo/split.md extend context correctly 1`] =
</div>
<span
class="ant-space-item-split"
style="margin-right: 4px;"
style="margin-right:4px"
>
<div
class="ant-divider ant-divider-vertical"
@ -892,11 +892,11 @@ exports[`renders ./components/space/demo/split.md extend context correctly 1`] =
exports[`renders ./components/space/demo/vertical.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: 16px;"
style="margin-bottom:16px"
>
<div
class="ant-card ant-card-bordered ant-card-small"
@ -928,7 +928,7 @@ exports[`renders ./components/space/demo/vertical.md extend context correctly 1`
</div>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
style="margin-bottom:16px"
>
<div
class="ant-card ant-card-bordered ant-card-small"
@ -995,11 +995,11 @@ exports[`renders ./components/space/demo/vertical.md extend context correctly 1`
exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -16px;"
style="flex-wrap:wrap;margin-bottom:-16px"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1012,7 +1012,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1025,7 +1025,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1038,7 +1038,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1051,7 +1051,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1064,7 +1064,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1077,7 +1077,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1090,7 +1090,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1103,7 +1103,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1116,7 +1116,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1129,7 +1129,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1142,7 +1142,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1155,7 +1155,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1168,7 +1168,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1181,7 +1181,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1194,7 +1194,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1207,7 +1207,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1220,7 +1220,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1233,7 +1233,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -1246,7 +1246,7 @@ exports[`renders ./components/space/demo/wrap.md extend context correctly 1`] =
</div>
<div
class="ant-space-item"
style="padding-bottom: 16px;"
style="padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"

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

@ -12,13 +12,13 @@ exports[`renders ./components/space/demo/align.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
center
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -48,13 +48,13 @@ exports[`renders ./components/space/demo/align.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
start
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -84,13 +84,13 @@ exports[`renders ./components/space/demo/align.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
end
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -120,13 +120,13 @@ exports[`renders ./components/space/demo/align.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
baseline
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -157,13 +157,13 @@ exports[`renders ./components/space/demo/base.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
Space
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -176,7 +176,7 @@ exports[`renders ./components/space/demo/base.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span>
<div
@ -189,7 +189,7 @@ exports[`renders ./components/space/demo/base.md correctly 1`] = `
>
<input
accept=""
style="display: none;"
style="display:none"
type="file"
/>
<button
@ -251,7 +251,7 @@ Array [
/>
<div
class="ant-slider-track"
style="left: 0%; width: 8%;"
style="left:0%;width:8%"
/>
<div
class="ant-slider-step"
@ -263,7 +263,7 @@ Array [
aria-valuenow="8"
class="ant-slider-handle"
role="slider"
style="left: 8%; transform: translateX(-50%);"
style="left:8%;transform:translateX(-50%)"
tabindex="0"
/>
</div>,
@ -274,7 +274,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -287,7 +287,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -300,7 +300,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-dashed"
@ -333,13 +333,13 @@ exports[`renders ./components/space/demo/debug.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
Button
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -352,13 +352,13 @@ exports[`renders ./components/space/demo/debug.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
Button
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -371,16 +371,16 @@ exports[`renders ./components/space/demo/debug.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<span
class="ant-popover-disabled-compatible-wrapper"
style="display: inline-block; cursor: not-allowed;"
style="display:inline-block;cursor:not-allowed"
>
<button
class="ant-btn ant-btn-default"
disabled=""
style="pointer-events: none;"
style="pointer-events:none"
type="button"
>
<span>
@ -391,7 +391,7 @@ exports[`renders ./components/space/demo/debug.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
1
</div>
@ -419,42 +419,42 @@ Array [
/>
</button>,
<div
style="box-shadow: 0 0 5px green;"
style="box-shadow:0 0 5px green"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -8px; width: 310px; background: blue;"
style="flex-wrap:wrap;margin-bottom:-8px;width:310px;background:blue"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<div
style="width: 150px; height: 100px; background: red;"
style="width:150px;height:100px;background:red"
/>
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<div
style="width: 150px; height: 100px; background: red;"
style="width:150px;height:100px;background:red"
/>
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
style="margin-right:8px;padding-bottom:8px"
>
<div
style="width: 150px; height: 100px; background: red;"
style="width:150px;height:100px;background:red"
/>
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
style="padding-bottom:8px"
>
<div
style="width: 150px; height: 100px; background: red;"
style="width:150px;height:100px;background:red"
/>
</div>
</div>
@ -533,7 +533,7 @@ Array [
>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-primary"
@ -546,7 +546,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-default"
@ -559,7 +559,7 @@ Array [
</div>
<div
class="ant-space-item"
style="margin-right: 8px;"
style="margin-right:8px"
>
<button
class="ant-btn ant-btn-dashed"
@ -592,7 +592,7 @@ exports[`renders ./components/space/demo/split.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 4px;"
style="margin-right:4px"
>
<a
class="ant-typography"
@ -602,7 +602,7 @@ exports[`renders ./components/space/demo/split.md correctly 1`] = `
</div>
<span
class="ant-space-item-split"
style="margin-right: 4px;"
style="margin-right:4px"
>
<div
class="ant-divider ant-divider-vertical"
@ -611,7 +611,7 @@ exports[`renders ./components/space/demo/split.md correctly 1`] = `
</span>
<div
class="ant-space-item"
style="margin-right: 4px;"
style="margin-right:4px"
>
<a
class="ant-typography"
@ -621,7 +621,7 @@ exports[`renders ./components/space/demo/split.md correctly 1`] = `
</div>
<span
class="ant-space-item-split"
style="margin-right: 4px;"
style="margin-right:4px"
>
<div
class="ant-divider ant-divider-vertical"
@ -643,11 +643,11 @@ exports[`renders ./components/space/demo/split.md correctly 1`] = `
exports[`renders ./components/space/demo/vertical.md correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="display: flex;"
style="display:flex"
>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
style="margin-bottom:16px"
>
<div
class="ant-card ant-card-bordered ant-card-small"
@ -679,7 +679,7 @@ exports[`renders ./components/space/demo/vertical.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-bottom: 16px;"
style="margin-bottom:16px"
>
<div
class="ant-card ant-card-bordered ant-card-small"
@ -746,11 +746,11 @@ exports[`renders ./components/space/demo/vertical.md correctly 1`] = `
exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="flex-wrap: wrap; margin-bottom: -16px;"
style="flex-wrap:wrap;margin-bottom:-16px"
>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -763,7 +763,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -776,7 +776,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -789,7 +789,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -802,7 +802,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -815,7 +815,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -828,7 +828,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -841,7 +841,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -854,7 +854,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -867,7 +867,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -880,7 +880,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -893,7 +893,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -906,7 +906,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -919,7 +919,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -932,7 +932,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -945,7 +945,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -958,7 +958,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -971,7 +971,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -984,7 +984,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 16px;"
style="margin-right:8px;padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"
@ -997,7 +997,7 @@ exports[`renders ./components/space/demo/wrap.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="padding-bottom: 16px;"
style="padding-bottom:16px"
>
<button
class="ant-btn ant-btn-default"

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

@ -35,7 +35,7 @@ exports[`renders ./components/spin/demo/custom-indicator.md extend context corre
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-spin-dot"
role="img"
style="font-size: 24px;"
style="font-size:24px"
>
<svg
aria-hidden="true"
@ -85,7 +85,7 @@ exports[`renders ./components/spin/demo/delayAndDebounce.md extend context corre
</div>
</div>
<div
style="margin-top: 16px;"
style="margin-top:16px"
>
Loading state：
<button
@ -165,7 +165,7 @@ exports[`renders ./components/spin/demo/nested.md extend context correctly 1`] =
</div>
</div>
<div
style="margin-top: 16px;"
style="margin-top:16px"
>
Loading state：
<button
@ -191,7 +191,7 @@ exports[`renders ./components/spin/demo/size.md extend context correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 16px;"
style="margin-right:16px"
>
<div
aria-busy="true"
@ -218,7 +218,7 @@ exports[`renders ./components/spin/demo/size.md extend context correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 16px;"
style="margin-right:16px"
>
<div
aria-busy="true"

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

@ -35,7 +35,7 @@ exports[`renders ./components/spin/demo/custom-indicator.md correctly 1`] = `
aria-label="loading"
class="anticon anticon-loading anticon-spin ant-spin-dot"
role="img"
style="font-size: 24px;"
style="font-size:24px"
>
<svg
aria-hidden="true"
@ -85,7 +85,7 @@ exports[`renders ./components/spin/demo/delayAndDebounce.md correctly 1`] = `
</div>
</div>
<div
style="margin-top: 16px;"
style="margin-top:16px"
>
Loading state：
<button
@ -165,7 +165,7 @@ exports[`renders ./components/spin/demo/nested.md correctly 1`] = `
</div>
</div>
<div
style="margin-top: 16px;"
style="margin-top:16px"
>
Loading state：
<button
@ -191,7 +191,7 @@ exports[`renders ./components/spin/demo/size.md correctly 1`] = `
>
<div
class="ant-space-item"
style="margin-right: 16px;"
style="margin-right:16px"
>
<div
aria-busy="true"
@ -218,7 +218,7 @@ exports[`renders ./components/spin/demo/size.md correctly 1`] = `
</div>
<div
class="ant-space-item"
style="margin-right: 16px;"
style="margin-right:16px"
>
<div
aria-busy="true"

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

@ -3,11 +3,11 @@
exports[`renders ./components/statistic/demo/basic.md extend context correctly 1`] = `
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-statistic"
@ -34,7 +34,7 @@ exports[`renders ./components/statistic/demo/basic.md extend context correctly 1
</div>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-statistic"
@ -65,7 +65,7 @@ exports[`renders ./components/statistic/demo/basic.md extend context correctly 1
</div>
<button
class="ant-btn ant-btn-primary"
style="margin-top: 16px;"
style="margin-top:16px"
type="button"
>
<span>
@ -75,7 +75,7 @@ exports[`renders ./components/statistic/demo/basic.md extend context correctly 1
</div>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-statistic"
@ -107,11 +107,11 @@ exports[`renders ./components/statistic/demo/card.md extend context correctly 1`
>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-card ant-card-bordered"
@ -129,7 +129,7 @@ exports[`renders ./components/statistic/demo/card.md extend context correctly 1`
</div>
<div
class="ant-statistic-content"
style="color: rgb(63, 134, 0);"
style="color:#3f8600"
>
<span
class="ant-statistic-content-prefix"
@ -180,7 +180,7 @@ exports[`renders ./components/statistic/demo/card.md extend context correctly 1`
</div>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-card ant-card-bordered"
@ -198,7 +198,7 @@ exports[`renders ./components/statistic/demo/card.md extend context correctly 1`
</div>
<div
class="ant-statistic-content"
style="color: rgb(207, 19, 34);"
style="color:#cf1322"
>
<span
class="ant-statistic-content-prefix"
@ -254,11 +254,11 @@ exports[`renders ./components/statistic/demo/card.md extend context correctly 1`
exports[`renders ./components/statistic/demo/countdown.md extend context correctly 1`] = `
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-statistic"
@ -281,7 +281,7 @@ exports[`renders ./components/statistic/demo/countdown.md extend context correct
</div>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-statistic"
@ -304,7 +304,7 @@ exports[`renders ./components/statistic/demo/countdown.md extend context correct
</div>
<div
class="ant-col ant-col-24"
style="padding-left: 8px; padding-right: 8px; margin-top: 32px;"
style="padding-left:8px;padding-right:8px;margin-top:32px"
>
<div
class="ant-statistic"
@ -327,7 +327,7 @@ exports[`renders ./components/statistic/demo/countdown.md extend context correct
</div>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-statistic"
@ -354,11 +354,11 @@ exports[`renders ./components/statistic/demo/countdown.md extend context correct
exports[`renders ./components/statistic/demo/unit.md extend context correctly 1`] = `
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-statistic"
@ -408,7 +408,7 @@ exports[`renders ./components/statistic/demo/unit.md extend context correctly 1`
</div>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-statistic"

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

@ -3,11 +3,11 @@
exports[`renders ./components/statistic/demo/basic.md correctly 1`] = `
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-statistic"
@ -34,7 +34,7 @@ exports[`renders ./components/statistic/demo/basic.md correctly 1`] = `
</div>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-statistic"
@ -65,7 +65,7 @@ exports[`renders ./components/statistic/demo/basic.md correctly 1`] = `
</div>
<button
class="ant-btn ant-btn-primary"
style="margin-top: 16px;"
style="margin-top:16px"
type="button"
>
<span>
@ -75,7 +75,7 @@ exports[`renders ./components/statistic/demo/basic.md correctly 1`] = `
</div>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-statistic"
@ -107,11 +107,11 @@ exports[`renders ./components/statistic/demo/card.md correctly 1`] = `
>
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-card ant-card-bordered"
@ -129,7 +129,7 @@ exports[`renders ./components/statistic/demo/card.md correctly 1`] = `
</div>
<div
class="ant-statistic-content"
style="color: rgb(63, 134, 0);"
style="color:#3f8600"
>
<span
class="ant-statistic-content-prefix"
@ -180,7 +180,7 @@ exports[`renders ./components/statistic/demo/card.md correctly 1`] = `
</div>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-card ant-card-bordered"
@ -198,7 +198,7 @@ exports[`renders ./components/statistic/demo/card.md correctly 1`] = `
</div>
<div
class="ant-statistic-content"
style="color: rgb(207, 19, 34);"
style="color:#cf1322"
>
<span
class="ant-statistic-content-prefix"
@ -254,11 +254,11 @@ exports[`renders ./components/statistic/demo/card.md correctly 1`] = `
exports[`renders ./components/statistic/demo/countdown.md correctly 1`] = `
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-statistic"
@ -281,7 +281,7 @@ exports[`renders ./components/statistic/demo/countdown.md correctly 1`] = `
</div>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-statistic"
@ -304,7 +304,7 @@ exports[`renders ./components/statistic/demo/countdown.md correctly 1`] = `
</div>
<div
class="ant-col ant-col-24"
style="padding-left: 8px; padding-right: 8px; margin-top: 32px;"
style="padding-left:8px;padding-right:8px;margin-top:32px"
>
<div
class="ant-statistic"
@ -327,7 +327,7 @@ exports[`renders ./components/statistic/demo/countdown.md correctly 1`] = `
</div>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-statistic"
@ -354,11 +354,11 @@ exports[`renders ./components/statistic/demo/countdown.md correctly 1`] = `
exports[`renders ./components/statistic/demo/unit.md correctly 1`] = `
<div
class="ant-row"
style="margin-left: -8px; margin-right: -8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-statistic"
@ -408,7 +408,7 @@ exports[`renders ./components/statistic/demo/unit.md correctly 1`] = `
</div>
<div
class="ant-col ant-col-12"
style="padding-left: 8px; padding-right: 8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-statistic"

116
components/steps/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -3,7 +3,7 @@
exports[`renders ./components/steps/demo/clickable.md extend context correctly 1`] = `
Array [
<div
class="ant-steps ant-steps-vertical"
class="ant-steps ant-steps-horizontal ant-steps-label-horizontal"
>
<div
class="ant-steps-item ant-steps-item-process ant-steps-item-active"
@ -235,7 +235,7 @@ Array [
exports[`renders ./components/steps/demo/customized-progress-dot.md extend context correctly 1`] = `
<div
class="ant-steps ant-steps-vertical ant-steps-dot"
class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-dot"
>
<div
class="ant-steps-item ant-steps-item-finish"
@ -257,8 +257,8 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md extend conte
/>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -279,8 +279,11 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md extend conte
>
<span>
step
<!-- -->
0
<!-- -->
status:
<!-- -->
finish
</span>
</div>
@ -326,8 +329,8 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md extend conte
/>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -348,8 +351,11 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md extend conte
>
<span>
step
<!-- -->
1
<!-- -->
status:
<!-- -->
process
</span>
</div>
@ -395,8 +401,8 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md extend conte
/>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -417,8 +423,11 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md extend conte
>
<span>
step
<!-- -->
2
<!-- -->
status:
<!-- -->
wait
</span>
</div>
@ -464,8 +473,8 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md extend conte
/>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
class="ant-popover"
style="opacity:0"
>
<div
class="ant-popover-content"
@ -486,8 +495,11 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md extend conte
>
<span>
step
<!-- -->
3
<!-- -->
status:
<!-- -->
wait
</span>
</div>
@ -518,7 +530,7 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md extend conte
exports[`renders ./components/steps/demo/error.md extend context correctly 1`] = `
<div
class="ant-steps ant-steps-vertical"
class="ant-steps ant-steps-horizontal ant-steps-label-horizontal"
>
<div
class="ant-steps-item ant-steps-item-finish ant-steps-next-error"
@ -663,7 +675,7 @@ exports[`renders ./components/steps/demo/error.md extend context correctly 1`] =
exports[`renders ./components/steps/demo/icon.md extend context correctly 1`] = `
<div
class="ant-steps ant-steps-vertical"
class="ant-steps ant-steps-horizontal ant-steps-label-horizontal"
>
<div
class="ant-steps-item ant-steps-item-finish ant-steps-item-custom ant-steps-item-active"
@ -859,7 +871,7 @@ exports[`renders ./components/steps/demo/icon.md extend context correctly 1`] =
exports[`renders ./components/steps/demo/label-placement.md extend context correctly 1`] = `
Array [
<div
class="ant-steps ant-steps-vertical"
class="ant-steps ant-steps-horizontal ant-steps-label-vertical"
>
<div
class="ant-steps-item ant-steps-item-finish"
@ -984,7 +996,7 @@ Array [
</div>,
<br />,
<div
class="ant-steps ant-steps-vertical ant-steps-with-progress"
class="ant-steps ant-steps-horizontal ant-steps-with-progress ant-steps-label-vertical"
>
<div
class="ant-steps-item ant-steps-item-finish"
@ -1058,7 +1070,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 40px; height: 40px; font-size: 12px;"
style="width:40px;height:40px;font-size:12px"
>
<svg
class="ant-progress-circle"
@ -1071,7 +1083,7 @@ Array [
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1081,7 +1093,7 @@ Array [
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 122.63715789784806; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:122.63715789784806;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1091,7 +1103,7 @@ Array [
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke: #52C41A; stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 301.58289474462015; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:301.58289474462015;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -1159,7 +1171,7 @@ Array [
</div>,
<br />,
<div
class="ant-steps ant-steps-vertical ant-steps-small"
class="ant-steps ant-steps-horizontal ant-steps-small ant-steps-label-vertical"
>
<div
class="ant-steps-item ant-steps-item-finish"
@ -1288,7 +1300,7 @@ Array [
exports[`renders ./components/steps/demo/nav.md extend context correctly 1`] = `
Array [
<div
class="ant-steps ant-steps-vertical site-navigation-steps ant-steps-small ant-steps-navigation"
class="ant-steps ant-steps-horizontal site-navigation-steps ant-steps-small ant-steps-label-horizontal ant-steps-navigation"
>
<div
class="ant-steps-item ant-steps-item-finish ant-steps-item-active"
@ -1436,7 +1448,7 @@ Array [
</div>
</div>,
<div
class="ant-steps ant-steps-vertical site-navigation-steps ant-steps-navigation"
class="ant-steps ant-steps-horizontal site-navigation-steps ant-steps-label-horizontal ant-steps-navigation"
>
<div
class="ant-steps-item ant-steps-item-finish ant-steps-item-active"
@ -1582,7 +1594,7 @@ Array [
</div>
</div>,
<div
class="ant-steps ant-steps-vertical site-navigation-steps ant-steps-small ant-steps-navigation"
class="ant-steps ant-steps-horizontal site-navigation-steps ant-steps-small ant-steps-label-horizontal ant-steps-navigation"
>
<div
class="ant-steps-item ant-steps-item-finish ant-steps-item-active"
@ -1748,7 +1760,7 @@ Array [
exports[`renders ./components/steps/demo/progress.md extend context correctly 1`] = `
<div
class="ant-steps ant-steps-vertical ant-steps-with-progress"
class="ant-steps ant-steps-horizontal ant-steps-with-progress ant-steps-label-horizontal"
>
<div
class="ant-steps-item ant-steps-item-finish"
@ -1822,7 +1834,7 @@ exports[`renders ./components/steps/demo/progress.md extend context correctly 1`
>
<div
class="ant-progress-inner"
style="width: 40px; height: 40px; font-size: 12px;"
style="width:40px;height:40px;font-size:12px"
>
<svg
class="ant-progress-circle"
@ -1835,7 +1847,7 @@ exports[`renders ./components/steps/demo/progress.md extend context correctly 1`
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1845,7 +1857,7 @@ exports[`renders ./components/steps/demo/progress.md extend context correctly 1`
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 122.63715789784806; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:122.63715789784806;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -1855,7 +1867,7 @@ exports[`renders ./components/steps/demo/progress.md extend context correctly 1`
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke: #52C41A; stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 301.58289474462015; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:301.58289474462015;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -1988,7 +2000,7 @@ Array [
</span>
</button>,
<div
class="ant-steps ant-steps-vertical ant-steps-with-progress"
class="ant-steps ant-steps-horizontal ant-steps-with-progress ant-steps-label-horizontal"
>
<div
class="ant-steps-item ant-steps-item-finish"
@ -2062,7 +2074,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 40px; height: 40px; font-size: 12px;"
style="width:40px;height:40px;font-size:12px"
>
<svg
class="ant-progress-circle"
@ -2075,7 +2087,7 @@ Array [
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -2085,7 +2097,7 @@ Array [
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 301.58289474462015; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:301.58289474462015;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -2095,7 +2107,7 @@ Array [
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke: #52C41A; stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 301.58289474462015; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:301.58289474462015;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -2168,7 +2180,7 @@ Array [
</div>
</div>,
<div
class="ant-steps ant-steps-vertical ant-steps-with-progress ant-steps-small"
class="ant-steps ant-steps-horizontal ant-steps-with-progress ant-steps-small ant-steps-label-horizontal"
>
<div
class="ant-steps-item ant-steps-item-finish"
@ -2242,7 +2254,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 32px; height: 32px; font-size: 10.8px;"
style="width:32px;height:32px;font-size:10.8px"
>
<svg
class="ant-progress-circle"
@ -2255,7 +2267,7 @@ Array [
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -2265,7 +2277,7 @@ Array [
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 301.58289474462015; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:301.58289474462015;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -2275,7 +2287,7 @@ Array [
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke: #52C41A; stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 301.58289474462015; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:301.58289474462015;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -2422,7 +2434,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 40px; height: 40px; font-size: 12px;"
style="width:40px;height:40px;font-size:12px"
>
<svg
class="ant-progress-circle"
@ -2435,7 +2447,7 @@ Array [
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -2445,7 +2457,7 @@ Array [
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 301.58289474462015; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:301.58289474462015;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -2455,7 +2467,7 @@ Array [
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke: #52C41A; stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 301.58289474462015; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:301.58289474462015;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -2602,7 +2614,7 @@ Array [
>
<div
class="ant-progress-inner"
style="width: 32px; height: 32px; font-size: 10.8px;"
style="width:32px;height:32px;font-size:10.8px"
>
<svg
class="ant-progress-circle"
@ -2615,7 +2627,7 @@ Array [
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0;"
style="stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -2625,7 +2637,7 @@ Array [
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 301.58289474462015; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:301.58289474462015;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
<circle
class="ant-progress-circle-path"
@ -2635,7 +2647,7 @@ Array [
r="48"
stroke-linecap="round"
stroke-width="4"
style="stroke: #52C41A; stroke-dasharray: 301.59289474462014px 301.59289474462014; stroke-dashoffset: 301.58289474462015; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
style="stroke:#52C41A;stroke-dasharray:301.59289474462014px 301.59289474462014;stroke-dashoffset:301.58289474462015;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s;fill-opacity:0"
/>
</svg>
<span
@ -2713,7 +2725,7 @@ Array [
exports[`renders ./components/steps/demo/progress-dot.md extend context correctly 1`] = `
Array [
<div
class="ant-steps ant-steps-vertical ant-steps-dot"
class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-dot"
>
<div
class="ant-steps-item ant-steps-item-finish"
@ -3018,7 +3030,7 @@ Array [
exports[`renders ./components/steps/demo/progress-dot-small.md extend context correctly 1`] = `
Array [
<div
class="ant-steps ant-steps-vertical ant-steps-small ant-steps-dot"
class="ant-steps ant-steps-horizontal ant-steps-small ant-steps-label-vertical ant-steps-dot"
>
<div
class="ant-steps-item ant-steps-item-finish"
@ -3322,7 +3334,7 @@ Array [
exports[`renders ./components/steps/demo/simple.md extend context correctly 1`] = `
<div
class="ant-steps ant-steps-vertical"
class="ant-steps ant-steps-horizontal ant-steps-label-horizontal"
>
<div
class="ant-steps-item ant-steps-item-finish"
@ -3455,7 +3467,7 @@ exports[`renders ./components/steps/demo/simple.md extend context correctly 1`]
exports[`renders ./components/steps/demo/small-size.md extend context correctly 1`] = `
<div
class="ant-steps ant-steps-vertical ant-steps-small"
class="ant-steps ant-steps-horizontal ant-steps-small ant-steps-label-horizontal"
>
<div
class="ant-steps-item ant-steps-item-finish"
@ -3568,7 +3580,7 @@ exports[`renders ./components/steps/demo/small-size.md extend context correctly
exports[`renders ./components/steps/demo/step-next.md extend context correctly 1`] = `
Array [
<div
class="ant-steps ant-steps-vertical"
class="ant-steps ant-steps-horizontal ant-steps-label-horizontal"
>
<div
class="ant-steps-item ant-steps-item-process ant-steps-item-active"
@ -3682,7 +3694,7 @@ exports[`renders ./components/steps/demo/steps-in-steps.md extend context correc
Array [
<div
class="ant-radio-group ant-radio-group-outline"
style="margin-bottom: 16px;"
style="margin-bottom:16px"
>
<label
class="ant-radio-wrapper"
@ -3763,7 +3775,7 @@ Array [
class="ant-card-body"
>
<div
class="ant-steps ant-steps-vertical ant-steps-default"
class="ant-steps ant-steps-horizontal ant-steps-default ant-steps-label-horizontal"
>
<div
class="ant-steps-item ant-steps-item-process ant-steps-item-active"

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