ant-design/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap

43301 lines
1.2 MiB

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ConfigProvider components Alert configProvider 1`] = `
<div
class="config-alert config-alert-success config-alert-no-icon"
data-show="true"
role="alert"
>
<div
class="config-alert-content"
>
<div
class="config-alert-message"
>
Bamboo is Little Light
</div>
</div>
</div>
`;
exports[`ConfigProvider components Alert configProvider componentDisabled 1`] = `
<div
class="config-alert config-alert-success config-alert-no-icon"
data-show="true"
role="alert"
>
<div
class="config-alert-content"
>
<div
class="config-alert-message"
>
Bamboo is Little Light
</div>
</div>
</div>
`;
exports[`ConfigProvider components Alert configProvider componentSize large 1`] = `
<div
class="config-alert config-alert-success config-alert-no-icon"
data-show="true"
role="alert"
>
<div
class="config-alert-content"
>
<div
class="config-alert-message"
>
Bamboo is Little Light
</div>
</div>
</div>
`;
exports[`ConfigProvider components Alert configProvider componentSize middle 1`] = `
<div
class="config-alert config-alert-success config-alert-no-icon"
data-show="true"
role="alert"
>
<div
class="config-alert-content"
>
<div
class="config-alert-message"
>
Bamboo is Little Light
</div>
</div>
</div>
`;
exports[`ConfigProvider components Alert configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-alert ant-alert-success ant-alert-no-icon"
data-show="true"
role="alert"
>
<div
class="ant-alert-content"
>
<div
class="ant-alert-message"
>
Bamboo is Little Light
</div>
</div>
</div>
`;
exports[`ConfigProvider components Alert normal 1`] = `
<div
class="ant-alert ant-alert-success ant-alert-no-icon"
data-show="true"
role="alert"
>
<div
class="ant-alert-content"
>
<div
class="ant-alert-message"
>
Bamboo is Little Light
</div>
</div>
</div>
`;
exports[`ConfigProvider components Alert prefixCls 1`] = `
<div
class="prefix-Alert prefix-Alert-success prefix-Alert-no-icon"
data-show="true"
role="alert"
>
<div
class="prefix-Alert-content"
>
<div
class="prefix-Alert-message"
>
Bamboo is Little Light
</div>
</div>
</div>
`;
exports[`ConfigProvider components Anchor configProvider 1`] = `
<div>
<div
class=""
>
<div
class="config-anchor-wrapper"
style="max-height: 100vh;"
>
<div
class="config-anchor"
>
<div
class="config-anchor-ink"
>
<span
class="config-anchor-ink-ball"
/>
</div>
<div
class="config-anchor-link"
>
<a
class="config-anchor-link-title"
href="#bamboo"
title="Little Light"
>
Little Light
</a>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Anchor configProvider componentDisabled 1`] = `
<div>
<div
class=""
>
<div
class="config-anchor-wrapper"
style="max-height: 100vh;"
>
<div
class="config-anchor"
>
<div
class="config-anchor-ink"
>
<span
class="config-anchor-ink-ball"
/>
</div>
<div
class="config-anchor-link"
>
<a
class="config-anchor-link-title"
href="#bamboo"
title="Little Light"
>
Little Light
</a>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Anchor configProvider componentSize large 1`] = `
<div>
<div
class=""
>
<div
class="config-anchor-wrapper"
style="max-height: 100vh;"
>
<div
class="config-anchor"
>
<div
class="config-anchor-ink"
>
<span
class="config-anchor-ink-ball"
/>
</div>
<div
class="config-anchor-link"
>
<a
class="config-anchor-link-title"
href="#bamboo"
title="Little Light"
>
Little Light
</a>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Anchor configProvider componentSize middle 1`] = `
<div>
<div
class=""
>
<div
class="config-anchor-wrapper"
style="max-height: 100vh;"
>
<div
class="config-anchor"
>
<div
class="config-anchor-ink"
>
<span
class="config-anchor-ink-ball"
/>
</div>
<div
class="config-anchor-link"
>
<a
class="config-anchor-link-title"
href="#bamboo"
title="Little Light"
>
Little Light
</a>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Anchor configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
<div
class=""
>
<div
class="ant-anchor-wrapper"
style="max-height: 100vh;"
>
<div
class="ant-anchor"
>
<div
class="ant-anchor-ink"
>
<span
class="ant-anchor-ink-ball"
/>
</div>
<div
class="ant-anchor-link"
>
<a
class="ant-anchor-link-title"
href="#bamboo"
title="Little Light"
>
Little Light
</a>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Anchor normal 1`] = `
<div>
<div
class=""
>
<div
class="ant-anchor-wrapper"
style="max-height: 100vh;"
>
<div
class="ant-anchor"
>
<div
class="ant-anchor-ink"
>
<span
class="ant-anchor-ink-ball"
/>
</div>
<div
class="ant-anchor-link"
>
<a
class="ant-anchor-link-title"
href="#bamboo"
title="Little Light"
>
Little Light
</a>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Anchor prefixCls 1`] = `
<div>
<div
class=""
>
<div
class="prefix-Anchor-wrapper"
style="max-height: 100vh;"
>
<div
class="prefix-Anchor"
>
<div
class="prefix-Anchor-ink"
>
<span
class="prefix-Anchor-ink-ball"
/>
</div>
<div
class="prefix-Anchor-link"
>
<a
class="prefix-Anchor-link-title"
href="#bamboo"
title="Little Light"
>
Little Light
</a>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components AutoComplete configProvider 1`] = `
<div
class="config-select config-select-auto-complete config-select-single config-select-show-search"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="config-select-selection-placeholder"
/>
</div>
</div>
`;
exports[`ConfigProvider components AutoComplete configProvider componentDisabled 1`] = `
<div
class="config-select config-select-auto-complete config-select-single config-select-disabled config-select-show-search"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
disabled=""
id="rc_select_TEST_OR_SSR"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="config-select-selection-placeholder"
/>
</div>
</div>
`;
exports[`ConfigProvider components AutoComplete configProvider componentSize large 1`] = `
<div
class="config-select config-select-lg config-select-auto-complete config-select-single config-select-show-search"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="config-select-selection-placeholder"
/>
</div>
</div>
`;
exports[`ConfigProvider components AutoComplete configProvider componentSize middle 1`] = `
<div
class="config-select config-select-auto-complete config-select-single config-select-show-search"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="config-select-selection-placeholder"
/>
</div>
</div>
`;
exports[`ConfigProvider components AutoComplete configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-select ant-select-auto-complete ant-select-single ant-select-show-search"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="ant-select-selection-placeholder"
/>
</div>
</div>
`;
exports[`ConfigProvider components AutoComplete normal 1`] = `
<div
class="ant-select ant-select-auto-complete ant-select-single ant-select-show-search"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="ant-select-selection-placeholder"
/>
</div>
</div>
`;
exports[`ConfigProvider components AutoComplete prefixCls 1`] = `
<div
class="prefix-AutoComplete prefix-AutoComplete-auto-complete prefix-AutoComplete-single prefix-AutoComplete-show-search"
>
<div
class="prefix-AutoComplete-selector"
>
<span
class="prefix-AutoComplete-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="prefix-AutoComplete-selection-search-input"
id="rc_select_TEST_OR_SSR"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="prefix-AutoComplete-selection-placeholder"
/>
</div>
</div>
`;
exports[`ConfigProvider components Avatar configProvider 1`] = `
<span
class="config-avatar config-avatar-circle"
>
<span
class="config-avatar-string"
style="transform: scale(1) translateX(-50%);"
/>
</span>
`;
exports[`ConfigProvider components Avatar configProvider componentDisabled 1`] = `
<span
class="config-avatar config-avatar-circle"
>
<span
class="config-avatar-string"
style="transform: scale(1) translateX(-50%);"
/>
</span>
`;
exports[`ConfigProvider components Avatar configProvider componentSize large 1`] = `
<span
class="config-avatar config-avatar-circle"
>
<span
class="config-avatar-string"
style="transform: scale(1) translateX(-50%);"
/>
</span>
`;
exports[`ConfigProvider components Avatar configProvider componentSize middle 1`] = `
<span
class="config-avatar config-avatar-circle"
>
<span
class="config-avatar-string"
style="transform: scale(1) translateX(-50%);"
/>
</span>
`;
exports[`ConfigProvider components Avatar configProvider virtual and dropdownMatchSelectWidth 1`] = `
<span
class="ant-avatar ant-avatar-circle"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
/>
</span>
`;
exports[`ConfigProvider components Avatar normal 1`] = `
<span
class="ant-avatar ant-avatar-circle"
>
<span
class="ant-avatar-string"
style="transform: scale(1) translateX(-50%);"
/>
</span>
`;
exports[`ConfigProvider components Avatar prefixCls 1`] = `
<span
class="prefix-Avatar prefix-Avatar-circle"
>
<span
class="prefix-Avatar-string"
style="transform: scale(1) translateX(-50%);"
/>
</span>
`;
exports[`ConfigProvider components BackTop configProvider 1`] = `
<div
class="config-back-top"
>
<div
class="config-fade-appear config-fade-appear-start config-fade config-back-top-content"
>
<div
class="config-back-top-icon"
>
<span
aria-label="vertical-align-top"
class="anticon anticon-vertical-align-top"
role="img"
>
<svg
aria-hidden="true"
data-icon="vertical-align-top"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M859.9 168H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3 355a8 8 0 00-12.6 0l-112 141.7a7.98 7.98 0 006.3 12.9h73.9V848c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V509.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 355z"
/>
</svg>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components BackTop configProvider componentDisabled 1`] = `
<div
class="config-back-top"
>
<div
class="config-fade-appear config-fade-appear-start config-fade config-back-top-content"
>
<div
class="config-back-top-icon"
>
<span
aria-label="vertical-align-top"
class="anticon anticon-vertical-align-top"
role="img"
>
<svg
aria-hidden="true"
data-icon="vertical-align-top"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M859.9 168H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3 355a8 8 0 00-12.6 0l-112 141.7a7.98 7.98 0 006.3 12.9h73.9V848c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V509.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 355z"
/>
</svg>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components BackTop configProvider componentSize large 1`] = `
<div
class="config-back-top"
>
<div
class="config-fade-appear config-fade-appear-start config-fade config-back-top-content"
>
<div
class="config-back-top-icon"
>
<span
aria-label="vertical-align-top"
class="anticon anticon-vertical-align-top"
role="img"
>
<svg
aria-hidden="true"
data-icon="vertical-align-top"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M859.9 168H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3 355a8 8 0 00-12.6 0l-112 141.7a7.98 7.98 0 006.3 12.9h73.9V848c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V509.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 355z"
/>
</svg>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components BackTop configProvider componentSize middle 1`] = `
<div
class="config-back-top"
>
<div
class="config-fade-appear config-fade-appear-start config-fade config-back-top-content"
>
<div
class="config-back-top-icon"
>
<span
aria-label="vertical-align-top"
class="anticon anticon-vertical-align-top"
role="img"
>
<svg
aria-hidden="true"
data-icon="vertical-align-top"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M859.9 168H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3 355a8 8 0 00-12.6 0l-112 141.7a7.98 7.98 0 006.3 12.9h73.9V848c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V509.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 355z"
/>
</svg>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components BackTop configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-back-top"
>
<div
class="ant-fade-appear ant-fade-appear-start ant-fade ant-back-top-content"
>
<div
class="ant-back-top-icon"
>
<span
aria-label="vertical-align-top"
class="anticon anticon-vertical-align-top"
role="img"
>
<svg
aria-hidden="true"
data-icon="vertical-align-top"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M859.9 168H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3 355a8 8 0 00-12.6 0l-112 141.7a7.98 7.98 0 006.3 12.9h73.9V848c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V509.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 355z"
/>
</svg>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components BackTop normal 1`] = `
<div
class="ant-back-top"
>
<div
class="ant-fade-appear ant-fade-appear-start ant-fade ant-back-top-content"
>
<div
class="ant-back-top-icon"
>
<span
aria-label="vertical-align-top"
class="anticon anticon-vertical-align-top"
role="img"
>
<svg
aria-hidden="true"
data-icon="vertical-align-top"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M859.9 168H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3 355a8 8 0 00-12.6 0l-112 141.7a7.98 7.98 0 006.3 12.9h73.9V848c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V509.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 355z"
/>
</svg>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components BackTop prefixCls 1`] = `
<div
class="prefix-BackTop"
>
<div
class="ant-fade-appear ant-fade-appear-start ant-fade prefix-BackTop-content"
>
<div
class="prefix-BackTop-icon"
>
<span
aria-label="vertical-align-top"
class="anticon anticon-vertical-align-top"
role="img"
>
<svg
aria-hidden="true"
data-icon="vertical-align-top"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M859.9 168H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3 355a8 8 0 00-12.6 0l-112 141.7a7.98 7.98 0 006.3 12.9h73.9V848c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V509.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 355z"
/>
</svg>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Badge configProvider 1`] = `
<div>
<span
class="config-badge"
>
<span />
<sup
class="config-scroll-number config-badge-count"
data-show="true"
title="5"
>
<span
class="config-scroll-number-only"
style="transition: none;"
>
<span
class="config-scroll-number-only-unit current"
>
5
</span>
</span>
</sup>
</span>
<span
class="config-badge"
>
<span />
<sup
class="config-scroll-number config-badge-dot"
data-show="true"
/>
</span>
</div>
`;
exports[`ConfigProvider components Badge configProvider componentDisabled 1`] = `
<div>
<span
class="config-badge"
>
<span />
<sup
class="config-scroll-number config-badge-count"
data-show="true"
title="5"
>
<span
class="config-scroll-number-only"
style="transition: none;"
>
<span
class="config-scroll-number-only-unit current"
>
5
</span>
</span>
</sup>
</span>
<span
class="config-badge"
>
<span />
<sup
class="config-scroll-number config-badge-dot"
data-show="true"
/>
</span>
</div>
`;
exports[`ConfigProvider components Badge configProvider componentSize large 1`] = `
<div>
<span
class="config-badge"
>
<span />
<sup
class="config-scroll-number config-badge-count"
data-show="true"
title="5"
>
<span
class="config-scroll-number-only"
style="transition: none;"
>
<span
class="config-scroll-number-only-unit current"
>
5
</span>
</span>
</sup>
</span>
<span
class="config-badge"
>
<span />
<sup
class="config-scroll-number config-badge-dot"
data-show="true"
/>
</span>
</div>
`;
exports[`ConfigProvider components Badge configProvider componentSize middle 1`] = `
<div>
<span
class="config-badge"
>
<span />
<sup
class="config-scroll-number config-badge-count"
data-show="true"
title="5"
>
<span
class="config-scroll-number-only"
style="transition: none;"
>
<span
class="config-scroll-number-only-unit current"
>
5
</span>
</span>
</sup>
</span>
<span
class="config-badge"
>
<span />
<sup
class="config-scroll-number config-badge-dot"
data-show="true"
/>
</span>
</div>
`;
exports[`ConfigProvider components Badge configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
<span
class="ant-badge"
>
<span />
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
title="5"
>
<span
class="ant-scroll-number-only"
style="transition: none;"
>
<span
class="ant-scroll-number-only-unit current"
>
5
</span>
</span>
</sup>
</span>
<span
class="ant-badge"
>
<span />
<sup
class="ant-scroll-number ant-badge-dot"
data-show="true"
/>
</span>
</div>
`;
exports[`ConfigProvider components Badge normal 1`] = `
<div>
<span
class="ant-badge"
>
<span />
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
title="5"
>
<span
class="ant-scroll-number-only"
style="transition: none;"
>
<span
class="ant-scroll-number-only-unit current"
>
5
</span>
</span>
</sup>
</span>
<span
class="ant-badge"
>
<span />
<sup
class="ant-scroll-number ant-badge-dot"
data-show="true"
/>
</span>
</div>
`;
exports[`ConfigProvider components Badge prefixCls 1`] = `
<div>
<span
class="prefix-Badge"
>
<span />
<sup
class="prefix-scroll-number prefix-Badge-count"
data-show="true"
title="5"
>
<span
class="prefix-scroll-number-only"
style="transition: none;"
>
<span
class="prefix-scroll-number-only-unit current"
>
5
</span>
</span>
</sup>
</span>
<span
class="prefix-Badge"
>
<span />
<sup
class="prefix-scroll-number prefix-Badge-dot"
data-show="true"
/>
</span>
</div>
`;
exports[`ConfigProvider components Breadcrumb configProvider 1`] = `
<nav
class="config-breadcrumb"
>
<ol>
<li>
<span
class="config-breadcrumb-link"
>
Bamboo
</span>
<span
class="config-breadcrumb-separator"
>
/
</span>
</li>
<li>
<span
class="config-breadcrumb-link"
>
Light
</span>
<span
class="config-breadcrumb-separator"
>
/
</span>
</li>
</ol>
</nav>
`;
exports[`ConfigProvider components Breadcrumb configProvider componentDisabled 1`] = `
<nav
class="config-breadcrumb"
>
<ol>
<li>
<span
class="config-breadcrumb-link"
>
Bamboo
</span>
<span
class="config-breadcrumb-separator"
>
/
</span>
</li>
<li>
<span
class="config-breadcrumb-link"
>
Light
</span>
<span
class="config-breadcrumb-separator"
>
/
</span>
</li>
</ol>
</nav>
`;
exports[`ConfigProvider components Breadcrumb configProvider componentSize large 1`] = `
<nav
class="config-breadcrumb"
>
<ol>
<li>
<span
class="config-breadcrumb-link"
>
Bamboo
</span>
<span
class="config-breadcrumb-separator"
>
/
</span>
</li>
<li>
<span
class="config-breadcrumb-link"
>
Light
</span>
<span
class="config-breadcrumb-separator"
>
/
</span>
</li>
</ol>
</nav>
`;
exports[`ConfigProvider components Breadcrumb configProvider componentSize middle 1`] = `
<nav
class="config-breadcrumb"
>
<ol>
<li>
<span
class="config-breadcrumb-link"
>
Bamboo
</span>
<span
class="config-breadcrumb-separator"
>
/
</span>
</li>
<li>
<span
class="config-breadcrumb-link"
>
Light
</span>
<span
class="config-breadcrumb-separator"
>
/
</span>
</li>
</ol>
</nav>
`;
exports[`ConfigProvider components Breadcrumb configProvider virtual and dropdownMatchSelectWidth 1`] = `
<nav
class="ant-breadcrumb"
>
<ol>
<li>
<span
class="ant-breadcrumb-link"
>
Bamboo
</span>
<span
class="ant-breadcrumb-separator"
>
/
</span>
</li>
<li>
<span
class="ant-breadcrumb-link"
>
Light
</span>
<span
class="ant-breadcrumb-separator"
>
/
</span>
</li>
</ol>
</nav>
`;
exports[`ConfigProvider components Breadcrumb normal 1`] = `
<nav
class="ant-breadcrumb"
>
<ol>
<li>
<span
class="ant-breadcrumb-link"
>
Bamboo
</span>
<span
class="ant-breadcrumb-separator"
>
/
</span>
</li>
<li>
<span
class="ant-breadcrumb-link"
>
Light
</span>
<span
class="ant-breadcrumb-separator"
>
/
</span>
</li>
</ol>
</nav>
`;
exports[`ConfigProvider components Breadcrumb prefixCls 1`] = `
<nav
class="prefix-Breadcrumb"
>
<ol>
<li>
<span
class="prefix-Breadcrumb-link"
>
Bamboo
</span>
<span
class="prefix-Breadcrumb-separator"
>
/
</span>
</li>
<li>
<span
class="prefix-Breadcrumb-link"
>
Light
</span>
<span
class="prefix-Breadcrumb-separator"
>
/
</span>
</li>
</ol>
</nav>
`;
exports[`ConfigProvider components Button configProvider 1`] = `
<div>
<button
class="config-btn config-btn-default"
type="button"
>
<span>
Bamboo
</span>
</button>
<div
class="config-btn-group"
>
<button
class="config-btn config-btn-default"
type="button"
>
<span>
Little
</span>
</button>
<button
class="config-btn config-btn-default"
type="button"
>
<span>
Light
</span>
</button>
</div>
</div>
`;
exports[`ConfigProvider components Button configProvider componentDisabled 1`] = `
<div>
<button
class="config-btn config-btn-default"
disabled=""
type="button"
>
<span>
Bamboo
</span>
</button>
<div
class="config-btn-group"
>
<button
class="config-btn config-btn-default"
disabled=""
type="button"
>
<span>
Little
</span>
</button>
<button
class="config-btn config-btn-default"
disabled=""
type="button"
>
<span>
Light
</span>
</button>
</div>
</div>
`;
exports[`ConfigProvider components Button configProvider componentSize large 1`] = `
<div>
<button
class="config-btn config-btn-default config-btn-lg"
type="button"
>
<span>
Bamboo
</span>
</button>
<div
class="config-btn-group"
>
<button
class="config-btn config-btn-default config-btn-lg"
type="button"
>
<span>
Little
</span>
</button>
<button
class="config-btn config-btn-default config-btn-lg"
type="button"
>
<span>
Light
</span>
</button>
</div>
</div>
`;
exports[`ConfigProvider components Button configProvider componentSize middle 1`] = `
<div>
<button
class="config-btn config-btn-default"
type="button"
>
<span>
Bamboo
</span>
</button>
<div
class="config-btn-group"
>
<button
class="config-btn config-btn-default"
type="button"
>
<span>
Little
</span>
</button>
<button
class="config-btn config-btn-default"
type="button"
>
<span>
Light
</span>
</button>
</div>
</div>
`;
exports[`ConfigProvider components Button configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Bamboo
</span>
</button>
<div
class="ant-btn-group"
>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Little
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Light
</span>
</button>
</div>
</div>
`;
exports[`ConfigProvider components Button normal 1`] = `
<div>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Bamboo
</span>
</button>
<div
class="ant-btn-group"
>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Little
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Light
</span>
</button>
</div>
</div>
`;
exports[`ConfigProvider components Button prefixCls 1`] = `
<div>
<button
class="prefix-Button prefix-Button-default"
type="button"
>
<span>
Bamboo
</span>
</button>
<div
class="prefix-Button"
>
<button
class="prefix-Button prefix-Button-default"
type="button"
>
<span>
Little
</span>
</button>
<button
class="prefix-Button prefix-Button-default"
type="button"
>
<span>
Light
</span>
</button>
</div>
</div>
`;
exports[`ConfigProvider components Calendar configProvider 1`] = `
<div>
<div
class="config-picker-calendar config-picker-calendar-full"
>
<div
class="config-picker-calendar-header"
>
<div
class="config-select config-picker-calendar-year-select config-select-single config-select-show-arrow"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="2000"
>
2000
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-select config-picker-calendar-month-select config-select-single config-select-show-arrow"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="Sep"
>
Sep
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-radio-group config-radio-group-outline config-picker-calendar-mode-switch"
>
<label
class="config-radio-button-wrapper config-radio-button-wrapper-checked"
>
<span
class="config-radio-button config-radio-button-checked"
>
<input
checked=""
class="config-radio-button-input"
type="radio"
value="month"
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="config-radio-button-wrapper"
>
<span
class="config-radio-button"
>
<input
class="config-radio-button-input"
type="radio"
value="year"
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="config-picker-panel"
tabindex="0"
>
<div
class="config-picker-date-panel"
>
<div
class="config-picker-body"
>
<table
class="config-picker-content"
>
<thead>
<tr>
<th>
Su
</th>
<th>
Mo
</th>
<th>
Tu
</th>
<th>
We
</th>
<th>
Th
</th>
<th>
Fr
</th>
<th>
Sa
</th>
</tr>
</thead>
<tbody>
<tr>
<td
class="config-picker-cell"
title="2000-08-27"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
27
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-08-28"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
28
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-08-29"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
29
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-08-30"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
30
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-end"
title="2000-08-31"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
31
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-start config-picker-cell-in-view"
title="2000-09-01"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
01
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-02"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
02
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view config-picker-cell-selected"
title="2000-09-03"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
03
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-04"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
04
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-05"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
05
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-06"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
06
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-07"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
07
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-08"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
08
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-09"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
09
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-10"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
10
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-11"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
11
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-12"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
12
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-13"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
13
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-14"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
14
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-15"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
15
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-16"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
16
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-17"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
17
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-18"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
18
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-19"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
19
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-20"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
20
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-21"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
21
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-22"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
22
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-23"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
23
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-24"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
24
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-25"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
25
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-26"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
26
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-27"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
27
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-28"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
28
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-29"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
29
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-end config-picker-cell-in-view"
title="2000-09-30"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
30
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-start"
title="2000-10-01"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
01
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-02"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
02
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-03"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
03
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-04"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
04
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-05"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
05
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-06"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
06
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-07"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
07
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div
class="config-picker-calendar config-picker-calendar-full"
>
<div
class="config-picker-calendar-header"
>
<div
class="config-select config-picker-calendar-year-select config-select-single config-select-show-arrow"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="2000"
>
2000
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-radio-group config-radio-group-outline config-picker-calendar-mode-switch"
>
<label
class="config-radio-button-wrapper"
>
<span
class="config-radio-button"
>
<input
class="config-radio-button-input"
type="radio"
value="month"
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="config-radio-button-wrapper config-radio-button-wrapper-checked"
>
<span
class="config-radio-button config-radio-button-checked"
>
<input
checked=""
class="config-radio-button-input"
type="radio"
value="year"
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="config-picker-panel"
tabindex="0"
>
<div
class="config-picker-month-panel"
>
<div
class="config-picker-body"
>
<table
class="config-picker-content"
>
<tbody>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-01"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Jan
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-02"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Feb
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-03"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Mar
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-04"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Apr
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-05"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
May
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-06"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Jun
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-07"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Jul
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-08"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Aug
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view config-picker-cell-selected"
title="2000-09"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Sep
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-10"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Oct
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-11"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Nov
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-12"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Dec
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Calendar configProvider componentDisabled 1`] = `
<div>
<div
class="config-picker-calendar config-picker-calendar-full"
>
<div
class="config-picker-calendar-header"
>
<div
class="config-select config-picker-calendar-year-select config-select-single config-select-show-arrow config-select-disabled"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
disabled=""
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="2000"
>
2000
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-select config-picker-calendar-month-select config-select-single config-select-show-arrow config-select-disabled"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
disabled=""
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="Sep"
>
Sep
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-radio-group config-radio-group-outline config-picker-calendar-mode-switch"
>
<label
class="config-radio-button-wrapper config-radio-button-wrapper-checked config-radio-button-wrapper-disabled"
>
<span
class="config-radio-button config-radio-button-checked config-radio-button-disabled"
>
<input
checked=""
class="config-radio-button-input"
disabled=""
type="radio"
value="month"
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="config-radio-button-wrapper config-radio-button-wrapper-disabled"
>
<span
class="config-radio-button config-radio-button-disabled"
>
<input
class="config-radio-button-input"
disabled=""
type="radio"
value="year"
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="config-picker-panel"
tabindex="0"
>
<div
class="config-picker-date-panel"
>
<div
class="config-picker-body"
>
<table
class="config-picker-content"
>
<thead>
<tr>
<th>
Su
</th>
<th>
Mo
</th>
<th>
Tu
</th>
<th>
We
</th>
<th>
Th
</th>
<th>
Fr
</th>
<th>
Sa
</th>
</tr>
</thead>
<tbody>
<tr>
<td
class="config-picker-cell"
title="2000-08-27"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
27
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-08-28"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
28
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-08-29"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
29
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-08-30"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
30
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-end"
title="2000-08-31"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
31
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-start config-picker-cell-in-view"
title="2000-09-01"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
01
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-02"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
02
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view config-picker-cell-selected"
title="2000-09-03"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
03
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-04"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
04
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-05"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
05
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-06"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
06
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-07"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
07
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-08"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
08
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-09"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
09
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-10"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
10
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-11"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
11
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-12"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
12
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-13"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
13
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-14"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
14
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-15"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
15
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-16"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
16
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-17"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
17
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-18"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
18
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-19"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
19
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-20"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
20
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-21"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
21
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-22"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
22
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-23"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
23
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-24"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
24
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-25"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
25
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-26"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
26
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-27"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
27
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-28"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
28
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-29"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
29
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-end config-picker-cell-in-view"
title="2000-09-30"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
30
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-start"
title="2000-10-01"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
01
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-02"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
02
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-03"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
03
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-04"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
04
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-05"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
05
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-06"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
06
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-07"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
07
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div
class="config-picker-calendar config-picker-calendar-full"
>
<div
class="config-picker-calendar-header"
>
<div
class="config-select config-picker-calendar-year-select config-select-single config-select-show-arrow config-select-disabled"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
disabled=""
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="2000"
>
2000
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-radio-group config-radio-group-outline config-picker-calendar-mode-switch"
>
<label
class="config-radio-button-wrapper config-radio-button-wrapper-disabled"
>
<span
class="config-radio-button config-radio-button-disabled"
>
<input
class="config-radio-button-input"
disabled=""
type="radio"
value="month"
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="config-radio-button-wrapper config-radio-button-wrapper-checked config-radio-button-wrapper-disabled"
>
<span
class="config-radio-button config-radio-button-checked config-radio-button-disabled"
>
<input
checked=""
class="config-radio-button-input"
disabled=""
type="radio"
value="year"
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="config-picker-panel"
tabindex="0"
>
<div
class="config-picker-month-panel"
>
<div
class="config-picker-body"
>
<table
class="config-picker-content"
>
<tbody>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-01"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Jan
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-02"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Feb
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-03"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Mar
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-04"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Apr
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-05"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
May
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-06"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Jun
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-07"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Jul
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-08"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Aug
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view config-picker-cell-selected"
title="2000-09"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Sep
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-10"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Oct
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-11"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Nov
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-12"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Dec
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Calendar configProvider componentSize large 1`] = `
<div>
<div
class="config-picker-calendar config-picker-calendar-full"
>
<div
class="config-picker-calendar-header"
>
<div
class="config-select config-select-lg config-picker-calendar-year-select config-select-single config-select-show-arrow"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="2000"
>
2000
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-select config-select-lg config-picker-calendar-month-select config-select-single config-select-show-arrow"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="Sep"
>
Sep
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-radio-group config-radio-group-outline config-radio-group-large config-picker-calendar-mode-switch"
>
<label
class="config-radio-button-wrapper config-radio-button-wrapper-checked"
>
<span
class="config-radio-button config-radio-button-checked"
>
<input
checked=""
class="config-radio-button-input"
type="radio"
value="month"
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="config-radio-button-wrapper"
>
<span
class="config-radio-button"
>
<input
class="config-radio-button-input"
type="radio"
value="year"
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="config-picker-panel"
tabindex="0"
>
<div
class="config-picker-date-panel"
>
<div
class="config-picker-body"
>
<table
class="config-picker-content"
>
<thead>
<tr>
<th>
Su
</th>
<th>
Mo
</th>
<th>
Tu
</th>
<th>
We
</th>
<th>
Th
</th>
<th>
Fr
</th>
<th>
Sa
</th>
</tr>
</thead>
<tbody>
<tr>
<td
class="config-picker-cell"
title="2000-08-27"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
27
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-08-28"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
28
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-08-29"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
29
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-08-30"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
30
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-end"
title="2000-08-31"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
31
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-start config-picker-cell-in-view"
title="2000-09-01"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
01
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-02"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
02
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view config-picker-cell-selected"
title="2000-09-03"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
03
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-04"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
04
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-05"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
05
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-06"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
06
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-07"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
07
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-08"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
08
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-09"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
09
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-10"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
10
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-11"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
11
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-12"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
12
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-13"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
13
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-14"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
14
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-15"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
15
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-16"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
16
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-17"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
17
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-18"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
18
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-19"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
19
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-20"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
20
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-21"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
21
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-22"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
22
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-23"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
23
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-24"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
24
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-25"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
25
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-26"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
26
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-27"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
27
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-28"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
28
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-29"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
29
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-end config-picker-cell-in-view"
title="2000-09-30"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
30
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-start"
title="2000-10-01"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
01
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-02"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
02
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-03"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
03
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-04"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
04
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-05"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
05
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-06"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
06
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-07"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
07
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div
class="config-picker-calendar config-picker-calendar-full"
>
<div
class="config-picker-calendar-header"
>
<div
class="config-select config-select-lg config-picker-calendar-year-select config-select-single config-select-show-arrow"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="2000"
>
2000
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-radio-group config-radio-group-outline config-radio-group-large config-picker-calendar-mode-switch"
>
<label
class="config-radio-button-wrapper"
>
<span
class="config-radio-button"
>
<input
class="config-radio-button-input"
type="radio"
value="month"
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="config-radio-button-wrapper config-radio-button-wrapper-checked"
>
<span
class="config-radio-button config-radio-button-checked"
>
<input
checked=""
class="config-radio-button-input"
type="radio"
value="year"
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="config-picker-panel"
tabindex="0"
>
<div
class="config-picker-month-panel"
>
<div
class="config-picker-body"
>
<table
class="config-picker-content"
>
<tbody>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-01"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Jan
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-02"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Feb
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-03"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Mar
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-04"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Apr
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-05"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
May
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-06"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Jun
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-07"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Jul
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-08"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Aug
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view config-picker-cell-selected"
title="2000-09"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Sep
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-10"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Oct
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-11"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Nov
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-12"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Dec
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Calendar configProvider componentSize middle 1`] = `
<div>
<div
class="config-picker-calendar config-picker-calendar-full"
>
<div
class="config-picker-calendar-header"
>
<div
class="config-select config-picker-calendar-year-select config-select-single config-select-show-arrow"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="2000"
>
2000
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-select config-picker-calendar-month-select config-select-single config-select-show-arrow"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="Sep"
>
Sep
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-radio-group config-radio-group-outline config-radio-group-middle config-picker-calendar-mode-switch"
>
<label
class="config-radio-button-wrapper config-radio-button-wrapper-checked"
>
<span
class="config-radio-button config-radio-button-checked"
>
<input
checked=""
class="config-radio-button-input"
type="radio"
value="month"
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="config-radio-button-wrapper"
>
<span
class="config-radio-button"
>
<input
class="config-radio-button-input"
type="radio"
value="year"
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="config-picker-panel"
tabindex="0"
>
<div
class="config-picker-date-panel"
>
<div
class="config-picker-body"
>
<table
class="config-picker-content"
>
<thead>
<tr>
<th>
Su
</th>
<th>
Mo
</th>
<th>
Tu
</th>
<th>
We
</th>
<th>
Th
</th>
<th>
Fr
</th>
<th>
Sa
</th>
</tr>
</thead>
<tbody>
<tr>
<td
class="config-picker-cell"
title="2000-08-27"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
27
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-08-28"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
28
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-08-29"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
29
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-08-30"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
30
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-end"
title="2000-08-31"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
31
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-start config-picker-cell-in-view"
title="2000-09-01"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
01
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-02"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
02
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view config-picker-cell-selected"
title="2000-09-03"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
03
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-04"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
04
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-05"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
05
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-06"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
06
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-07"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
07
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-08"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
08
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-09"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
09
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-10"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
10
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-11"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
11
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-12"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
12
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-13"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
13
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-14"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
14
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-15"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
15
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-16"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
16
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-17"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
17
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-18"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
18
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-19"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
19
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-20"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
20
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-21"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
21
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-22"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
22
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-23"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
23
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-24"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
24
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-25"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
25
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-26"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
26
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-27"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
27
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-28"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
28
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-09-29"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
29
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-end config-picker-cell-in-view"
title="2000-09-30"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
30
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-start"
title="2000-10-01"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
01
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-02"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
02
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-03"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
03
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-04"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
04
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-05"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
05
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-06"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
06
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell"
title="2000-10-07"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
07
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div
class="config-picker-calendar config-picker-calendar-full"
>
<div
class="config-picker-calendar-header"
>
<div
class="config-select config-picker-calendar-year-select config-select-single config-select-show-arrow"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="2000"
>
2000
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-radio-group config-radio-group-outline config-radio-group-middle config-picker-calendar-mode-switch"
>
<label
class="config-radio-button-wrapper"
>
<span
class="config-radio-button"
>
<input
class="config-radio-button-input"
type="radio"
value="month"
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="config-radio-button-wrapper config-radio-button-wrapper-checked"
>
<span
class="config-radio-button config-radio-button-checked"
>
<input
checked=""
class="config-radio-button-input"
type="radio"
value="year"
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="config-picker-panel"
tabindex="0"
>
<div
class="config-picker-month-panel"
>
<div
class="config-picker-body"
>
<table
class="config-picker-content"
>
<tbody>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-01"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Jan
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-02"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Feb
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-03"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Mar
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-04"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Apr
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-05"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
May
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-06"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Jun
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-07"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Jul
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-08"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Aug
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view config-picker-cell-selected"
title="2000-09"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Sep
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-10"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Oct
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-11"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Nov
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
<td
class="config-picker-cell config-picker-cell-in-view"
title="2000-12"
>
<div
class="config-picker-cell-inner config-picker-calendar-date"
>
<div
class="config-picker-calendar-date-value"
>
Dec
</div>
<div
class="config-picker-calendar-date-content"
/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Calendar configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
<div
class="ant-picker-calendar ant-picker-calendar-full"
>
<div
class="ant-picker-calendar-header"
>
<div
class="ant-select ant-picker-calendar-year-select ant-select-single ant-select-show-arrow"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="2000"
>
2000
</span>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-select ant-picker-calendar-month-select ant-select-single ant-select-show-arrow"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="Sep"
>
Sep
</span>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-radio-group ant-radio-group-outline ant-picker-calendar-mode-switch"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="month"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="year"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="ant-picker-panel"
tabindex="0"
>
<div
class="ant-picker-date-panel"
>
<div
class="ant-picker-body"
>
<table
class="ant-picker-content"
>
<thead>
<tr>
<th>
Su
</th>
<th>
Mo
</th>
<th>
Tu
</th>
<th>
We
</th>
<th>
Th
</th>
<th>
Fr
</th>
<th>
Sa
</th>
</tr>
</thead>
<tbody>
<tr>
<td
class="ant-picker-cell"
title="2000-08-27"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
27
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-08-28"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
28
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-08-29"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
29
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-08-30"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
30
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-end"
title="2000-08-31"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
31
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-start ant-picker-cell-in-view"
title="2000-09-01"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
01
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-02"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
02
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-selected"
title="2000-09-03"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
03
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-04"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
04
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-05"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
05
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-06"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
06
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-07"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
07
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-08"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
08
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-09"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
09
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-10"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
10
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-11"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
11
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-12"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
12
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-13"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
13
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-14"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
14
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-15"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
15
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-16"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
16
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-17"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
17
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-18"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
18
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-19"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
19
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-20"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
20
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-21"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
21
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-22"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
22
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-23"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
23
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-24"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
24
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-25"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
25
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-26"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
26
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-27"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
27
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-28"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
28
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-29"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
29
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-end ant-picker-cell-in-view"
title="2000-09-30"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
30
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-start"
title="2000-10-01"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
01
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-10-02"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
02
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-10-03"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
03
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-10-04"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
04
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-10-05"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
05
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-10-06"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
06
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-10-07"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
07
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div
class="ant-picker-calendar ant-picker-calendar-full"
>
<div
class="ant-picker-calendar-header"
>
<div
class="ant-select ant-picker-calendar-year-select ant-select-single ant-select-show-arrow"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="2000"
>
2000
</span>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-radio-group ant-radio-group-outline ant-picker-calendar-mode-switch"
>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="month"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="year"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="ant-picker-panel"
tabindex="0"
>
<div
class="ant-picker-month-panel"
>
<div
class="ant-picker-body"
>
<table
class="ant-picker-content"
>
<tbody>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-01"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Jan
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-02"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Feb
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-03"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Mar
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-04"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Apr
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-05"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
May
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-06"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Jun
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-07"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Jul
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-08"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Aug
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-selected"
title="2000-09"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Sep
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-10"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Oct
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-11"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Nov
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-12"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Dec
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Calendar normal 1`] = `
<div>
<div
class="ant-picker-calendar ant-picker-calendar-full"
>
<div
class="ant-picker-calendar-header"
>
<div
class="ant-select ant-picker-calendar-year-select ant-select-single ant-select-show-arrow"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="2000"
>
2000
</span>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-select ant-picker-calendar-month-select ant-select-single ant-select-show-arrow"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="Sep"
>
Sep
</span>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-radio-group ant-radio-group-outline ant-picker-calendar-mode-switch"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="month"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="year"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="ant-picker-panel"
tabindex="0"
>
<div
class="ant-picker-date-panel"
>
<div
class="ant-picker-body"
>
<table
class="ant-picker-content"
>
<thead>
<tr>
<th>
Su
</th>
<th>
Mo
</th>
<th>
Tu
</th>
<th>
We
</th>
<th>
Th
</th>
<th>
Fr
</th>
<th>
Sa
</th>
</tr>
</thead>
<tbody>
<tr>
<td
class="ant-picker-cell"
title="2000-08-27"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
27
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-08-28"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
28
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-08-29"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
29
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-08-30"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
30
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-end"
title="2000-08-31"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
31
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-start ant-picker-cell-in-view"
title="2000-09-01"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
01
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-02"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
02
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-selected"
title="2000-09-03"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
03
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-04"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
04
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-05"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
05
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-06"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
06
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-07"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
07
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-08"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
08
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-09"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
09
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-10"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
10
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-11"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
11
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-12"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
12
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-13"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
13
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-14"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
14
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-15"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
15
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-16"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
16
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-17"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
17
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-18"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
18
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-19"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
19
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-20"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
20
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-21"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
21
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-22"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
22
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-23"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
23
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-24"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
24
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-25"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
25
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-26"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
26
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-27"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
27
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-28"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
28
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-09-29"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
29
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-end ant-picker-cell-in-view"
title="2000-09-30"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
30
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-start"
title="2000-10-01"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
01
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-10-02"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
02
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-10-03"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
03
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-10-04"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
04
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-10-05"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
05
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-10-06"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
06
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell"
title="2000-10-07"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
07
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div
class="ant-picker-calendar ant-picker-calendar-full"
>
<div
class="ant-picker-calendar-header"
>
<div
class="ant-select ant-picker-calendar-year-select ant-select-single ant-select-show-arrow"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="2000"
>
2000
</span>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-radio-group ant-radio-group-outline ant-picker-calendar-mode-switch"
>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="month"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="year"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="ant-picker-panel"
tabindex="0"
>
<div
class="ant-picker-month-panel"
>
<div
class="ant-picker-body"
>
<table
class="ant-picker-content"
>
<tbody>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-01"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Jan
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-02"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Feb
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-03"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Mar
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-04"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Apr
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-05"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
May
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-06"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Jun
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-07"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Jul
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-08"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Aug
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-selected"
title="2000-09"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Sep
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-10"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Oct
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-11"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Nov
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
<td
class="ant-picker-cell ant-picker-cell-in-view"
title="2000-12"
>
<div
class="ant-picker-cell-inner ant-picker-calendar-date"
>
<div
class="ant-picker-calendar-date-value"
>
Dec
</div>
<div
class="ant-picker-calendar-date-content"
/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Calendar prefixCls 1`] = `
<div>
<div
class="prefix-Calendar-calendar prefix-Calendar-calendar-full"
>
<div
class="prefix-Calendar-calendar-header"
>
<div
class="ant-select prefix-Calendar-calendar-year-select ant-select-single ant-select-show-arrow"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="2000"
>
2000
</span>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-select prefix-Calendar-calendar-month-select ant-select-single ant-select-show-arrow"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="Sep"
>
Sep
</span>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-radio-group ant-radio-group-outline prefix-Calendar-calendar-mode-switch"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="month"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="year"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="prefix-Calendar-panel"
tabindex="0"
>
<div
class="prefix-Calendar-date-panel"
>
<div
class="prefix-Calendar-body"
>
<table
class="prefix-Calendar-content"
>
<thead>
<tr>
<th>
Su
</th>
<th>
Mo
</th>
<th>
Tu
</th>
<th>
We
</th>
<th>
Th
</th>
<th>
Fr
</th>
<th>
Sa
</th>
</tr>
</thead>
<tbody>
<tr>
<td
class="prefix-Calendar-cell"
title="2000-08-27"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
27
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell"
title="2000-08-28"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
28
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell"
title="2000-08-29"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
29
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell"
title="2000-08-30"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
30
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-end"
title="2000-08-31"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
31
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-start prefix-Calendar-cell-in-view"
title="2000-09-01"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
01
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-02"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
02
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view prefix-Calendar-cell-selected"
title="2000-09-03"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
03
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-04"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
04
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-05"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
05
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-06"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
06
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-07"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
07
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-08"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
08
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-09"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
09
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-10"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
10
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-11"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
11
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-12"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
12
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-13"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
13
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-14"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
14
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-15"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
15
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-16"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
16
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-17"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
17
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-18"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
18
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-19"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
19
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-20"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
20
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-21"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
21
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-22"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
22
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-23"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
23
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-24"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
24
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-25"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
25
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-26"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
26
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-27"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
27
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-28"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
28
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-09-29"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
29
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-end prefix-Calendar-cell-in-view"
title="2000-09-30"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
30
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-start"
title="2000-10-01"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
01
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell"
title="2000-10-02"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
02
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell"
title="2000-10-03"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
03
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell"
title="2000-10-04"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
04
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell"
title="2000-10-05"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
05
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell"
title="2000-10-06"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
06
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell"
title="2000-10-07"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
07
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div
class="prefix-Calendar-calendar prefix-Calendar-calendar-full"
>
<div
class="prefix-Calendar-calendar-header"
>
<div
class="ant-select prefix-Calendar-calendar-year-select ant-select-single ant-select-show-arrow"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="2000"
>
2000
</span>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-radio-group ant-radio-group-outline prefix-Calendar-calendar-mode-switch"
>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="month"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="year"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="prefix-Calendar-panel"
tabindex="0"
>
<div
class="prefix-Calendar-month-panel"
>
<div
class="prefix-Calendar-body"
>
<table
class="prefix-Calendar-content"
>
<tbody>
<tr>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-01"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
Jan
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-02"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
Feb
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-03"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
Mar
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-04"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
Apr
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-05"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
May
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-06"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
Jun
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-07"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
Jul
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-08"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
Aug
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view prefix-Calendar-cell-selected"
title="2000-09"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
Sep
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
</tr>
<tr>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-10"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
Oct
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-11"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
Nov
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
<td
class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
title="2000-12"
>
<div
class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
>
<div
class="prefix-Calendar-calendar-date-value"
>
Dec
</div>
<div
class="prefix-Calendar-calendar-date-content"
/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Card configProvider 1`] = `
<div
class="config-card config-card-bordered config-card-contain-grid"
>
<div
class="config-card-body"
>
<div
class="config-card-grid config-card-grid-hoverable"
>
<div
class="config-card-meta"
/>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Card configProvider componentDisabled 1`] = `
<div
class="config-card config-card-bordered config-card-contain-grid"
>
<div
class="config-card-body"
>
<div
class="config-card-grid config-card-grid-hoverable"
>
<div
class="config-card-meta"
/>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Card configProvider componentSize large 1`] = `
<div
class="config-card config-card-bordered config-card-contain-grid config-card-large"
>
<div
class="config-card-body"
>
<div
class="config-card-grid config-card-grid-hoverable"
>
<div
class="config-card-meta"
/>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Card configProvider componentSize middle 1`] = `
<div
class="config-card config-card-bordered config-card-contain-grid config-card-middle"
>
<div
class="config-card-body"
>
<div
class="config-card-grid config-card-grid-hoverable"
>
<div
class="config-card-meta"
/>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Card configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-card ant-card-bordered ant-card-contain-grid"
>
<div
class="ant-card-body"
>
<div
class="ant-card-grid ant-card-grid-hoverable"
>
<div
class="ant-card-meta"
/>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Card normal 1`] = `
<div
class="ant-card ant-card-bordered ant-card-contain-grid"
>
<div
class="ant-card-body"
>
<div
class="ant-card-grid ant-card-grid-hoverable"
>
<div
class="ant-card-meta"
/>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Card prefixCls 1`] = `
<div
class="prefix-Card prefix-Card-bordered prefix-Card-contain-grid"
>
<div
class="prefix-Card-body"
>
<div
class="prefix-Card-grid prefix-Card-grid-hoverable"
>
<div
class="prefix-Card-meta"
/>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Carousel configProvider 1`] = `
<div
class="config-carousel"
>
<div
class="slick-slider slick-initialized"
dir="ltr"
>
<div
class="slick-list"
>
<div
class="slick-track"
style="opacity: 1; transform: translate3d(0px, 0px, 0px);"
>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="-1"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
<div
aria-hidden="false"
class="slick-slide slick-active slick-current"
data-index="0"
style="outline: none; width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Bamboo
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide"
data-index="1"
style="outline: none; width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="2"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Bamboo
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="3"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
</div>
</div>
<ul
class="slick-dots slick-dots-bottom"
style="display: block;"
>
<li
class="slick-active"
>
<button>
1
</button>
</li>
<li
class=""
>
<button>
2
</button>
</li>
</ul>
</div>
</div>
`;
exports[`ConfigProvider components Carousel configProvider componentDisabled 1`] = `
<div
class="config-carousel"
>
<div
class="slick-slider slick-initialized"
dir="ltr"
>
<div
class="slick-list"
>
<div
class="slick-track"
style="opacity: 1; transform: translate3d(0px, 0px, 0px);"
>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="-1"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
<div
aria-hidden="false"
class="slick-slide slick-active slick-current"
data-index="0"
style="outline: none; width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Bamboo
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide"
data-index="1"
style="outline: none; width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="2"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Bamboo
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="3"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
</div>
</div>
<ul
class="slick-dots slick-dots-bottom"
style="display: block;"
>
<li
class="slick-active"
>
<button>
1
</button>
</li>
<li
class=""
>
<button>
2
</button>
</li>
</ul>
</div>
</div>
`;
exports[`ConfigProvider components Carousel configProvider componentSize large 1`] = `
<div
class="config-carousel"
>
<div
class="slick-slider slick-initialized"
dir="ltr"
>
<div
class="slick-list"
>
<div
class="slick-track"
style="opacity: 1; transform: translate3d(0px, 0px, 0px);"
>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="-1"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
<div
aria-hidden="false"
class="slick-slide slick-active slick-current"
data-index="0"
style="outline: none; width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Bamboo
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide"
data-index="1"
style="outline: none; width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="2"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Bamboo
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="3"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
</div>
</div>
<ul
class="slick-dots slick-dots-bottom"
style="display: block;"
>
<li
class="slick-active"
>
<button>
1
</button>
</li>
<li
class=""
>
<button>
2
</button>
</li>
</ul>
</div>
</div>
`;
exports[`ConfigProvider components Carousel configProvider componentSize middle 1`] = `
<div
class="config-carousel"
>
<div
class="slick-slider slick-initialized"
dir="ltr"
>
<div
class="slick-list"
>
<div
class="slick-track"
style="opacity: 1; transform: translate3d(0px, 0px, 0px);"
>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="-1"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
<div
aria-hidden="false"
class="slick-slide slick-active slick-current"
data-index="0"
style="outline: none; width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Bamboo
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide"
data-index="1"
style="outline: none; width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="2"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Bamboo
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="3"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
</div>
</div>
<ul
class="slick-dots slick-dots-bottom"
style="display: block;"
>
<li
class="slick-active"
>
<button>
1
</button>
</li>
<li
class=""
>
<button>
2
</button>
</li>
</ul>
</div>
</div>
`;
exports[`ConfigProvider components Carousel configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-carousel"
>
<div
class="slick-slider slick-initialized"
dir="ltr"
>
<div
class="slick-list"
>
<div
class="slick-track"
style="opacity: 1; transform: translate3d(0px, 0px, 0px);"
>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="-1"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
<div
aria-hidden="false"
class="slick-slide slick-active slick-current"
data-index="0"
style="outline: none; width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Bamboo
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide"
data-index="1"
style="outline: none; width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="2"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Bamboo
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="3"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
</div>
</div>
<ul
class="slick-dots slick-dots-bottom"
style="display: block;"
>
<li
class="slick-active"
>
<button>
1
</button>
</li>
<li
class=""
>
<button>
2
</button>
</li>
</ul>
</div>
</div>
`;
exports[`ConfigProvider components Carousel normal 1`] = `
<div
class="ant-carousel"
>
<div
class="slick-slider slick-initialized"
dir="ltr"
>
<div
class="slick-list"
>
<div
class="slick-track"
style="opacity: 1; transform: translate3d(0px, 0px, 0px);"
>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="-1"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
<div
aria-hidden="false"
class="slick-slide slick-active slick-current"
data-index="0"
style="outline: none; width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Bamboo
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide"
data-index="1"
style="outline: none; width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="2"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Bamboo
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="3"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
</div>
</div>
<ul
class="slick-dots slick-dots-bottom"
style="display: block;"
>
<li
class="slick-active"
>
<button>
1
</button>
</li>
<li
class=""
>
<button>
2
</button>
</li>
</ul>
</div>
</div>
`;
exports[`ConfigProvider components Carousel prefixCls 1`] = `
<div
class="prefix-Carousel"
>
<div
class="slick-slider slick-initialized"
dir="ltr"
>
<div
class="slick-list"
>
<div
class="slick-track"
style="opacity: 1; transform: translate3d(0px, 0px, 0px);"
>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="-1"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
<div
aria-hidden="false"
class="slick-slide slick-active slick-current"
data-index="0"
style="outline: none; width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Bamboo
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide"
data-index="1"
style="outline: none; width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="2"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Bamboo
</h3>
</div>
</div>
</div>
<div
aria-hidden="true"
class="slick-slide slick-cloned"
data-index="3"
style="width: 0px;"
tabindex="-1"
>
<div>
<div
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<h3>
Light
</h3>
</div>
</div>
</div>
</div>
</div>
<ul
class="slick-dots slick-dots-bottom"
style="display: block;"
>
<li
class="slick-active"
>
<button>
1
</button>
</li>
<li
class=""
>
<button>
2
</button>
</li>
</ul>
</div>
</div>
`;
exports[`ConfigProvider components Cascader configProvider 1`] = `
<div
class="config-select config-cascader config-select-single config-select-allow-clear config-select-show-arrow config-select-show-search"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="config-select-selection-placeholder"
/>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components Cascader configProvider componentDisabled 1`] = `
<div
class="config-select config-cascader config-select-single config-select-allow-clear config-select-show-arrow config-select-disabled config-select-show-search"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
disabled=""
id="rc_select_TEST_OR_SSR"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="config-select-selection-placeholder"
/>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components Cascader configProvider componentSize large 1`] = `
<div
class="config-select config-cascader config-select-lg config-select-single config-select-allow-clear config-select-show-arrow config-select-show-search"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="config-select-selection-placeholder"
/>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components Cascader configProvider componentSize middle 1`] = `
<div
class="config-select config-cascader config-select-single config-select-allow-clear config-select-show-arrow config-select-show-search"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="config-select-selection-placeholder"
/>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components Cascader configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="ant-select-selection-placeholder"
/>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components Cascader normal 1`] = `
<div
class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="ant-select-selection-placeholder"
/>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components Cascader prefixCls 1`] = `
<div
class="prefix-Cascader prefix-Cascader-single prefix-Cascader-allow-clear prefix-Cascader-show-arrow prefix-Cascader-show-search"
>
<div
class="prefix-Cascader-selector"
>
<span
class="prefix-Cascader-selection-search"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="prefix-Cascader-selection-search-input"
id="rc_select_TEST_OR_SSR"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="prefix-Cascader-selection-placeholder"
/>
</div>
<span
aria-hidden="true"
class="prefix-Cascader-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down prefix-Cascader-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components Checkbox configProvider 1`] = `
<div
class="config-checkbox-group"
>
<label
class="config-checkbox-wrapper"
>
<span
class="config-checkbox"
>
<input
class="config-checkbox-input"
type="checkbox"
value=""
/>
<span
class="config-checkbox-inner"
/>
</span>
<span>
Bamboo
</span>
</label>
</div>
`;
exports[`ConfigProvider components Checkbox configProvider componentDisabled 1`] = `
<div
class="config-checkbox-group"
>
<label
class="config-checkbox-wrapper config-checkbox-wrapper-disabled"
>
<span
class="config-checkbox config-checkbox-disabled"
>
<input
class="config-checkbox-input"
disabled=""
type="checkbox"
value=""
/>
<span
class="config-checkbox-inner"
/>
</span>
<span>
Bamboo
</span>
</label>
</div>
`;
exports[`ConfigProvider components Checkbox configProvider componentSize large 1`] = `
<div
class="config-checkbox-group"
>
<label
class="config-checkbox-wrapper"
>
<span
class="config-checkbox"
>
<input
class="config-checkbox-input"
type="checkbox"
value=""
/>
<span
class="config-checkbox-inner"
/>
</span>
<span>
Bamboo
</span>
</label>
</div>
`;
exports[`ConfigProvider components Checkbox configProvider componentSize middle 1`] = `
<div
class="config-checkbox-group"
>
<label
class="config-checkbox-wrapper"
>
<span
class="config-checkbox"
>
<input
class="config-checkbox-input"
type="checkbox"
value=""
/>
<span
class="config-checkbox-inner"
/>
</span>
<span>
Bamboo
</span>
</label>
</div>
`;
exports[`ConfigProvider components Checkbox configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-checkbox-group"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Bamboo
</span>
</label>
</div>
`;
exports[`ConfigProvider components Checkbox normal 1`] = `
<div
class="ant-checkbox-group"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
/>
</span>
<span>
Bamboo
</span>
</label>
</div>
`;
exports[`ConfigProvider components Checkbox prefixCls 1`] = `
<div
class="prefix-Checkbox-group"
>
<label
class="prefix-Checkbox-wrapper"
>
<span
class="prefix-Checkbox"
>
<input
class="prefix-Checkbox-input"
type="checkbox"
value=""
/>
<span
class="prefix-Checkbox-inner"
/>
</span>
<span>
Bamboo
</span>
</label>
</div>
`;
exports[`ConfigProvider components Collapse configProvider 1`] = `
<div
class="config-collapse config-collapse-icon-position-start"
>
<div
class="config-collapse-item"
>
<div
aria-disabled="false"
aria-expanded="false"
class="config-collapse-header"
role="button"
tabindex="0"
>
<div
class="config-collapse-expand-icon"
>
<span
aria-label="right"
class="anticon anticon-right config-collapse-arrow"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</div>
<span
class="config-collapse-header-text"
>
Bamboo
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Collapse configProvider componentDisabled 1`] = `
<div
class="config-collapse config-collapse-icon-position-start"
>
<div
class="config-collapse-item"
>
<div
aria-disabled="false"
aria-expanded="false"
class="config-collapse-header"
role="button"
tabindex="0"
>
<div
class="config-collapse-expand-icon"
>
<span
aria-label="right"
class="anticon anticon-right config-collapse-arrow"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</div>
<span
class="config-collapse-header-text"
>
Bamboo
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Collapse configProvider componentSize large 1`] = `
<div
class="config-collapse config-collapse-icon-position-start"
>
<div
class="config-collapse-item"
>
<div
aria-disabled="false"
aria-expanded="false"
class="config-collapse-header"
role="button"
tabindex="0"
>
<div
class="config-collapse-expand-icon"
>
<span
aria-label="right"
class="anticon anticon-right config-collapse-arrow"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</div>
<span
class="config-collapse-header-text"
>
Bamboo
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Collapse configProvider componentSize middle 1`] = `
<div
class="config-collapse config-collapse-icon-position-start"
>
<div
class="config-collapse-item"
>
<div
aria-disabled="false"
aria-expanded="false"
class="config-collapse-header"
role="button"
tabindex="0"
>
<div
class="config-collapse-expand-icon"
>
<span
aria-label="right"
class="anticon anticon-right config-collapse-arrow"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</div>
<span
class="config-collapse-header-text"
>
Bamboo
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Collapse configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-collapse ant-collapse-icon-position-start"
>
<div
class="ant-collapse-item"
>
<div
aria-disabled="false"
aria-expanded="false"
class="ant-collapse-header"
role="button"
tabindex="0"
>
<div
class="ant-collapse-expand-icon"
>
<span
aria-label="right"
class="anticon anticon-right ant-collapse-arrow"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</div>
<span
class="ant-collapse-header-text"
>
Bamboo
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Collapse normal 1`] = `
<div
class="ant-collapse ant-collapse-icon-position-start"
>
<div
class="ant-collapse-item"
>
<div
aria-disabled="false"
aria-expanded="false"
class="ant-collapse-header"
role="button"
tabindex="0"
>
<div
class="ant-collapse-expand-icon"
>
<span
aria-label="right"
class="anticon anticon-right ant-collapse-arrow"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</div>
<span
class="ant-collapse-header-text"
>
Bamboo
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Collapse prefixCls 1`] = `
<div
class="prefix-Collapse prefix-Collapse-icon-position-start"
>
<div
class="prefix-Collapse-item"
>
<div
aria-disabled="false"
aria-expanded="false"
class="prefix-Collapse-header"
role="button"
tabindex="0"
>
<div
class="prefix-Collapse-expand-icon"
>
<span
aria-label="right"
class="anticon anticon-right prefix-Collapse-arrow"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</div>
<span
class="prefix-Collapse-header-text"
>
Bamboo
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Comment configProvider 1`] = `
<div
class="config-comment"
>
<div
class="config-comment-inner"
>
<div
class="config-comment-content"
>
<div
class="config-comment-content-detail"
>
Bamboo
</div>
</div>
</div>
<div
class="config-comment-nested"
>
<div
class="config-comment"
>
<div
class="config-comment-inner"
>
<div
class="config-comment-content"
>
<div
class="config-comment-content-detail"
>
Light
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Comment configProvider componentDisabled 1`] = `
<div
class="config-comment"
>
<div
class="config-comment-inner"
>
<div
class="config-comment-content"
>
<div
class="config-comment-content-detail"
>
Bamboo
</div>
</div>
</div>
<div
class="config-comment-nested"
>
<div
class="config-comment"
>
<div
class="config-comment-inner"
>
<div
class="config-comment-content"
>
<div
class="config-comment-content-detail"
>
Light
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Comment configProvider componentSize large 1`] = `
<div
class="config-comment"
>
<div
class="config-comment-inner"
>
<div
class="config-comment-content"
>
<div
class="config-comment-content-detail"
>
Bamboo
</div>
</div>
</div>
<div
class="config-comment-nested"
>
<div
class="config-comment"
>
<div
class="config-comment-inner"
>
<div
class="config-comment-content"
>
<div
class="config-comment-content-detail"
>
Light
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Comment configProvider componentSize middle 1`] = `
<div
class="config-comment"
>
<div
class="config-comment-inner"
>
<div
class="config-comment-content"
>
<div
class="config-comment-content-detail"
>
Bamboo
</div>
</div>
</div>
<div
class="config-comment-nested"
>
<div
class="config-comment"
>
<div
class="config-comment-inner"
>
<div
class="config-comment-content"
>
<div
class="config-comment-content-detail"
>
Light
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Comment configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-comment"
>
<div
class="ant-comment-inner"
>
<div
class="ant-comment-content"
>
<div
class="ant-comment-content-detail"
>
Bamboo
</div>
</div>
</div>
<div
class="ant-comment-nested"
>
<div
class="ant-comment"
>
<div
class="ant-comment-inner"
>
<div
class="ant-comment-content"
>
<div
class="ant-comment-content-detail"
>
Light
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Comment normal 1`] = `
<div
class="ant-comment"
>
<div
class="ant-comment-inner"
>
<div
class="ant-comment-content"
>
<div
class="ant-comment-content-detail"
>
Bamboo
</div>
</div>
</div>
<div
class="ant-comment-nested"
>
<div
class="ant-comment"
>
<div
class="ant-comment-inner"
>
<div
class="ant-comment-content"
>
<div
class="ant-comment-content-detail"
>
Light
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Comment prefixCls 1`] = `
<div
class="prefix-Comment"
>
<div
class="prefix-Comment-inner"
>
<div
class="prefix-Comment-content"
>
<div
class="prefix-Comment-content-detail"
>
Bamboo
</div>
</div>
</div>
<div
class="prefix-Comment-nested"
>
<div
class="prefix-Comment"
>
<div
class="prefix-Comment-inner"
>
<div
class="prefix-Comment-content"
>
<div
class="prefix-Comment-content-detail"
>
Light
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker DatePicker configProvider 1`] = `
<div>
<div
class="config-picker"
>
<div
class="config-picker-input"
>
<input
autocomplete="off"
placeholder="Select date"
readonly=""
size="12"
title=""
value=""
/>
<span
class="config-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker DatePicker configProvider componentDisabled 1`] = `
<div>
<div
class="config-picker config-picker-disabled"
>
<div
class="config-picker-input"
>
<input
autocomplete="off"
disabled=""
placeholder="Select date"
readonly=""
size="12"
title=""
value=""
/>
<span
class="config-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker DatePicker configProvider componentSize large 1`] = `
<div>
<div
class="config-picker config-picker-large"
>
<div
class="config-picker-input"
>
<input
autocomplete="off"
placeholder="Select date"
readonly=""
size="12"
title=""
value=""
/>
<span
class="config-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker DatePicker configProvider componentSize middle 1`] = `
<div>
<div
class="config-picker config-picker-middle"
>
<div
class="config-picker-input"
>
<input
autocomplete="off"
placeholder="Select date"
readonly=""
size="12"
title=""
value=""
/>
<span
class="config-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker DatePicker configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select date"
readonly=""
size="12"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker DatePicker normal 1`] = `
<div>
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select date"
readonly=""
size="12"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker DatePicker prefixCls 1`] = `
<div>
<div
class="prefix-DatePicker"
>
<div
class="prefix-DatePicker-input"
>
<input
autocomplete="off"
placeholder="Select date"
readonly=""
size="12"
title=""
value=""
/>
<span
class="prefix-DatePicker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker MonthPicker configProvider 1`] = `
<div>
<div
class="config-picker"
>
<div
class="config-picker-input"
>
<input
autocomplete="off"
placeholder="Select month"
readonly=""
size="12"
title=""
value=""
/>
<span
class="config-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker MonthPicker configProvider componentDisabled 1`] = `
<div>
<div
class="config-picker config-picker-disabled"
>
<div
class="config-picker-input"
>
<input
autocomplete="off"
disabled=""
placeholder="Select month"
readonly=""
size="12"
title=""
value=""
/>
<span
class="config-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker MonthPicker configProvider componentSize large 1`] = `
<div>
<div
class="config-picker config-picker-large"
>
<div
class="config-picker-input"
>
<input
autocomplete="off"
placeholder="Select month"
readonly=""
size="12"
title=""
value=""
/>
<span
class="config-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker MonthPicker configProvider componentSize middle 1`] = `
<div>
<div
class="config-picker config-picker-middle"
>
<div
class="config-picker-input"
>
<input
autocomplete="off"
placeholder="Select month"
readonly=""
size="12"
title=""
value=""
/>
<span
class="config-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker MonthPicker configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select month"
readonly=""
size="12"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker MonthPicker normal 1`] = `
<div>
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select month"
readonly=""
size="12"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker MonthPicker prefixCls 1`] = `
<div>
<div
class="prefix-MonthPicker"
>
<div
class="prefix-MonthPicker-input"
>
<input
autocomplete="off"
placeholder="Select month"
readonly=""
size="12"
title=""
value=""
/>
<span
class="prefix-MonthPicker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker RangePicker configProvider 1`] = `
<div>
<div
class="config-picker config-picker-range"
>
<div
class="config-picker-input config-picker-input-active"
>
<input
autocomplete="off"
placeholder="Start date"
readonly=""
size="12"
value=""
/>
</div>
<div
class="config-picker-range-separator"
>
<span
aria-label="to"
class="config-picker-separator"
>
<span
aria-label="swap-right"
class="anticon anticon-swap-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="swap-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-picker-input"
>
<input
autocomplete="off"
placeholder="End date"
readonly=""
size="12"
value=""
/>
</div>
<div
class="config-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
/>
<span
class="config-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker RangePicker configProvider componentDisabled 1`] = `
<div>
<div
class="config-picker config-picker-range config-picker-disabled"
>
<div
class="config-picker-input config-picker-input-active"
>
<input
autocomplete="off"
disabled=""
placeholder="Start date"
readonly=""
size="12"
value=""
/>
</div>
<div
class="config-picker-range-separator"
>
<span
aria-label="to"
class="config-picker-separator"
>
<span
aria-label="swap-right"
class="anticon anticon-swap-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="swap-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-picker-input"
>
<input
autocomplete="off"
disabled=""
placeholder="End date"
readonly=""
size="12"
value=""
/>
</div>
<div
class="config-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
/>
<span
class="config-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker RangePicker configProvider componentSize large 1`] = `
<div>
<div
class="config-picker config-picker-range config-picker-large"
>
<div
class="config-picker-input config-picker-input-active"
>
<input
autocomplete="off"
placeholder="Start date"
readonly=""
size="12"
value=""
/>
</div>
<div
class="config-picker-range-separator"
>
<span
aria-label="to"
class="config-picker-separator"
>
<span
aria-label="swap-right"
class="anticon anticon-swap-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="swap-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-picker-input"
>
<input
autocomplete="off"
placeholder="End date"
readonly=""
size="12"
value=""
/>
</div>
<div
class="config-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
/>
<span
class="config-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker RangePicker configProvider componentSize middle 1`] = `
<div>
<div
class="config-picker config-picker-range config-picker-middle"
>
<div
class="config-picker-input config-picker-input-active"
>
<input
autocomplete="off"
placeholder="Start date"
readonly=""
size="12"
value=""
/>
</div>
<div
class="config-picker-range-separator"
>
<span
aria-label="to"
class="config-picker-separator"
>
<span
aria-label="swap-right"
class="anticon anticon-swap-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="swap-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-picker-input"
>
<input
autocomplete="off"
placeholder="End date"
readonly=""
size="12"
value=""
/>
</div>
<div
class="config-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
/>
<span
class="config-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker RangePicker configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
<div
class="ant-picker ant-picker-range"
>
<div
class="ant-picker-input ant-picker-input-active"
>
<input
autocomplete="off"
placeholder="Start date"
readonly=""
size="12"
value=""
/>
</div>
<div
class="ant-picker-range-separator"
>
<span
aria-label="to"
class="ant-picker-separator"
>
<span
aria-label="swap-right"
class="anticon anticon-swap-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="swap-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="End date"
readonly=""
size="12"
value=""
/>
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker RangePicker normal 1`] = `
<div>
<div
class="ant-picker ant-picker-range"
>
<div
class="ant-picker-input ant-picker-input-active"
>
<input
autocomplete="off"
placeholder="Start date"
readonly=""
size="12"
value=""
/>
</div>
<div
class="ant-picker-range-separator"
>
<span
aria-label="to"
class="ant-picker-separator"
>
<span
aria-label="swap-right"
class="anticon anticon-swap-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="swap-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="End date"
readonly=""
size="12"
value=""
/>
</div>
<div
class="ant-picker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker RangePicker prefixCls 1`] = `
<div>
<div
class="prefix-RangePicker prefix-RangePicker-range"
>
<div
class="prefix-RangePicker-input prefix-RangePicker-input-active"
>
<input
autocomplete="off"
placeholder="Start date"
readonly=""
size="12"
value=""
/>
</div>
<div
class="prefix-RangePicker-range-separator"
>
<span
aria-label="to"
class="prefix-RangePicker-separator"
>
<span
aria-label="swap-right"
class="anticon anticon-swap-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="swap-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
/>
</svg>
</span>
</span>
</div>
<div
class="prefix-RangePicker-input"
>
<input
autocomplete="off"
placeholder="End date"
readonly=""
size="12"
value=""
/>
</div>
<div
class="prefix-RangePicker-active-bar"
style="left: 0px; width: 0px; position: absolute;"
/>
<span
class="prefix-RangePicker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker WeekPicker configProvider 1`] = `
<div>
<div
class="config-picker"
>
<div
class="config-picker-input"
>
<input
autocomplete="off"
placeholder="Select week"
readonly=""
size="12"
title=""
value=""
/>
<span
class="config-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker WeekPicker configProvider componentDisabled 1`] = `
<div>
<div
class="config-picker config-picker-disabled"
>
<div
class="config-picker-input"
>
<input
autocomplete="off"
disabled=""
placeholder="Select week"
readonly=""
size="12"
title=""
value=""
/>
<span
class="config-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker WeekPicker configProvider componentSize large 1`] = `
<div>
<div
class="config-picker config-picker-large"
>
<div
class="config-picker-input"
>
<input
autocomplete="off"
placeholder="Select week"
readonly=""
size="12"
title=""
value=""
/>
<span
class="config-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker WeekPicker configProvider componentSize middle 1`] = `
<div>
<div
class="config-picker config-picker-middle"
>
<div
class="config-picker-input"
>
<input
autocomplete="off"
placeholder="Select week"
readonly=""
size="12"
title=""
value=""
/>
<span
class="config-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker WeekPicker configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select week"
readonly=""
size="12"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker WeekPicker normal 1`] = `
<div>
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select week"
readonly=""
size="12"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components DatePicker WeekPicker prefixCls 1`] = `
<div>
<div
class="prefix-WeekPicker"
>
<div
class="prefix-WeekPicker-input"
>
<input
autocomplete="off"
placeholder="Select week"
readonly=""
size="12"
title=""
value=""
/>
<span
class="prefix-WeekPicker-suffix"
>
<span
aria-label="calendar"
class="anticon anticon-calendar"
role="img"
>
<svg
aria-hidden="true"
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Divider configProvider 1`] = `
<div
class="config-divider config-divider-horizontal"
role="separator"
/>
`;
exports[`ConfigProvider components Divider configProvider componentDisabled 1`] = `
<div
class="config-divider config-divider-horizontal"
role="separator"
/>
`;
exports[`ConfigProvider components Divider configProvider componentSize large 1`] = `
<div
class="config-divider config-divider-horizontal"
role="separator"
/>
`;
exports[`ConfigProvider components Divider configProvider componentSize middle 1`] = `
<div
class="config-divider config-divider-horizontal"
role="separator"
/>
`;
exports[`ConfigProvider components Divider configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-divider ant-divider-horizontal"
role="separator"
/>
`;
exports[`ConfigProvider components Divider normal 1`] = `
<div
class="ant-divider ant-divider-horizontal"
role="separator"
/>
`;
exports[`ConfigProvider components Divider prefixCls 1`] = `
<div
class="prefix-Divider prefix-Divider-horizontal"
role="separator"
/>
`;
exports[`ConfigProvider components Drawer configProvider 1`] = `
<div
class="config-drawer config-drawer-right config-drawer-open config-drawer-inline"
tabindex="-1"
>
<div
class="config-drawer-mask config-drawer-mask-motion-appear config-drawer-mask-motion-appear-start config-drawer-mask-motion"
/>
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
tabindex="0"
/>
<div
class="config-drawer-content-wrapper config-drawer-panel-motion-right-appear config-drawer-panel-motion-right-appear-start config-drawer-panel-motion-right"
style="width: 378px;"
>
<div
aria-modal="true"
class="config-drawer-content"
role="dialog"
>
<div
class="config-drawer-wrapper-body"
>
<div
class="config-drawer-header config-drawer-header-close-only"
>
<div
class="config-drawer-header-title"
>
<button
aria-label="Close"
class="config-drawer-close"
type="button"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</button>
</div>
</div>
<div
class="config-drawer-body"
/>
</div>
</div>
</div>
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
tabindex="0"
/>
</div>
`;
exports[`ConfigProvider components Drawer configProvider componentDisabled 1`] = `
<div
class="config-drawer config-drawer-right config-drawer-open config-drawer-inline"
tabindex="-1"
>
<div
class="config-drawer-mask config-drawer-mask-motion-appear config-drawer-mask-motion-appear-start config-drawer-mask-motion"
/>
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
tabindex="0"
/>
<div
class="config-drawer-content-wrapper config-drawer-panel-motion-right-appear config-drawer-panel-motion-right-appear-start config-drawer-panel-motion-right"
style="width: 378px;"
>
<div
aria-modal="true"
class="config-drawer-content"
role="dialog"
>
<div
class="config-drawer-wrapper-body"
>
<div
class="config-drawer-header config-drawer-header-close-only"
>
<div
class="config-drawer-header-title"
>
<button
aria-label="Close"
class="config-drawer-close"
type="button"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</button>
</div>
</div>
<div
class="config-drawer-body"
/>
</div>
</div>
</div>
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
tabindex="0"
/>
</div>
`;
exports[`ConfigProvider components Drawer configProvider componentSize large 1`] = `
<div
class="config-drawer config-drawer-right config-drawer-open config-drawer-inline"
tabindex="-1"
>
<div
class="config-drawer-mask config-drawer-mask-motion-appear config-drawer-mask-motion-appear-start config-drawer-mask-motion"
/>
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
tabindex="0"
/>
<div
class="config-drawer-content-wrapper config-drawer-panel-motion-right-appear config-drawer-panel-motion-right-appear-start config-drawer-panel-motion-right"
style="width: 378px;"
>
<div
aria-modal="true"
class="config-drawer-content"
role="dialog"
>
<div
class="config-drawer-wrapper-body"
>
<div
class="config-drawer-header config-drawer-header-close-only"
>
<div
class="config-drawer-header-title"
>
<button
aria-label="Close"
class="config-drawer-close"
type="button"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</button>
</div>
</div>
<div
class="config-drawer-body"
/>
</div>
</div>
</div>
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
tabindex="0"
/>
</div>
`;
exports[`ConfigProvider components Drawer configProvider componentSize middle 1`] = `
<div
class="config-drawer config-drawer-right config-drawer-open config-drawer-inline"
tabindex="-1"
>
<div
class="config-drawer-mask config-drawer-mask-motion-appear config-drawer-mask-motion-appear-start config-drawer-mask-motion"
/>
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
tabindex="0"
/>
<div
class="config-drawer-content-wrapper config-drawer-panel-motion-right-appear config-drawer-panel-motion-right-appear-start config-drawer-panel-motion-right"
style="width: 378px;"
>
<div
aria-modal="true"
class="config-drawer-content"
role="dialog"
>
<div
class="config-drawer-wrapper-body"
>
<div
class="config-drawer-header config-drawer-header-close-only"
>
<div
class="config-drawer-header-title"
>
<button
aria-label="Close"
class="config-drawer-close"
type="button"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</button>
</div>
</div>
<div
class="config-drawer-body"
/>
</div>
</div>
</div>
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
tabindex="0"
/>
</div>
`;
exports[`ConfigProvider components Drawer configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-drawer ant-drawer-right ant-drawer-open ant-drawer-inline"
tabindex="-1"
>
<div
class="ant-drawer-mask ant-drawer-mask-motion-appear ant-drawer-mask-motion-appear-start ant-drawer-mask-motion"
/>
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
tabindex="0"
/>
<div
class="ant-drawer-content-wrapper ant-drawer-panel-motion-right-appear ant-drawer-panel-motion-right-appear-start ant-drawer-panel-motion-right"
style="width: 378px;"
>
<div
aria-modal="true"
class="ant-drawer-content"
role="dialog"
>
<div
class="ant-drawer-wrapper-body"
>
<div
class="ant-drawer-header ant-drawer-header-close-only"
>
<div
class="ant-drawer-header-title"
>
<button
aria-label="Close"
class="ant-drawer-close"
type="button"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</button>
</div>
</div>
<div
class="ant-drawer-body"
/>
</div>
</div>
</div>
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
tabindex="0"
/>
</div>
`;
exports[`ConfigProvider components Drawer normal 1`] = `
<div
class="ant-drawer ant-drawer-right ant-drawer-open ant-drawer-inline"
tabindex="-1"
>
<div
class="ant-drawer-mask ant-drawer-mask-motion-appear ant-drawer-mask-motion-appear-start ant-drawer-mask-motion"
/>
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
tabindex="0"
/>
<div
class="ant-drawer-content-wrapper ant-drawer-panel-motion-right-appear ant-drawer-panel-motion-right-appear-start ant-drawer-panel-motion-right"
style="width: 378px;"
>
<div
aria-modal="true"
class="ant-drawer-content"
role="dialog"
>
<div
class="ant-drawer-wrapper-body"
>
<div
class="ant-drawer-header ant-drawer-header-close-only"
>
<div
class="ant-drawer-header-title"
>
<button
aria-label="Close"
class="ant-drawer-close"
type="button"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</button>
</div>
</div>
<div
class="ant-drawer-body"
/>
</div>
</div>
</div>
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
tabindex="0"
/>
</div>
`;
exports[`ConfigProvider components Drawer prefixCls 1`] = `
<div
class="prefix-Drawer prefix-Drawer-right prefix-Drawer-open prefix-Drawer-inline"
tabindex="-1"
>
<div
class="prefix-Drawer-mask prefix-Drawer-mask-motion-appear prefix-Drawer-mask-motion-appear-start prefix-Drawer-mask-motion"
/>
<div
aria-hidden="true"
data-sentinel="start"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
tabindex="0"
/>
<div
class="prefix-Drawer-content-wrapper prefix-Drawer-panel-motion-right-appear prefix-Drawer-panel-motion-right-appear-start prefix-Drawer-panel-motion-right"
style="width: 378px;"
>
<div
aria-modal="true"
class="prefix-Drawer-content"
role="dialog"
>
<div
class="prefix-Drawer-wrapper-body"
>
<div
class="prefix-Drawer-header prefix-Drawer-header-close-only"
>
<div
class="prefix-Drawer-header-title"
>
<button
aria-label="Close"
class="prefix-Drawer-close"
type="button"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</button>
</div>
</div>
<div
class="prefix-Drawer-body"
/>
</div>
</div>
</div>
<div
aria-hidden="true"
data-sentinel="end"
style="width: 0px; height: 0px; overflow: hidden; outline: none; position: absolute;"
tabindex="0"
/>
</div>
`;
exports[`ConfigProvider components Dropdown configProvider 1`] = `
<div
class="config-btn-group config-dropdown-button"
>
<button
class="config-btn config-btn-default"
type="button"
>
<span>
Light
</span>
</button>
<button
class="config-btn config-btn-default config-btn-icon-only config-dropdown-trigger"
type="button"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</button>
</div>
`;
exports[`ConfigProvider components Dropdown configProvider componentDisabled 1`] = `
<div
class="config-btn-group config-dropdown-button"
>
<button
class="config-btn config-btn-default"
disabled=""
type="button"
>
<span>
Light
</span>
</button>
<button
class="config-btn config-btn-default config-btn-icon-only config-dropdown-trigger"
disabled=""
type="button"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</button>
</div>
`;
exports[`ConfigProvider components Dropdown configProvider componentSize large 1`] = `
<div
class="config-btn-group config-dropdown-button"
>
<button
class="config-btn config-btn-default config-btn-lg"
type="button"
>
<span>
Light
</span>
</button>
<button
class="config-btn config-btn-default config-btn-lg config-btn-icon-only config-dropdown-trigger"
type="button"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</button>
</div>
`;
exports[`ConfigProvider components Dropdown configProvider componentSize middle 1`] = `
<div
class="config-btn-group config-dropdown-button"
>
<button
class="config-btn config-btn-default"
type="button"
>
<span>
Light
</span>
</button>
<button
class="config-btn config-btn-default config-btn-icon-only config-dropdown-trigger"
type="button"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</button>
</div>
`;
exports[`ConfigProvider components Dropdown configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-btn-group ant-dropdown-button"
>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Light
</span>
</button>
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-dropdown-trigger"
type="button"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</button>
</div>
`;
exports[`ConfigProvider components Dropdown normal 1`] = `
<div
class="ant-btn-group ant-dropdown-button"
>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Light
</span>
</button>
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-dropdown-trigger"
type="button"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</button>
</div>
`;
exports[`ConfigProvider components Dropdown prefixCls 1`] = `
<div
class="ant-btn-group prefix-Dropdown"
>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Light
</span>
</button>
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-dropdown-trigger"
type="button"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</button>
</div>
`;
exports[`ConfigProvider components Empty configProvider 1`] = `
<div
class="config-empty"
>
<div
class="config-empty-image"
>
<svg
class="config-empty-img-default"
height="152"
viewBox="0 0 184 152"
width="184"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
>
<g
transform="translate(24 31.67)"
>
<ellipse
class="config-empty-img-default-ellipse"
cx="67.797"
cy="106.89"
rx="67.797"
ry="12.668"
/>
<path
class="config-empty-img-default-path-1"
d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
/>
<path
class="config-empty-img-default-path-2"
d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z"
transform="translate(13.56)"
/>
<path
class="config-empty-img-default-path-3"
d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
/>
<path
class="config-empty-img-default-path-4"
d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
/>
</g>
<path
class="config-empty-img-default-path-5"
d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
/>
<g
class="config-empty-img-default-g"
transform="translate(149.65 15.383)"
>
<ellipse
cx="20.654"
cy="3.167"
rx="2.849"
ry="2.815"
/>
<path
d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
/>
</g>
</g>
</svg>
</div>
<div
class="config-empty-description"
>
No Data
</div>
</div>
`;
exports[`ConfigProvider components Empty configProvider componentDisabled 1`] = `
<div
class="config-empty"
>
<div
class="config-empty-image"
>
<svg
class="config-empty-img-default"
height="152"
viewBox="0 0 184 152"
width="184"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
>
<g
transform="translate(24 31.67)"
>
<ellipse
class="config-empty-img-default-ellipse"
cx="67.797"
cy="106.89"
rx="67.797"
ry="12.668"
/>
<path
class="config-empty-img-default-path-1"
d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
/>
<path
class="config-empty-img-default-path-2"
d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z"
transform="translate(13.56)"
/>
<path
class="config-empty-img-default-path-3"
d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
/>
<path
class="config-empty-img-default-path-4"
d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
/>
</g>
<path
class="config-empty-img-default-path-5"
d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
/>
<g
class="config-empty-img-default-g"
transform="translate(149.65 15.383)"
>
<ellipse
cx="20.654"
cy="3.167"
rx="2.849"
ry="2.815"
/>
<path
d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
/>
</g>
</g>
</svg>
</div>
<div
class="config-empty-description"
>
No Data
</div>
</div>
`;
exports[`ConfigProvider components Empty configProvider componentSize large 1`] = `
<div
class="config-empty"
>
<div
class="config-empty-image"
>
<svg
class="config-empty-img-default"
height="152"
viewBox="0 0 184 152"
width="184"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
>
<g
transform="translate(24 31.67)"
>
<ellipse
class="config-empty-img-default-ellipse"
cx="67.797"
cy="106.89"
rx="67.797"
ry="12.668"
/>
<path
class="config-empty-img-default-path-1"
d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
/>
<path
class="config-empty-img-default-path-2"
d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z"
transform="translate(13.56)"
/>
<path
class="config-empty-img-default-path-3"
d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
/>
<path
class="config-empty-img-default-path-4"
d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
/>
</g>
<path
class="config-empty-img-default-path-5"
d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
/>
<g
class="config-empty-img-default-g"
transform="translate(149.65 15.383)"
>
<ellipse
cx="20.654"
cy="3.167"
rx="2.849"
ry="2.815"
/>
<path
d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
/>
</g>
</g>
</svg>
</div>
<div
class="config-empty-description"
>
No Data
</div>
</div>
`;
exports[`ConfigProvider components Empty configProvider componentSize middle 1`] = `
<div
class="config-empty"
>
<div
class="config-empty-image"
>
<svg
class="config-empty-img-default"
height="152"
viewBox="0 0 184 152"
width="184"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
>
<g
transform="translate(24 31.67)"
>
<ellipse
class="config-empty-img-default-ellipse"
cx="67.797"
cy="106.89"
rx="67.797"
ry="12.668"
/>
<path
class="config-empty-img-default-path-1"
d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
/>
<path
class="config-empty-img-default-path-2"
d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z"
transform="translate(13.56)"
/>
<path
class="config-empty-img-default-path-3"
d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
/>
<path
class="config-empty-img-default-path-4"
d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
/>
</g>
<path
class="config-empty-img-default-path-5"
d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
/>
<g
class="config-empty-img-default-g"
transform="translate(149.65 15.383)"
>
<ellipse
cx="20.654"
cy="3.167"
rx="2.849"
ry="2.815"
/>
<path
d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
/>
</g>
</g>
</svg>
</div>
<div
class="config-empty-description"
>
No Data
</div>
</div>
`;
exports[`ConfigProvider components Empty configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-empty"
>
<div
class="ant-empty-image"
>
<svg
class="ant-empty-img-default"
height="152"
viewBox="0 0 184 152"
width="184"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
>
<g
transform="translate(24 31.67)"
>
<ellipse
class="ant-empty-img-default-ellipse"
cx="67.797"
cy="106.89"
rx="67.797"
ry="12.668"
/>
<path
class="ant-empty-img-default-path-1"
d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
/>
<path
class="ant-empty-img-default-path-2"
d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z"
transform="translate(13.56)"
/>
<path
class="ant-empty-img-default-path-3"
d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
/>
<path
class="ant-empty-img-default-path-4"
d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
/>
</g>
<path
class="ant-empty-img-default-path-5"
d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
/>
<g
class="ant-empty-img-default-g"
transform="translate(149.65 15.383)"
>
<ellipse
cx="20.654"
cy="3.167"
rx="2.849"
ry="2.815"
/>
<path
d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
/>
</g>
</g>
</svg>
</div>
<div
class="ant-empty-description"
>
No Data
</div>
</div>
`;
exports[`ConfigProvider components Empty normal 1`] = `
<div
class="ant-empty"
>
<div
class="ant-empty-image"
>
<svg
class="ant-empty-img-default"
height="152"
viewBox="0 0 184 152"
width="184"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
>
<g
transform="translate(24 31.67)"
>
<ellipse
class="ant-empty-img-default-ellipse"
cx="67.797"
cy="106.89"
rx="67.797"
ry="12.668"
/>
<path
class="ant-empty-img-default-path-1"
d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
/>
<path
class="ant-empty-img-default-path-2"
d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z"
transform="translate(13.56)"
/>
<path
class="ant-empty-img-default-path-3"
d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
/>
<path
class="ant-empty-img-default-path-4"
d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
/>
</g>
<path
class="ant-empty-img-default-path-5"
d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
/>
<g
class="ant-empty-img-default-g"
transform="translate(149.65 15.383)"
>
<ellipse
cx="20.654"
cy="3.167"
rx="2.849"
ry="2.815"
/>
<path
d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
/>
</g>
</g>
</svg>
</div>
<div
class="ant-empty-description"
>
No Data
</div>
</div>
`;
exports[`ConfigProvider components Empty prefixCls 1`] = `
<div
class="prefix-Empty"
>
<div
class="prefix-Empty-image"
>
<svg
class="ant-empty-img-default"
height="152"
viewBox="0 0 184 152"
width="184"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
>
<g
transform="translate(24 31.67)"
>
<ellipse
class="ant-empty-img-default-ellipse"
cx="67.797"
cy="106.89"
rx="67.797"
ry="12.668"
/>
<path
class="ant-empty-img-default-path-1"
d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
/>
<path
class="ant-empty-img-default-path-2"
d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z"
transform="translate(13.56)"
/>
<path
class="ant-empty-img-default-path-3"
d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
/>
<path
class="ant-empty-img-default-path-4"
d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
/>
</g>
<path
class="ant-empty-img-default-path-5"
d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
/>
<g
class="ant-empty-img-default-g"
transform="translate(149.65 15.383)"
>
<ellipse
cx="20.654"
cy="3.167"
rx="2.849"
ry="2.815"
/>
<path
d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
/>
</g>
</g>
</svg>
</div>
<div
class="prefix-Empty-description"
>
No Data
</div>
</div>
`;
exports[`ConfigProvider components Form configProvider 1`] = `
<form
class="config-form config-form-horizontal"
>
<div
class="config-form-item config-form-item-with-help config-form-item-has-error"
>
<div
class="config-row config-form-item-row"
>
<div
class="config-col config-form-item-control"
>
<div
class="config-form-item-control-input"
>
<div
class="config-form-item-control-input-content"
>
<input
class="config-input config-input-status-error"
type="text"
value=""
/>
</div>
</div>
<div
style="display: flex; flex-wrap: nowrap;"
>
<div
class="config-form-item-explain config-show-help-appear config-show-help-appear-start config-show-help config-form-item-explain-connected"
role="alert"
>
<div
class="config-show-help-item-appear config-show-help-item-appear-start config-show-help-item config-form-item-explain-error"
style="height: 0px; opacity: 0;"
>
Bamboo is Light
</div>
</div>
</div>
</div>
</div>
</div>
</form>
`;
exports[`ConfigProvider components Form configProvider componentDisabled 1`] = `
<form
class="config-form config-form-horizontal"
>
<div
class="config-form-item config-form-item-with-help config-form-item-has-error"
>
<div
class="config-row config-form-item-row"
>
<div
class="config-col config-form-item-control"
>
<div
class="config-form-item-control-input"
>
<div
class="config-form-item-control-input-content"
>
<input
class="config-input config-input-disabled config-input-status-error"
disabled=""
type="text"
value=""
/>
</div>
</div>
<div
style="display: flex; flex-wrap: nowrap;"
>
<div
class="config-form-item-explain config-show-help-appear config-show-help-appear-start config-show-help config-form-item-explain-connected"
role="alert"
>
<div
class="config-show-help-item-appear config-show-help-item-appear-start config-show-help-item config-form-item-explain-error"
style="height: 0px; opacity: 0;"
>
Bamboo is Light
</div>
</div>
</div>
</div>
</div>
</div>
</form>
`;
exports[`ConfigProvider components Form configProvider componentSize large 1`] = `
<form
class="config-form config-form-horizontal config-form-large"
>
<div
class="config-form-item config-form-item-with-help config-form-item-has-error"
>
<div
class="config-row config-form-item-row"
>
<div
class="config-col config-form-item-control"
>
<div
class="config-form-item-control-input"
>
<div
class="config-form-item-control-input-content"
>
<input
class="config-input config-input-lg config-input-status-error"
type="text"
value=""
/>
</div>
</div>
<div
style="display: flex; flex-wrap: nowrap;"
>
<div
class="config-form-item-explain config-show-help-appear config-show-help-appear-start config-show-help config-form-item-explain-connected"
role="alert"
>
<div
class="config-show-help-item-appear config-show-help-item-appear-start config-show-help-item config-form-item-explain-error"
style="height: 0px; opacity: 0;"
>
Bamboo is Light
</div>
</div>
</div>
</div>
</div>
</div>
</form>
`;
exports[`ConfigProvider components Form configProvider componentSize middle 1`] = `
<form
class="config-form config-form-horizontal config-form-middle"
>
<div
class="config-form-item config-form-item-with-help config-form-item-has-error"
>
<div
class="config-row config-form-item-row"
>
<div
class="config-col config-form-item-control"
>
<div
class="config-form-item-control-input"
>
<div
class="config-form-item-control-input-content"
>
<input
class="config-input config-input-status-error"
type="text"
value=""
/>
</div>
</div>
<div
style="display: flex; flex-wrap: nowrap;"
>
<div
class="config-form-item-explain config-show-help-appear config-show-help-appear-start config-show-help config-form-item-explain-connected"
role="alert"
>
<div
class="config-show-help-item-appear config-show-help-item-appear-start config-show-help-item config-form-item-explain-error"
style="height: 0px; opacity: 0;"
>
Bamboo is Light
</div>
</div>
</div>
</div>
</div>
</div>
</form>
`;
exports[`ConfigProvider components Form configProvider virtual and dropdownMatchSelectWidth 1`] = `
<form
class="ant-form ant-form-horizontal"
>
<div
class="ant-form-item ant-form-item-with-help ant-form-item-has-error"
>
<div
class="ant-row ant-form-item-row"
>
<div
class="ant-col ant-form-item-control"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<input
class="ant-input ant-input-status-error"
type="text"
value=""
/>
</div>
</div>
<div
style="display: flex; flex-wrap: nowrap;"
>
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
style="height: 0px; opacity: 0;"
>
Bamboo is Light
</div>
</div>
</div>
</div>
</div>
</div>
</form>
`;
exports[`ConfigProvider components Form normal 1`] = `
<form
class="ant-form ant-form-horizontal"
>
<div
class="ant-form-item ant-form-item-with-help ant-form-item-has-error"
>
<div
class="ant-row ant-form-item-row"
>
<div
class="ant-col ant-form-item-control"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<input
class="ant-input ant-input-status-error"
type="text"
value=""
/>
</div>
</div>
<div
style="display: flex; flex-wrap: nowrap;"
>
<div
class="ant-form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help ant-form-item-explain-connected"
role="alert"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item ant-form-item-explain-error"
style="height: 0px; opacity: 0;"
>
Bamboo is Light
</div>
</div>
</div>
</div>
</div>
</div>
</form>
`;
exports[`ConfigProvider components Form prefixCls 1`] = `
<form
class="prefix-Form prefix-Form-horizontal"
>
<div
class="prefix-Form-item prefix-Form-item-with-help prefix-Form-item-has-error"
>
<div
class="ant-row prefix-Form-item-row"
>
<div
class="ant-col prefix-Form-item-control"
>
<div
class="prefix-Form-item-control-input"
>
<div
class="prefix-Form-item-control-input-content"
>
<input
class="prefix-Form prefix-Form-status-error"
type="text"
value=""
/>
</div>
</div>
<div
style="display: flex; flex-wrap: nowrap;"
>
<div
class="prefix-Form-item-explain ant-show-help-appear ant-show-help-appear-start ant-show-help prefix-Form-item-explain-connected"
role="alert"
>
<div
class="ant-show-help-item-appear ant-show-help-item-appear-start ant-show-help-item prefix-Form-item-explain-error"
style="height: 0px; opacity: 0;"
>
Bamboo is Light
</div>
</div>
</div>
</div>
</div>
</div>
</form>
`;
exports[`ConfigProvider components Grid configProvider 1`] = `
<div
class="config-row"
>
<div
class="config-col config-col-1"
/>
</div>
`;
exports[`ConfigProvider components Grid configProvider componentDisabled 1`] = `
<div
class="config-row"
>
<div
class="config-col config-col-1"
/>
</div>
`;
exports[`ConfigProvider components Grid configProvider componentSize large 1`] = `
<div
class="config-row"
>
<div
class="config-col config-col-1"
/>
</div>
`;
exports[`ConfigProvider components Grid configProvider componentSize middle 1`] = `
<div
class="config-row"
>
<div
class="config-col config-col-1"
/>
</div>
`;
exports[`ConfigProvider components Grid configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-row"
>
<div
class="ant-col ant-col-1"
/>
</div>
`;
exports[`ConfigProvider components Grid normal 1`] = `
<div
class="ant-row"
>
<div
class="ant-col ant-col-1"
/>
</div>
`;
exports[`ConfigProvider components Grid prefixCls 1`] = `
<div
class="prefix-row"
>
<div
class="prefix-col prefix-col-1"
/>
</div>
`;
exports[`ConfigProvider components Input configProvider 1`] = `
<div>
<span
class="config-input-group"
>
<input
class="config-input"
type="text"
value=""
/>
<span
class="config-input-group-wrapper config-input-search"
>
<span
class="config-input-wrapper config-input-group"
>
<input
class="config-input"
type="text"
value=""
/>
<span
class="config-input-group-addon"
>
<button
class="config-btn config-btn-default config-btn-icon-only config-input-search-button"
type="button"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
</button>
</span>
</span>
</span>
</span>
<span
class="config-input-affix-wrapper config-input-password"
>
<input
action="click"
class="config-input"
type="password"
value=""
/>
<span
class="config-input-suffix"
>
<span
aria-label="eye-invisible"
class="anticon anticon-eye-invisible config-input-password-icon"
role="img"
tabindex="-1"
>
<svg
aria-hidden="true"
data-icon="eye-invisible"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
/>
<path
d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
/>
</svg>
</span>
</span>
</span>
<textarea
class="config-input"
/>
</div>
`;
exports[`ConfigProvider components Input configProvider componentDisabled 1`] = `
<div>
<span
class="config-input-group"
>
<input
class="config-input config-input-disabled"
disabled=""
type="text"
value=""
/>
<span
class="config-input-group-wrapper config-input-search"
>
<span
class="config-input-wrapper config-input-group"
>
<input
class="config-input config-input-disabled"
disabled=""
type="text"
value=""
/>
<span
class="config-input-group-addon"
>
<button
class="config-btn config-btn-default config-btn-icon-only config-input-search-button"
disabled=""
type="button"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
</button>
</span>
</span>
</span>
</span>
<span
class="config-input-affix-wrapper config-input-affix-wrapper-disabled config-input-password"
>
<input
action="click"
class="config-input config-input-disabled"
disabled=""
type="password"
value=""
/>
<span
class="config-input-suffix"
>
<span
aria-label="eye-invisible"
class="anticon anticon-eye-invisible config-input-password-icon"
role="img"
tabindex="-1"
>
<svg
aria-hidden="true"
data-icon="eye-invisible"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
/>
<path
d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
/>
</svg>
</span>
</span>
</span>
<textarea
class="config-input config-input-disabled"
disabled=""
/>
</div>
`;
exports[`ConfigProvider components Input configProvider componentSize large 1`] = `
<div>
<span
class="config-input-group"
>
<input
class="config-input config-input-lg"
type="text"
value=""
/>
<span
class="config-input-group-wrapper config-input-search config-input-search-large config-input-group-wrapper-lg"
>
<span
class="config-input-wrapper config-input-group"
>
<input
class="config-input config-input-lg"
type="text"
value=""
/>
<span
class="config-input-group-addon"
>
<button
class="config-btn config-btn-default config-btn-lg config-btn-icon-only config-input-search-button"
type="button"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
</button>
</span>
</span>
</span>
</span>
<span
class="config-input-affix-wrapper config-input-password config-input-affix-wrapper-lg"
>
<input
action="click"
class="config-input config-input-lg"
type="password"
value=""
/>
<span
class="config-input-suffix"
>
<span
aria-label="eye-invisible"
class="anticon anticon-eye-invisible config-input-password-icon"
role="img"
tabindex="-1"
>
<svg
aria-hidden="true"
data-icon="eye-invisible"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
/>
<path
d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
/>
</svg>
</span>
</span>
</span>
<textarea
class="config-input config-input-lg"
/>
</div>
`;
exports[`ConfigProvider components Input configProvider componentSize middle 1`] = `
<div>
<span
class="config-input-group"
>
<input
class="config-input"
type="text"
value=""
/>
<span
class="config-input-group-wrapper config-input-search config-input-search-middle"
>
<span
class="config-input-wrapper config-input-group"
>
<input
class="config-input"
type="text"
value=""
/>
<span
class="config-input-group-addon"
>
<button
class="config-btn config-btn-default config-btn-icon-only config-input-search-button"
type="button"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
</button>
</span>
</span>
</span>
</span>
<span
class="config-input-affix-wrapper config-input-password"
>
<input
action="click"
class="config-input"
type="password"
value=""
/>
<span
class="config-input-suffix"
>
<span
aria-label="eye-invisible"
class="anticon anticon-eye-invisible config-input-password-icon"
role="img"
tabindex="-1"
>
<svg
aria-hidden="true"
data-icon="eye-invisible"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
/>
<path
d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
/>
</svg>
</span>
</span>
</span>
<textarea
class="config-input"
/>
</div>
`;
exports[`ConfigProvider components Input configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
<span
class="ant-input-group"
>
<input
class="ant-input"
type="text"
value=""
/>
<span
class="ant-input-group-wrapper ant-input-search"
>
<span
class="ant-input-wrapper ant-input-group"
>
<input
class="ant-input"
type="text"
value=""
/>
<span
class="ant-input-group-addon"
>
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
</button>
</span>
</span>
</span>
</span>
<span
class="ant-input-affix-wrapper ant-input-password"
>
<input
action="click"
class="ant-input"
type="password"
value=""
/>
<span
class="ant-input-suffix"
>
<span
aria-label="eye-invisible"
class="anticon anticon-eye-invisible ant-input-password-icon"
role="img"
tabindex="-1"
>
<svg
aria-hidden="true"
data-icon="eye-invisible"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
/>
<path
d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
/>
</svg>
</span>
</span>
</span>
<textarea
class="ant-input"
/>
</div>
`;
exports[`ConfigProvider components Input normal 1`] = `
<div>
<span
class="ant-input-group"
>
<input
class="ant-input"
type="text"
value=""
/>
<span
class="ant-input-group-wrapper ant-input-search"
>
<span
class="ant-input-wrapper ant-input-group"
>
<input
class="ant-input"
type="text"
value=""
/>
<span
class="ant-input-group-addon"
>
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
</button>
</span>
</span>
</span>
</span>
<span
class="ant-input-affix-wrapper ant-input-password"
>
<input
action="click"
class="ant-input"
type="password"
value=""
/>
<span
class="ant-input-suffix"
>
<span
aria-label="eye-invisible"
class="anticon anticon-eye-invisible ant-input-password-icon"
role="img"
tabindex="-1"
>
<svg
aria-hidden="true"
data-icon="eye-invisible"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
/>
<path
d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
/>
</svg>
</span>
</span>
</span>
<textarea
class="ant-input"
/>
</div>
`;
exports[`ConfigProvider components Input prefixCls 1`] = `
<div>
<span
class="prefix-Input"
>
<input
class="prefix-Input"
type="text"
value=""
/>
<span
class="ant-input-group-wrapper prefix-Input"
>
<span
class="ant-input-wrapper ant-input-group"
>
<input
class="ant-input"
type="text"
value=""
/>
<span
class="ant-input-group-addon"
>
<button
class="ant-btn ant-btn-default ant-btn-icon-only prefix-Input-button"
type="button"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
</button>
</span>
</span>
</span>
</span>
<span
class="ant-input-affix-wrapper prefix-Input"
>
<input
action="click"
class="ant-input"
type="password"
value=""
/>
<span
class="ant-input-suffix"
>
<span
aria-label="eye-invisible"
class="anticon anticon-eye-invisible prefix-Input-icon"
role="img"
tabindex="-1"
>
<svg
aria-hidden="true"
data-icon="eye-invisible"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
/>
<path
d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
/>
</svg>
</span>
</span>
</span>
<textarea
class="prefix-Input"
/>
</div>
`;
exports[`ConfigProvider components InputNumber configProvider 1`] = `
<div
class="config-input-number"
>
<div
class="config-input-number-handler-wrap"
>
<span
aria-disabled="false"
aria-label="Increase Value"
class="config-input-number-handler config-input-number-handler-up"
role="button"
unselectable="on"
>
<span
aria-label="up"
class="anticon anticon-up config-input-number-handler-up-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
/>
</svg>
</span>
</span>
<span
aria-disabled="false"
aria-label="Decrease Value"
class="config-input-number-handler config-input-number-handler-down"
role="button"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-input-number-handler-down-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-input-number-input-wrap"
>
<input
autocomplete="off"
class="config-input-number-input"
role="spinbutton"
step="1"
value=""
/>
</div>
</div>
`;
exports[`ConfigProvider components InputNumber configProvider componentDisabled 1`] = `
<div
class="config-input-number config-input-number-disabled"
>
<div
class="config-input-number-handler-wrap"
>
<span
aria-disabled="false"
aria-label="Increase Value"
class="config-input-number-handler config-input-number-handler-up"
role="button"
unselectable="on"
>
<span
aria-label="up"
class="anticon anticon-up config-input-number-handler-up-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
/>
</svg>
</span>
</span>
<span
aria-disabled="false"
aria-label="Decrease Value"
class="config-input-number-handler config-input-number-handler-down"
role="button"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-input-number-handler-down-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-input-number-input-wrap"
>
<input
autocomplete="off"
class="config-input-number-input"
disabled=""
role="spinbutton"
step="1"
value=""
/>
</div>
</div>
`;
exports[`ConfigProvider components InputNumber configProvider componentSize large 1`] = `
<div
class="config-input-number config-input-number-lg"
>
<div
class="config-input-number-handler-wrap"
>
<span
aria-disabled="false"
aria-label="Increase Value"
class="config-input-number-handler config-input-number-handler-up"
role="button"
unselectable="on"
>
<span
aria-label="up"
class="anticon anticon-up config-input-number-handler-up-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
/>
</svg>
</span>
</span>
<span
aria-disabled="false"
aria-label="Decrease Value"
class="config-input-number-handler config-input-number-handler-down"
role="button"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-input-number-handler-down-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-input-number-input-wrap"
>
<input
autocomplete="off"
class="config-input-number-input"
role="spinbutton"
step="1"
value=""
/>
</div>
</div>
`;
exports[`ConfigProvider components InputNumber configProvider componentSize middle 1`] = `
<div
class="config-input-number"
>
<div
class="config-input-number-handler-wrap"
>
<span
aria-disabled="false"
aria-label="Increase Value"
class="config-input-number-handler config-input-number-handler-up"
role="button"
unselectable="on"
>
<span
aria-label="up"
class="anticon anticon-up config-input-number-handler-up-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
/>
</svg>
</span>
</span>
<span
aria-disabled="false"
aria-label="Decrease Value"
class="config-input-number-handler config-input-number-handler-down"
role="button"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-input-number-handler-down-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="config-input-number-input-wrap"
>
<input
autocomplete="off"
class="config-input-number-input"
role="spinbutton"
step="1"
value=""
/>
</div>
</div>
`;
exports[`ConfigProvider components InputNumber configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-input-number"
>
<div
class="ant-input-number-handler-wrap"
>
<span
aria-disabled="false"
aria-label="Increase Value"
class="ant-input-number-handler ant-input-number-handler-up"
role="button"
unselectable="on"
>
<span
aria-label="up"
class="anticon anticon-up ant-input-number-handler-up-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
/>
</svg>
</span>
</span>
<span
aria-disabled="false"
aria-label="Decrease Value"
class="ant-input-number-handler ant-input-number-handler-down"
role="button"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-input-number-handler-down-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-input-number-input-wrap"
>
<input
autocomplete="off"
class="ant-input-number-input"
role="spinbutton"
step="1"
value=""
/>
</div>
</div>
`;
exports[`ConfigProvider components InputNumber normal 1`] = `
<div
class="ant-input-number"
>
<div
class="ant-input-number-handler-wrap"
>
<span
aria-disabled="false"
aria-label="Increase Value"
class="ant-input-number-handler ant-input-number-handler-up"
role="button"
unselectable="on"
>
<span
aria-label="up"
class="anticon anticon-up ant-input-number-handler-up-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
/>
</svg>
</span>
</span>
<span
aria-disabled="false"
aria-label="Decrease Value"
class="ant-input-number-handler ant-input-number-handler-down"
role="button"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-input-number-handler-down-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-input-number-input-wrap"
>
<input
autocomplete="off"
class="ant-input-number-input"
role="spinbutton"
step="1"
value=""
/>
</div>
</div>
`;
exports[`ConfigProvider components InputNumber prefixCls 1`] = `
<div
class="prefix-InputNumber"
>
<div
class="prefix-InputNumber-handler-wrap"
>
<span
aria-disabled="false"
aria-label="Increase Value"
class="prefix-InputNumber-handler prefix-InputNumber-handler-up"
role="button"
unselectable="on"
>
<span
aria-label="up"
class="anticon anticon-up prefix-InputNumber-handler-up-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
/>
</svg>
</span>
</span>
<span
aria-disabled="false"
aria-label="Decrease Value"
class="prefix-InputNumber-handler prefix-InputNumber-handler-down"
role="button"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down prefix-InputNumber-handler-down-inner"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
<div
class="prefix-InputNumber-input-wrap"
>
<input
autocomplete="off"
class="prefix-InputNumber-input"
role="spinbutton"
step="1"
value=""
/>
</div>
</div>
`;
exports[`ConfigProvider components Layout configProvider 1`] = `
<section
class="config-layout config-layout-has-sider"
>
<aside
class="config-layout-sider config-layout-sider-dark"
style="flex: 0 0 200px; max-width: 200px; min-width: 200px; width: 200px;"
>
<div
class="config-layout-sider-children"
/>
</aside>
<section
class="config-layout"
>
<header
class="config-layout-header"
/>
<main
class="config-layout-content"
/>
<footer
class="config-layout-footer"
/>
</section>
</section>
`;
exports[`ConfigProvider components Layout configProvider componentDisabled 1`] = `
<section
class="config-layout config-layout-has-sider"
>
<aside
class="config-layout-sider config-layout-sider-dark"
style="flex: 0 0 200px; max-width: 200px; min-width: 200px; width: 200px;"
>
<div
class="config-layout-sider-children"
/>
</aside>
<section
class="config-layout"
>
<header
class="config-layout-header"
/>
<main
class="config-layout-content"
/>
<footer
class="config-layout-footer"
/>
</section>
</section>
`;
exports[`ConfigProvider components Layout configProvider componentSize large 1`] = `
<section
class="config-layout config-layout-has-sider"
>
<aside
class="config-layout-sider config-layout-sider-dark"
style="flex: 0 0 200px; max-width: 200px; min-width: 200px; width: 200px;"
>
<div
class="config-layout-sider-children"
/>
</aside>
<section
class="config-layout"
>
<header
class="config-layout-header"
/>
<main
class="config-layout-content"
/>
<footer
class="config-layout-footer"
/>
</section>
</section>
`;
exports[`ConfigProvider components Layout configProvider componentSize middle 1`] = `
<section
class="config-layout config-layout-has-sider"
>
<aside
class="config-layout-sider config-layout-sider-dark"
style="flex: 0 0 200px; max-width: 200px; min-width: 200px; width: 200px;"
>
<div
class="config-layout-sider-children"
/>
</aside>
<section
class="config-layout"
>
<header
class="config-layout-header"
/>
<main
class="config-layout-content"
/>
<footer
class="config-layout-footer"
/>
</section>
</section>
`;
exports[`ConfigProvider components Layout configProvider virtual and dropdownMatchSelectWidth 1`] = `
<section
class="ant-layout ant-layout-has-sider"
>
<aside
class="ant-layout-sider ant-layout-sider-dark"
style="flex: 0 0 200px; max-width: 200px; min-width: 200px; width: 200px;"
>
<div
class="ant-layout-sider-children"
/>
</aside>
<section
class="ant-layout"
>
<header
class="ant-layout-header"
/>
<main
class="ant-layout-content"
/>
<footer
class="ant-layout-footer"
/>
</section>
</section>
`;
exports[`ConfigProvider components Layout normal 1`] = `
<section
class="ant-layout ant-layout-has-sider"
>
<aside
class="ant-layout-sider ant-layout-sider-dark"
style="flex: 0 0 200px; max-width: 200px; min-width: 200px; width: 200px;"
>
<div
class="ant-layout-sider-children"
/>
</aside>
<section
class="ant-layout"
>
<header
class="ant-layout-header"
/>
<main
class="ant-layout-content"
/>
<footer
class="ant-layout-footer"
/>
</section>
</section>
`;
exports[`ConfigProvider components Layout prefixCls 1`] = `
<section
class="prefix-Layout prefix-Layout-has-sider"
>
<aside
class="prefix-sider prefix-sider-dark"
style="flex: 0 0 200px; max-width: 200px; min-width: 200px; width: 200px;"
>
<div
class="prefix-sider-children"
/>
</aside>
<section
class="prefix-Layout"
>
<header
class="prefix-header"
/>
<main
class="prefix-content"
/>
<footer
class="prefix-footer"
/>
</section>
</section>
`;
exports[`ConfigProvider components List configProvider 1`] = `
<div
class="config-list config-list-split"
>
<div
class="config-spin-nested-loading"
>
<div
class="config-spin-container"
>
<ul
class="config-list-items"
>
<li
class="config-list-item"
>
<div
class="config-list-item-meta"
>
<div
class="config-list-item-meta-avatar"
>
<span
class="config-avatar config-avatar-circle config-avatar-image"
>
<img
src="https://joeschmoe.io/api/v1/random"
/>
</span>
</div>
<div
class="config-list-item-meta-content"
>
<h4
class="config-list-item-meta-title"
>
Ant Design
</h4>
<div
class="config-list-item-meta-description"
>
Ant Design, a design language for background applications, is refined by Ant UED Team
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`ConfigProvider components List configProvider componentDisabled 1`] = `
<div
class="config-list config-list-split"
>
<div
class="config-spin-nested-loading"
>
<div
class="config-spin-container"
>
<ul
class="config-list-items"
>
<li
class="config-list-item"
>
<div
class="config-list-item-meta"
>
<div
class="config-list-item-meta-avatar"
>
<span
class="config-avatar config-avatar-circle config-avatar-image"
>
<img
src="https://joeschmoe.io/api/v1/random"
/>
</span>
</div>
<div
class="config-list-item-meta-content"
>
<h4
class="config-list-item-meta-title"
>
Ant Design
</h4>
<div
class="config-list-item-meta-description"
>
Ant Design, a design language for background applications, is refined by Ant UED Team
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`ConfigProvider components List configProvider componentSize large 1`] = `
<div
class="config-list config-list-split"
>
<div
class="config-spin-nested-loading"
>
<div
class="config-spin-container"
>
<ul
class="config-list-items"
>
<li
class="config-list-item"
>
<div
class="config-list-item-meta"
>
<div
class="config-list-item-meta-avatar"
>
<span
class="config-avatar config-avatar-circle config-avatar-image"
>
<img
src="https://joeschmoe.io/api/v1/random"
/>
</span>
</div>
<div
class="config-list-item-meta-content"
>
<h4
class="config-list-item-meta-title"
>
Ant Design
</h4>
<div
class="config-list-item-meta-description"
>
Ant Design, a design language for background applications, is refined by Ant UED Team
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`ConfigProvider components List configProvider componentSize middle 1`] = `
<div
class="config-list config-list-split"
>
<div
class="config-spin-nested-loading"
>
<div
class="config-spin-container"
>
<ul
class="config-list-items"
>
<li
class="config-list-item"
>
<div
class="config-list-item-meta"
>
<div
class="config-list-item-meta-avatar"
>
<span
class="config-avatar config-avatar-circle config-avatar-image"
>
<img
src="https://joeschmoe.io/api/v1/random"
/>
</span>
</div>
<div
class="config-list-item-meta-content"
>
<h4
class="config-list-item-meta-title"
>
Ant Design
</h4>
<div
class="config-list-item-meta-description"
>
Ant Design, a design language for background applications, is refined by Ant UED Team
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`ConfigProvider components List configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-list ant-list-split"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<ul
class="ant-list-items"
>
<li
class="ant-list-item"
>
<div
class="ant-list-item-meta"
>
<div
class="ant-list-item-meta-avatar"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
>
<img
src="https://joeschmoe.io/api/v1/random"
/>
</span>
</div>
<div
class="ant-list-item-meta-content"
>
<h4
class="ant-list-item-meta-title"
>
Ant Design
</h4>
<div
class="ant-list-item-meta-description"
>
Ant Design, a design language for background applications, is refined by Ant UED Team
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`ConfigProvider components List normal 1`] = `
<div
class="ant-list ant-list-split"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<ul
class="ant-list-items"
>
<li
class="ant-list-item"
>
<div
class="ant-list-item-meta"
>
<div
class="ant-list-item-meta-avatar"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
>
<img
src="https://joeschmoe.io/api/v1/random"
/>
</span>
</div>
<div
class="ant-list-item-meta-content"
>
<h4
class="ant-list-item-meta-title"
>
Ant Design
</h4>
<div
class="ant-list-item-meta-description"
>
Ant Design, a design language for background applications, is refined by Ant UED Team
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`ConfigProvider components List prefixCls 1`] = `
<div
class="prefix-List prefix-List-split"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<ul
class="prefix-List-items"
>
<li
class="prefix-List-item"
>
<div
class="prefix-List-item-meta"
>
<div
class="prefix-List-item-meta-avatar"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
>
<img
src="https://joeschmoe.io/api/v1/random"
/>
</span>
</div>
<div
class="prefix-List-item-meta-content"
>
<h4
class="prefix-List-item-meta-title"
>
Ant Design
</h4>
<div
class="prefix-List-item-meta-description"
>
Ant Design, a design language for background applications, is refined by Ant UED Team
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Menu configProvider 1`] = `
HTMLCollection [
<ul
class="config-menu config-menu-root config-menu-inline config-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="config-menu-submenu config-menu-submenu-inline config-menu-submenu-open"
role="none"
>
<div
aria-controls="rc-menu-uuid-test-bamboo-popup"
aria-expanded="true"
aria-haspopup="true"
class="config-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-bamboo"
role="menuitem"
style="padding-left: 24px;"
tabindex="-1"
>
<span
class="config-menu-title-content"
>
bamboo
</span>
<i
class="config-menu-submenu-arrow"
/>
</div>
<ul
class="config-menu config-menu-sub config-menu-inline"
data-menu-list="true"
id="rc-menu-uuid-test-bamboo-popup"
>
<li
class="config-menu-item-group"
>
<div
class="config-menu-item-group-title"
title="Item 1"
>
Item 1
</div>
<ul
class="config-menu-item-group-list"
>
<li
class="config-menu-item config-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-1"
role="menuitem"
style="padding-left: 48px;"
tabindex="-1"
>
<span
class="config-menu-title-content"
>
Light
</span>
</li>
</ul>
</li>
</ul>
</li>
</ul>,
<div
aria-hidden="true"
style="display: none;"
/>,
]
`;
exports[`ConfigProvider components Menu configProvider componentDisabled 1`] = `
HTMLCollection [
<ul
class="config-menu config-menu-root config-menu-inline config-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="config-menu-submenu config-menu-submenu-inline config-menu-submenu-open"
role="none"
>
<div
aria-controls="rc-menu-uuid-test-bamboo-popup"
aria-expanded="true"
aria-haspopup="true"
class="config-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-bamboo"
role="menuitem"
style="padding-left: 24px;"
tabindex="-1"
>
<span
class="config-menu-title-content"
>
bamboo
</span>
<i
class="config-menu-submenu-arrow"
/>
</div>
<ul
class="config-menu config-menu-sub config-menu-inline"
data-menu-list="true"
id="rc-menu-uuid-test-bamboo-popup"
>
<li
class="config-menu-item-group"
>
<div
class="config-menu-item-group-title"
title="Item 1"
>
Item 1
</div>
<ul
class="config-menu-item-group-list"
>
<li
class="config-menu-item config-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-1"
role="menuitem"
style="padding-left: 48px;"
tabindex="-1"
>
<span
class="config-menu-title-content"
>
Light
</span>
</li>
</ul>
</li>
</ul>
</li>
</ul>,
<div
aria-hidden="true"
style="display: none;"
/>,
]
`;
exports[`ConfigProvider components Menu configProvider componentSize large 1`] = `
HTMLCollection [
<ul
class="config-menu config-menu-root config-menu-inline config-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="config-menu-submenu config-menu-submenu-inline config-menu-submenu-open"
role="none"
>
<div
aria-controls="rc-menu-uuid-test-bamboo-popup"
aria-expanded="true"
aria-haspopup="true"
class="config-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-bamboo"
role="menuitem"
style="padding-left: 24px;"
tabindex="-1"
>
<span
class="config-menu-title-content"
>
bamboo
</span>
<i
class="config-menu-submenu-arrow"
/>
</div>
<ul
class="config-menu config-menu-sub config-menu-inline"
data-menu-list="true"
id="rc-menu-uuid-test-bamboo-popup"
>
<li
class="config-menu-item-group"
>
<div
class="config-menu-item-group-title"
title="Item 1"
>
Item 1
</div>
<ul
class="config-menu-item-group-list"
>
<li
class="config-menu-item config-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-1"
role="menuitem"
style="padding-left: 48px;"
tabindex="-1"
>
<span
class="config-menu-title-content"
>
Light
</span>
</li>
</ul>
</li>
</ul>
</li>
</ul>,
<div
aria-hidden="true"
style="display: none;"
/>,
]
`;
exports[`ConfigProvider components Menu configProvider componentSize middle 1`] = `
HTMLCollection [
<ul
class="config-menu config-menu-root config-menu-inline config-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="config-menu-submenu config-menu-submenu-inline config-menu-submenu-open"
role="none"
>
<div
aria-controls="rc-menu-uuid-test-bamboo-popup"
aria-expanded="true"
aria-haspopup="true"
class="config-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-bamboo"
role="menuitem"
style="padding-left: 24px;"
tabindex="-1"
>
<span
class="config-menu-title-content"
>
bamboo
</span>
<i
class="config-menu-submenu-arrow"
/>
</div>
<ul
class="config-menu config-menu-sub config-menu-inline"
data-menu-list="true"
id="rc-menu-uuid-test-bamboo-popup"
>
<li
class="config-menu-item-group"
>
<div
class="config-menu-item-group-title"
title="Item 1"
>
Item 1
</div>
<ul
class="config-menu-item-group-list"
>
<li
class="config-menu-item config-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-1"
role="menuitem"
style="padding-left: 48px;"
tabindex="-1"
>
<span
class="config-menu-title-content"
>
Light
</span>
</li>
</ul>
</li>
</ul>
</li>
</ul>,
<div
aria-hidden="true"
style="display: none;"
/>,
]
`;
exports[`ConfigProvider components Menu configProvider virtual and dropdownMatchSelectWidth 1`] = `
HTMLCollection [
<ul
class="ant-menu ant-menu-root ant-menu-inline ant-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"
role="none"
>
<div
aria-controls="rc-menu-uuid-test-bamboo-popup"
aria-expanded="true"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-bamboo"
role="menuitem"
style="padding-left: 24px;"
tabindex="-1"
>
<span
class="ant-menu-title-content"
>
bamboo
</span>
<i
class="ant-menu-submenu-arrow"
/>
</div>
<ul
class="ant-menu ant-menu-sub ant-menu-inline"
data-menu-list="true"
id="rc-menu-uuid-test-bamboo-popup"
>
<li
class="ant-menu-item-group"
>
<div
class="ant-menu-item-group-title"
title="Item 1"
>
Item 1
</div>
<ul
class="ant-menu-item-group-list"
>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-1"
role="menuitem"
style="padding-left: 48px;"
tabindex="-1"
>
<span
class="ant-menu-title-content"
>
Light
</span>
</li>
</ul>
</li>
</ul>
</li>
</ul>,
<div
aria-hidden="true"
style="display: none;"
/>,
]
`;
exports[`ConfigProvider components Menu normal 1`] = `
HTMLCollection [
<ul
class="ant-menu ant-menu-root ant-menu-inline ant-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"
role="none"
>
<div
aria-controls="rc-menu-uuid-test-bamboo-popup"
aria-expanded="true"
aria-haspopup="true"
class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-bamboo"
role="menuitem"
style="padding-left: 24px;"
tabindex="-1"
>
<span
class="ant-menu-title-content"
>
bamboo
</span>
<i
class="ant-menu-submenu-arrow"
/>
</div>
<ul
class="ant-menu ant-menu-sub ant-menu-inline"
data-menu-list="true"
id="rc-menu-uuid-test-bamboo-popup"
>
<li
class="ant-menu-item-group"
>
<div
class="ant-menu-item-group-title"
title="Item 1"
>
Item 1
</div>
<ul
class="ant-menu-item-group-list"
>
<li
class="ant-menu-item ant-menu-item-only-child"
data-menu-id="rc-menu-uuid-test-1"
role="menuitem"
style="padding-left: 48px;"
tabindex="-1"
>
<span
class="ant-menu-title-content"
>
Light
</span>
</li>
</ul>
</li>
</ul>
</li>
</ul>,
<div
aria-hidden="true"
style="display: none;"
/>,
]
`;
exports[`ConfigProvider components Menu prefixCls 1`] = `
HTMLCollection [
<ul
class="prefix-Menu prefix-Menu-root prefix-Menu-inline prefix-Menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="prefix-Menu-submenu prefix-Menu-submenu-inline prefix-Menu-submenu-open"
role="none"
>
<div
aria-controls="rc-menu-uuid-test-bamboo-popup"
aria-expanded="true"
aria-haspopup="true"
class="prefix-Menu-submenu-title"
data-menu-id="rc-menu-uuid-test-bamboo"
role="menuitem"
style="padding-left: 24px;"
tabindex="-1"
>
<span
class="prefix-Menu-title-content"
>
bamboo
</span>
<i
class="prefix-Menu-submenu-arrow"
/>
</div>
<ul
class="prefix-Menu prefix-Menu-sub prefix-Menu-inline"
data-menu-list="true"
id="rc-menu-uuid-test-bamboo-popup"
>
<li
class="prefix-Menu-item-group"
prefixcls="prefix-Menu"
>
<div
class="prefix-Menu-item-group-title"
title="Item 1"
>
Item 1
</div>
<ul
class="prefix-Menu-item-group-list"
>
<li
class="prefix-Menu-item prefix-Menu-item-only-child"
data-menu-id="rc-menu-uuid-test-1"
prefixcls="prefix-Menu"
role="menuitem"
style="padding-left: 48px;"
tabindex="-1"
>
<span
class="prefix-Menu-title-content"
>
Light
</span>
</li>
</ul>
</li>
</ul>
</li>
</ul>,
<div
aria-hidden="true"
style="display: none;"
/>,
]
`;
exports[`ConfigProvider components Modal configProvider 1`] = `
<div>
<div
class="config-modal-root"
>
<div
class="config-modal-mask config-fade-appear config-fade-appear-start config-fade"
/>
<div
class="config-modal-wrap"
tabindex="-1"
>
<div
aria-modal="true"
class="config-modal config-zoom-appear config-zoom-appear-prepare config-zoom"
role="dialog"
style="width: 520px;"
>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
tabindex="0"
/>
<div
class="config-modal-content"
>
<button
aria-label="Close"
class="config-modal-close"
type="button"
>
<span
class="config-modal-close-x"
>
<span
aria-label="close"
class="anticon anticon-close config-modal-close-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</span>
</button>
<div
class="config-modal-body"
>
Bamboo is Little Light
</div>
<div
class="config-modal-footer"
>
<button
class="config-btn config-btn-default"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="config-btn config-btn-primary"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
tabindex="0"
/>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Modal configProvider componentDisabled 1`] = `
<div>
<div
class="config-modal-root"
>
<div
class="config-modal-mask config-fade-appear config-fade-appear-start config-fade"
/>
<div
class="config-modal-wrap"
tabindex="-1"
>
<div
aria-modal="true"
class="config-modal config-zoom-appear config-zoom-appear-prepare config-zoom"
role="dialog"
style="width: 520px;"
>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
tabindex="0"
/>
<div
class="config-modal-content"
>
<button
aria-label="Close"
class="config-modal-close"
type="button"
>
<span
class="config-modal-close-x"
>
<span
aria-label="close"
class="anticon anticon-close config-modal-close-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</span>
</button>
<div
class="config-modal-body"
>
Bamboo is Little Light
</div>
<div
class="config-modal-footer"
>
<button
class="config-btn config-btn-default"
disabled=""
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="config-btn config-btn-primary"
disabled=""
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
tabindex="0"
/>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Modal configProvider componentSize large 1`] = `
<div>
<div
class="config-modal-root"
>
<div
class="config-modal-mask config-fade-appear config-fade-appear-start config-fade"
/>
<div
class="config-modal-wrap"
tabindex="-1"
>
<div
aria-modal="true"
class="config-modal config-zoom-appear config-zoom-appear-prepare config-zoom"
role="dialog"
style="width: 520px;"
>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
tabindex="0"
/>
<div
class="config-modal-content"
>
<button
aria-label="Close"
class="config-modal-close"
type="button"
>
<span
class="config-modal-close-x"
>
<span
aria-label="close"
class="anticon anticon-close config-modal-close-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</span>
</button>
<div
class="config-modal-body"
>
Bamboo is Little Light
</div>
<div
class="config-modal-footer"
>
<button
class="config-btn config-btn-default config-btn-lg"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-lg"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
tabindex="0"
/>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Modal configProvider componentSize middle 1`] = `
<div>
<div
class="config-modal-root"
>
<div
class="config-modal-mask config-fade-appear config-fade-appear-start config-fade"
/>
<div
class="config-modal-wrap"
tabindex="-1"
>
<div
aria-modal="true"
class="config-modal config-zoom-appear config-zoom-appear-prepare config-zoom"
role="dialog"
style="width: 520px;"
>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
tabindex="0"
/>
<div
class="config-modal-content"
>
<button
aria-label="Close"
class="config-modal-close"
type="button"
>
<span
class="config-modal-close-x"
>
<span
aria-label="close"
class="anticon anticon-close config-modal-close-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</span>
</button>
<div
class="config-modal-body"
>
Bamboo is Little Light
</div>
<div
class="config-modal-footer"
>
<button
class="config-btn config-btn-default"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="config-btn config-btn-primary"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
tabindex="0"
/>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Modal configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
<div
class="ant-modal-root"
>
<div
class="ant-modal-mask ant-fade-appear ant-fade-appear-start ant-fade"
/>
<div
class="ant-modal-wrap"
tabindex="-1"
>
<div
aria-modal="true"
class="ant-modal ant-zoom-appear ant-zoom-appear-prepare ant-zoom"
role="dialog"
style="width: 520px;"
>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
tabindex="0"
/>
<div
class="ant-modal-content"
>
<button
aria-label="Close"
class="ant-modal-close"
type="button"
>
<span
class="ant-modal-close-x"
>
<span
aria-label="close"
class="anticon anticon-close ant-modal-close-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</span>
</button>
<div
class="ant-modal-body"
>
Bamboo is Little Light
</div>
<div
class="ant-modal-footer"
>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
tabindex="0"
/>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Modal normal 1`] = `
<div>
<div
class="ant-modal-root"
>
<div
class="ant-modal-mask ant-fade-appear ant-fade-appear-start ant-fade"
/>
<div
class="ant-modal-wrap"
tabindex="-1"
>
<div
aria-modal="true"
class="ant-modal ant-zoom-appear ant-zoom-appear-prepare ant-zoom"
role="dialog"
style="width: 520px;"
>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
tabindex="0"
/>
<div
class="ant-modal-content"
>
<button
aria-label="Close"
class="ant-modal-close"
type="button"
>
<span
class="ant-modal-close-x"
>
<span
aria-label="close"
class="anticon anticon-close ant-modal-close-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</span>
</button>
<div
class="ant-modal-body"
>
Bamboo is Little Light
</div>
<div
class="ant-modal-footer"
>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
tabindex="0"
/>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Modal prefixCls 1`] = `
<div>
<div
class="prefix-Modal-root"
>
<div
class="prefix-Modal-mask ant-fade-appear ant-fade-appear-start ant-fade"
/>
<div
class="prefix-Modal-wrap"
tabindex="-1"
>
<div
aria-modal="true"
class="prefix-Modal ant-zoom-appear ant-zoom-appear-prepare ant-zoom"
role="dialog"
style="width: 520px;"
>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
tabindex="0"
/>
<div
class="prefix-Modal-content"
>
<button
aria-label="Close"
class="prefix-Modal-close"
type="button"
>
<span
class="prefix-Modal-close-x"
>
<span
aria-label="close"
class="anticon anticon-close prefix-Modal-close-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
/>
</svg>
</span>
</span>
</button>
<div
class="prefix-Modal-body"
>
Bamboo is Little Light
</div>
<div
class="prefix-Modal-footer"
>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
<div
aria-hidden="true"
style="width: 0px; height: 0px; overflow: hidden; outline: none;"
tabindex="0"
/>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components PageHeader configProvider 1`] = `
<div>
<div
class="config-page-header"
>
<div
class="config-page-header-heading"
>
<div
class="config-page-header-heading-left"
>
<span
class="config-page-header-heading-title"
title="pageHeader"
>
pageHeader
</span>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components PageHeader configProvider componentDisabled 1`] = `
<div>
<div
class="config-page-header config-page-header-ghost"
>
<div
class="config-page-header-heading"
>
<div
class="config-page-header-heading-left"
>
<span
class="config-page-header-heading-title"
title="pageHeader"
>
pageHeader
</span>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components PageHeader configProvider componentSize large 1`] = `
<div>
<div
class="config-page-header config-page-header-ghost"
>
<div
class="config-page-header-heading"
>
<div
class="config-page-header-heading-left"
>
<span
class="config-page-header-heading-title"
title="pageHeader"
>
pageHeader
</span>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components PageHeader configProvider componentSize middle 1`] = `
<div>
<div
class="config-page-header config-page-header-ghost"
>
<div
class="config-page-header-heading"
>
<div
class="config-page-header-heading-left"
>
<span
class="config-page-header-heading-title"
title="pageHeader"
>
pageHeader
</span>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components PageHeader configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
<div
class="ant-page-header ant-page-header-ghost"
>
<div
class="ant-page-header-heading"
>
<div
class="ant-page-header-heading-left"
>
<span
class="ant-page-header-heading-title"
title="pageHeader"
>
pageHeader
</span>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components PageHeader normal 1`] = `
<div>
<div
class="ant-page-header ant-page-header-ghost"
>
<div
class="ant-page-header-heading"
>
<div
class="ant-page-header-heading-left"
>
<span
class="ant-page-header-heading-title"
title="pageHeader"
>
pageHeader
</span>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components PageHeader prefixCls 1`] = `
<div>
<div
class="prefix-PageHeader prefix-PageHeader-ghost"
>
<div
class="prefix-PageHeader-heading"
>
<div
class="prefix-PageHeader-heading-left"
>
<span
class="prefix-PageHeader-heading-title"
title="pageHeader"
>
pageHeader
</span>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Pagination configProvider 1`] = `
<div>
<ul
class="config-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="config-pagination-prev config-pagination-disabled"
title="Previous Page"
>
<button
class="config-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</li>
<li
class="config-pagination-item config-pagination-item-1 config-pagination-item-disabled"
tabindex="0"
title="1"
>
<a
rel="nofollow"
>
1
</a>
</li>
<li
aria-disabled="true"
class="config-pagination-next config-pagination-disabled"
title="Next Page"
>
<button
class="config-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
</li>
<li
class="config-pagination-options"
>
<div
aria-label="Page Size"
class="config-select config-pagination-options-size-changer config-select-single config-select-show-arrow"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="10 / page"
>
10 / page
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
<ul
class="config-pagination config-pagination-mini"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="config-pagination-prev config-pagination-disabled"
title="Previous Page"
>
<button
class="config-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</li>
<li
class="config-pagination-item config-pagination-item-1 config-pagination-item-disabled"
tabindex="0"
title="1"
>
<a
rel="nofollow"
>
1
</a>
</li>
<li
aria-disabled="true"
class="config-pagination-next config-pagination-disabled"
title="Next Page"
>
<button
class="config-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
</li>
<li
class="config-pagination-options"
>
<div
aria-label="Page Size"
class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="10 / page"
>
10 / page
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
</div>
`;
exports[`ConfigProvider components Pagination configProvider componentDisabled 1`] = `
<div>
<ul
class="config-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="config-pagination-prev config-pagination-disabled"
title="Previous Page"
>
<button
class="config-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</li>
<li
class="config-pagination-item config-pagination-item-1 config-pagination-item-disabled"
tabindex="0"
title="1"
>
<a
rel="nofollow"
>
1
</a>
</li>
<li
aria-disabled="true"
class="config-pagination-next config-pagination-disabled"
title="Next Page"
>
<button
class="config-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
</li>
<li
class="config-pagination-options"
>
<div
aria-label="Page Size"
class="config-select config-pagination-options-size-changer config-select-single config-select-show-arrow config-select-disabled"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
disabled=""
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="10 / page"
>
10 / page
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
<ul
class="config-pagination config-pagination-mini"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="config-pagination-prev config-pagination-disabled"
title="Previous Page"
>
<button
class="config-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</li>
<li
class="config-pagination-item config-pagination-item-1 config-pagination-item-disabled"
tabindex="0"
title="1"
>
<a
rel="nofollow"
>
1
</a>
</li>
<li
aria-disabled="true"
class="config-pagination-next config-pagination-disabled"
title="Next Page"
>
<button
class="config-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
</li>
<li
class="config-pagination-options"
>
<div
aria-label="Page Size"
class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow config-select-disabled"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
disabled=""
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="10 / page"
>
10 / page
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
</div>
`;
exports[`ConfigProvider components Pagination configProvider componentSize large 1`] = `
<div>
<ul
class="config-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="config-pagination-prev config-pagination-disabled"
title="Previous Page"
>
<button
class="config-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</li>
<li
class="config-pagination-item config-pagination-item-1 config-pagination-item-disabled"
tabindex="0"
title="1"
>
<a
rel="nofollow"
>
1
</a>
</li>
<li
aria-disabled="true"
class="config-pagination-next config-pagination-disabled"
title="Next Page"
>
<button
class="config-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
</li>
<li
class="config-pagination-options"
>
<div
aria-label="Page Size"
class="config-select config-pagination-options-size-changer config-select-single config-select-show-arrow"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="10 / page"
>
10 / page
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
<ul
class="config-pagination config-pagination-mini"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="config-pagination-prev config-pagination-disabled"
title="Previous Page"
>
<button
class="config-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</li>
<li
class="config-pagination-item config-pagination-item-1 config-pagination-item-disabled"
tabindex="0"
title="1"
>
<a
rel="nofollow"
>
1
</a>
</li>
<li
aria-disabled="true"
class="config-pagination-next config-pagination-disabled"
title="Next Page"
>
<button
class="config-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
</li>
<li
class="config-pagination-options"
>
<div
aria-label="Page Size"
class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="10 / page"
>
10 / page
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
</div>
`;
exports[`ConfigProvider components Pagination configProvider componentSize middle 1`] = `
<div>
<ul
class="config-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="config-pagination-prev config-pagination-disabled"
title="Previous Page"
>
<button
class="config-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</li>
<li
class="config-pagination-item config-pagination-item-1 config-pagination-item-disabled"
tabindex="0"
title="1"
>
<a
rel="nofollow"
>
1
</a>
</li>
<li
aria-disabled="true"
class="config-pagination-next config-pagination-disabled"
title="Next Page"
>
<button
class="config-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
</li>
<li
class="config-pagination-options"
>
<div
aria-label="Page Size"
class="config-select config-pagination-options-size-changer config-select-single config-select-show-arrow"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="10 / page"
>
10 / page
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
<ul
class="config-pagination config-pagination-mini"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="config-pagination-prev config-pagination-disabled"
title="Previous Page"
>
<button
class="config-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</li>
<li
class="config-pagination-item config-pagination-item-1 config-pagination-item-disabled"
tabindex="0"
title="1"
>
<a
rel="nofollow"
>
1
</a>
</li>
<li
aria-disabled="true"
class="config-pagination-next config-pagination-disabled"
title="Next Page"
>
<button
class="config-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
</li>
<li
class="config-pagination-options"
>
<div
aria-label="Page Size"
class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-item"
title="10 / page"
>
10 / page
</span>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
</div>
`;
exports[`ConfigProvider components Pagination configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
<ul
class="ant-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-prev ant-pagination-disabled"
title="Previous Page"
>
<button
class="ant-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-disabled"
tabindex="0"
title="1"
>
<a
rel="nofollow"
>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-next ant-pagination-disabled"
title="Next Page"
>
<button
class="ant-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
</li>
<li
class="ant-pagination-options"
>
<div
aria-label="Page Size"
class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="10 / page"
>
10 / page
</span>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
<ul
class="ant-pagination ant-pagination-mini"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-prev ant-pagination-disabled"
title="Previous Page"
>
<button
class="ant-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-disabled"
tabindex="0"
title="1"
>
<a
rel="nofollow"
>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-next ant-pagination-disabled"
title="Next Page"
>
<button
class="ant-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
</li>
<li
class="ant-pagination-options"
>
<div
aria-label="Page Size"
class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="10 / page"
>
10 / page
</span>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
</div>
`;
exports[`ConfigProvider components Pagination normal 1`] = `
<div>
<ul
class="ant-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-prev ant-pagination-disabled"
title="Previous Page"
>
<button
class="ant-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-disabled"
tabindex="0"
title="1"
>
<a
rel="nofollow"
>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-next ant-pagination-disabled"
title="Next Page"
>
<button
class="ant-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
</li>
<li
class="ant-pagination-options"
>
<div
aria-label="Page Size"
class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="10 / page"
>
10 / page
</span>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
<ul
class="ant-pagination ant-pagination-mini"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-prev ant-pagination-disabled"
title="Previous Page"
>
<button
class="ant-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-disabled"
tabindex="0"
title="1"
>
<a
rel="nofollow"
>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-next ant-pagination-disabled"
title="Next Page"
>
<button
class="ant-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
</li>
<li
class="ant-pagination-options"
>
<div
aria-label="Page Size"
class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="10 / page"
>
10 / page
</span>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
</div>
`;
exports[`ConfigProvider components Pagination prefixCls 1`] = `
<div>
<ul
class="prefix-Pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="prefix-Pagination-prev prefix-Pagination-disabled"
title="Previous Page"
>
<button
class="prefix-Pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</li>
<li
class="prefix-Pagination-item prefix-Pagination-item-1 prefix-Pagination-item-disabled"
tabindex="0"
title="1"
>
<a
rel="nofollow"
>
1
</a>
</li>
<li
aria-disabled="true"
class="prefix-Pagination-next prefix-Pagination-disabled"
title="Next Page"
>
<button
class="prefix-Pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
</li>
<li
class="prefix-Pagination-options"
>
<div
aria-label="Page Size"
class="ant-select prefix-Pagination-options-size-changer ant-select-single ant-select-show-arrow"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="10 / page"
>
10 / page
</span>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
<ul
class="prefix-Pagination prefix-Pagination-mini"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="prefix-Pagination-prev prefix-Pagination-disabled"
title="Previous Page"
>
<button
class="prefix-Pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</li>
<li
class="prefix-Pagination-item prefix-Pagination-item-1 prefix-Pagination-item-disabled"
tabindex="0"
title="1"
>
<a
rel="nofollow"
>
1
</a>
</li>
<li
aria-disabled="true"
class="prefix-Pagination-next prefix-Pagination-disabled"
title="Next Page"
>
<button
class="prefix-Pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
</li>
<li
class="prefix-Pagination-options"
>
<div
aria-label="Page Size"
class="ant-select ant-select-sm prefix-Pagination-options-size-changer ant-select-single ant-select-show-arrow"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Page Size"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="10 / page"
>
10 / page
</span>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
</div>
`;
exports[`ConfigProvider components Popconfirm configProvider 1`] = `
<div>
<span
class="config-popover-open"
>
Bamboo
</span>
<div>
<div
class="config-popover config-popconfirm config-zoom-big-appear config-zoom-big-appear-prepare config-zoom-big"
style="opacity: 0;"
>
<div
class="config-popover-content"
>
<div
class="config-popover-arrow"
>
<span
class="config-popover-arrow-content"
/>
</div>
<div
class="config-popover-inner"
role="tooltip"
>
<div
class="config-popover-inner-content"
>
<div
class="config-popover-message"
>
<span
class="config-popover-message-icon"
>
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
</span>
<div
class="config-popover-message-title"
/>
</div>
<div
class="config-popover-buttons"
>
<button
class="config-btn config-btn-default config-btn-sm"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Popconfirm configProvider componentDisabled 1`] = `
<div>
<span
class="config-popover-open"
>
Bamboo
</span>
<div>
<div
class="config-popover config-popconfirm config-zoom-big-appear config-zoom-big-appear-prepare config-zoom-big"
style="opacity: 0;"
>
<div
class="config-popover-content"
>
<div
class="config-popover-arrow"
>
<span
class="config-popover-arrow-content"
/>
</div>
<div
class="config-popover-inner"
role="tooltip"
>
<div
class="config-popover-inner-content"
>
<div
class="config-popover-message"
>
<span
class="config-popover-message-icon"
>
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
</span>
<div
class="config-popover-message-title"
/>
</div>
<div
class="config-popover-buttons"
>
<button
class="config-btn config-btn-default config-btn-sm"
disabled=""
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm"
disabled=""
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Popconfirm configProvider componentSize large 1`] = `
<div>
<span
class="config-popover-open"
>
Bamboo
</span>
<div>
<div
class="config-popover config-popconfirm config-zoom-big-appear config-zoom-big-appear-prepare config-zoom-big"
style="opacity: 0;"
>
<div
class="config-popover-content"
>
<div
class="config-popover-arrow"
>
<span
class="config-popover-arrow-content"
/>
</div>
<div
class="config-popover-inner"
role="tooltip"
>
<div
class="config-popover-inner-content"
>
<div
class="config-popover-message"
>
<span
class="config-popover-message-icon"
>
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
</span>
<div
class="config-popover-message-title"
/>
</div>
<div
class="config-popover-buttons"
>
<button
class="config-btn config-btn-default config-btn-sm"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Popconfirm configProvider componentSize middle 1`] = `
<div>
<span
class="config-popover-open"
>
Bamboo
</span>
<div>
<div
class="config-popover config-popconfirm config-zoom-big-appear config-zoom-big-appear-prepare config-zoom-big"
style="opacity: 0;"
>
<div
class="config-popover-content"
>
<div
class="config-popover-arrow"
>
<span
class="config-popover-arrow-content"
/>
</div>
<div
class="config-popover-inner"
role="tooltip"
>
<div
class="config-popover-inner-content"
>
<div
class="config-popover-message"
>
<span
class="config-popover-message-icon"
>
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
</span>
<div
class="config-popover-message-title"
/>
</div>
<div
class="config-popover-buttons"
>
<button
class="config-btn config-btn-default config-btn-sm"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Popconfirm configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
<span
class="ant-popover-open"
>
Bamboo
</span>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-inner-content"
>
<div
class="ant-popover-message"
>
<span
class="ant-popover-message-icon"
>
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
</span>
<div
class="ant-popover-message-title"
/>
</div>
<div
class="ant-popover-buttons"
>
<button
class="ant-btn ant-btn-default ant-btn-sm"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Popconfirm normal 1`] = `
<div>
<span
class="ant-popover-open"
>
Bamboo
</span>
<div>
<div
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-inner-content"
>
<div
class="ant-popover-message"
>
<span
class="ant-popover-message-icon"
>
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
</span>
<div
class="ant-popover-message-title"
/>
</div>
<div
class="ant-popover-buttons"
>
<button
class="ant-btn ant-btn-default ant-btn-sm"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Popconfirm prefixCls 1`] = `
<div>
<span
class="prefix-Popconfirm-open"
>
Bamboo
</span>
<div>
<div
class="prefix-Popconfirm prefix-Popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
>
<div
class="prefix-Popconfirm-content"
>
<div
class="prefix-Popconfirm-arrow"
>
<span
class="prefix-Popconfirm-arrow-content"
/>
</div>
<div
class="prefix-Popconfirm-inner"
role="tooltip"
>
<div
class="prefix-Popconfirm-inner-content"
>
<div
class="prefix-Popconfirm-message"
>
<span
class="prefix-Popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
</span>
<div
class="prefix-Popconfirm-message-title"
/>
</div>
<div
class="prefix-Popconfirm-buttons"
>
<button
class="ant-btn ant-btn-default ant-btn-sm"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Popover configProvider 1`] = `
<div>
<span
class="config-popover-open"
>
Light
</span>
<div>
<div
class="config-popover config-zoom-big-appear config-zoom-big-appear-prepare config-zoom-big"
style="opacity: 0;"
>
<div
class="config-popover-content"
>
<div
class="config-popover-arrow"
>
<span
class="config-popover-arrow-content"
/>
</div>
<div
class="config-popover-inner"
role="tooltip"
/>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Popover configProvider componentDisabled 1`] = `
<div>
<span
class="config-popover-open"
>
Light
</span>
<div>
<div
class="config-popover config-zoom-big-appear config-zoom-big-appear-prepare config-zoom-big"
style="opacity: 0;"
>
<div
class="config-popover-content"
>
<div
class="config-popover-arrow"
>
<span
class="config-popover-arrow-content"
/>
</div>
<div
class="config-popover-inner"
role="tooltip"
/>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Popover configProvider componentSize large 1`] = `
<div>
<span
class="config-popover-open"
>
Light
</span>
<div>
<div
class="config-popover config-zoom-big-appear config-zoom-big-appear-prepare config-zoom-big"
style="opacity: 0;"
>
<div
class="config-popover-content"
>
<div
class="config-popover-arrow"
>
<span
class="config-popover-arrow-content"
/>
</div>
<div
class="config-popover-inner"
role="tooltip"
/>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Popover configProvider componentSize middle 1`] = `
<div>
<span
class="config-popover-open"
>
Light
</span>
<div>
<div
class="config-popover config-zoom-big-appear config-zoom-big-appear-prepare config-zoom-big"
style="opacity: 0;"
>
<div
class="config-popover-content"
>
<div
class="config-popover-arrow"
>
<span
class="config-popover-arrow-content"
/>
</div>
<div
class="config-popover-inner"
role="tooltip"
/>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Popover configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
<span
class="ant-popover-open"
>
Light
</span>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
/>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Popover normal 1`] = `
<div>
<span
class="ant-popover-open"
>
Light
</span>
<div>
<div
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
/>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Popover prefixCls 1`] = `
<div>
<span
class="prefix-Popover-open"
>
Light
</span>
<div>
<div
class="prefix-Popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
style="opacity: 0;"
>
<div
class="prefix-Popover-content"
>
<div
class="prefix-Popover-arrow"
>
<span
class="prefix-Popover-arrow-content"
/>
</div>
<div
class="prefix-Popover-inner"
role="tooltip"
/>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Progress configProvider 1`] = `
<div
class="config-progress config-progress-line config-progress-status-normal config-progress-show-info config-progress-default"
>
<div
class="config-progress-outer"
>
<div
class="config-progress-inner"
>
<div
class="config-progress-bg"
style="width: 0%; height: 8px;"
/>
</div>
</div>
<span
class="config-progress-text"
title="0%"
>
0%
</span>
</div>
`;
exports[`ConfigProvider components Progress configProvider componentDisabled 1`] = `
<div
class="config-progress config-progress-line config-progress-status-normal config-progress-show-info config-progress-default"
>
<div
class="config-progress-outer"
>
<div
class="config-progress-inner"
>
<div
class="config-progress-bg"
style="width: 0%; height: 8px;"
/>
</div>
</div>
<span
class="config-progress-text"
title="0%"
>
0%
</span>
</div>
`;
exports[`ConfigProvider components Progress configProvider componentSize large 1`] = `
<div
class="config-progress config-progress-line config-progress-status-normal config-progress-show-info config-progress-default"
>
<div
class="config-progress-outer"
>
<div
class="config-progress-inner"
>
<div
class="config-progress-bg"
style="width: 0%; height: 8px;"
/>
</div>
</div>
<span
class="config-progress-text"
title="0%"
>
0%
</span>
</div>
`;
exports[`ConfigProvider components Progress configProvider componentSize middle 1`] = `
<div
class="config-progress config-progress-line config-progress-status-normal config-progress-show-info config-progress-default"
>
<div
class="config-progress-outer"
>
<div
class="config-progress-inner"
>
<div
class="config-progress-bg"
style="width: 0%; height: 8px;"
/>
</div>
</div>
<span
class="config-progress-text"
title="0%"
>
0%
</span>
</div>
`;
exports[`ConfigProvider components Progress configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
<div
class="ant-progress-outer"
>
<div
class="ant-progress-inner"
>
<div
class="ant-progress-bg"
style="width: 0%; height: 8px;"
/>
</div>
</div>
<span
class="ant-progress-text"
title="0%"
>
0%
</span>
</div>
`;
exports[`ConfigProvider components Progress normal 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
<div
class="ant-progress-outer"
>
<div
class="ant-progress-inner"
>
<div
class="ant-progress-bg"
style="width: 0%; height: 8px;"
/>
</div>
</div>
<span
class="ant-progress-text"
title="0%"
>
0%
</span>
</div>
`;
exports[`ConfigProvider components Progress prefixCls 1`] = `
<div
class="prefix-Progress prefix-Progress-line prefix-Progress-status-normal prefix-Progress-show-info prefix-Progress-default"
>
<div
class="prefix-Progress-outer"
>
<div
class="prefix-Progress-inner"
>
<div
class="prefix-Progress-bg"
style="width: 0%; height: 8px;"
/>
</div>
</div>
<span
class="prefix-Progress-text"
title="0%"
>
0%
</span>
</div>
`;
exports[`ConfigProvider components Radio configProvider 1`] = `
<div>
<div
class="config-radio-group config-radio-group-outline"
>
<label
class="config-radio-wrapper config-radio-wrapper-checked"
>
<span
class="config-radio config-radio-checked"
>
<input
checked=""
class="config-radio-input"
type="radio"
value=""
/>
<span
class="config-radio-inner"
/>
</span>
<span>
Bamboo
</span>
</label>
</div>
<div
class="config-radio-group config-radio-group-outline"
>
<label
class="config-radio-button-wrapper config-radio-button-wrapper-checked"
>
<span
class="config-radio-button config-radio-button-checked"
>
<input
checked=""
class="config-radio-button-input"
type="radio"
value=""
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Light
</span>
</label>
</div>
</div>
`;
exports[`ConfigProvider components Radio configProvider componentDisabled 1`] = `
<div>
<div
class="config-radio-group config-radio-group-outline"
>
<label
class="config-radio-wrapper config-radio-wrapper-checked config-radio-wrapper-disabled"
>
<span
class="config-radio config-radio-checked config-radio-disabled"
>
<input
checked=""
class="config-radio-input"
disabled=""
type="radio"
value=""
/>
<span
class="config-radio-inner"
/>
</span>
<span>
Bamboo
</span>
</label>
</div>
<div
class="config-radio-group config-radio-group-outline"
>
<label
class="config-radio-button-wrapper config-radio-button-wrapper-checked config-radio-button-wrapper-disabled"
>
<span
class="config-radio-button config-radio-button-checked config-radio-button-disabled"
>
<input
checked=""
class="config-radio-button-input"
disabled=""
type="radio"
value=""
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Light
</span>
</label>
</div>
</div>
`;
exports[`ConfigProvider components Radio configProvider componentSize large 1`] = `
<div>
<div
class="config-radio-group config-radio-group-outline config-radio-group-large"
>
<label
class="config-radio-wrapper config-radio-wrapper-checked"
>
<span
class="config-radio config-radio-checked"
>
<input
checked=""
class="config-radio-input"
type="radio"
value=""
/>
<span
class="config-radio-inner"
/>
</span>
<span>
Bamboo
</span>
</label>
</div>
<div
class="config-radio-group config-radio-group-outline config-radio-group-large"
>
<label
class="config-radio-button-wrapper config-radio-button-wrapper-checked"
>
<span
class="config-radio-button config-radio-button-checked"
>
<input
checked=""
class="config-radio-button-input"
type="radio"
value=""
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Light
</span>
</label>
</div>
</div>
`;
exports[`ConfigProvider components Radio configProvider componentSize middle 1`] = `
<div>
<div
class="config-radio-group config-radio-group-outline config-radio-group-middle"
>
<label
class="config-radio-wrapper config-radio-wrapper-checked"
>
<span
class="config-radio config-radio-checked"
>
<input
checked=""
class="config-radio-input"
type="radio"
value=""
/>
<span
class="config-radio-inner"
/>
</span>
<span>
Bamboo
</span>
</label>
</div>
<div
class="config-radio-group config-radio-group-outline config-radio-group-middle"
>
<label
class="config-radio-button-wrapper config-radio-button-wrapper-checked"
>
<span
class="config-radio-button config-radio-button-checked"
>
<input
checked=""
class="config-radio-button-input"
type="radio"
value=""
/>
<span
class="config-radio-button-inner"
/>
</span>
<span>
Light
</span>
</label>
</div>
</div>
`;
exports[`ConfigProvider components Radio configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
<div
class="ant-radio-group ant-radio-group-outline"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked"
>
<span
class="ant-radio ant-radio-checked"
>
<input
checked=""
class="ant-radio-input"
type="radio"
value=""
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
Bamboo
</span>
</label>
</div>
<div
class="ant-radio-group ant-radio-group-outline"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value=""
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Light
</span>
</label>
</div>
</div>
`;
exports[`ConfigProvider components Radio normal 1`] = `
<div>
<div
class="ant-radio-group ant-radio-group-outline"
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked"
>
<span
class="ant-radio ant-radio-checked"
>
<input
checked=""
class="ant-radio-input"
type="radio"
value=""
/>
<span
class="ant-radio-inner"
/>
</span>
<span>
Bamboo
</span>
</label>
</div>
<div
class="ant-radio-group ant-radio-group-outline"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value=""
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Light
</span>
</label>
</div>
</div>
`;
exports[`ConfigProvider components Radio prefixCls 1`] = `
<div>
<div
class="prefix-Radio-group prefix-Radio-group-outline"
>
<label
class="prefix-Radio-wrapper prefix-Radio-wrapper-checked"
>
<span
class="prefix-Radio prefix-Radio-checked"
>
<input
checked=""
class="prefix-Radio-input"
type="radio"
value=""
/>
<span
class="prefix-Radio-inner"
/>
</span>
<span>
Bamboo
</span>
</label>
</div>
<div
class="prefix-Radio-group prefix-Radio-group-outline"
>
<label
class="prefix-Radio-button-wrapper prefix-Radio-button-wrapper-checked"
>
<span
class="prefix-Radio-button prefix-Radio-button-checked"
>
<input
checked=""
class="prefix-Radio-button-input"
type="radio"
value=""
/>
<span
class="prefix-Radio-button-inner"
/>
</span>
<span>
Light
</span>
</label>
</div>
</div>
`;
exports[`ConfigProvider components Rate configProvider 1`] = `
<ul
class="config-rate"
role="radiogroup"
tabindex="0"
>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="1"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="2"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="3"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="4"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="5"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
</ul>
`;
exports[`ConfigProvider components Rate configProvider componentDisabled 1`] = `
<ul
class="config-rate"
role="radiogroup"
tabindex="0"
>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="1"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="2"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="3"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="4"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="5"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
</ul>
`;
exports[`ConfigProvider components Rate configProvider componentSize large 1`] = `
<ul
class="config-rate"
role="radiogroup"
tabindex="0"
>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="1"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="2"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="3"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="4"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="5"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
</ul>
`;
exports[`ConfigProvider components Rate configProvider componentSize middle 1`] = `
<ul
class="config-rate"
role="radiogroup"
tabindex="0"
>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="1"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="2"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="3"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="4"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="config-rate-star config-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="5"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="config-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="config-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
</ul>
`;
exports[`ConfigProvider components Rate configProvider virtual and dropdownMatchSelectWidth 1`] = `
<ul
class="ant-rate"
role="radiogroup"
tabindex="0"
>
<li
class="ant-rate-star ant-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="1"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="ant-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="ant-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="2"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="ant-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="ant-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="3"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="ant-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="ant-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="4"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="ant-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="ant-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="5"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="ant-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="ant-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
</ul>
`;
exports[`ConfigProvider components Rate normal 1`] = `
<ul
class="ant-rate"
role="radiogroup"
tabindex="0"
>
<li
class="ant-rate-star ant-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="1"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="ant-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="ant-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="2"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="ant-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="ant-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="3"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="ant-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="ant-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="4"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="ant-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="ant-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="5"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="ant-rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="ant-rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
</ul>
`;
exports[`ConfigProvider components Rate prefixCls 1`] = `
<ul
class="prefix-Rate"
role="radiogroup"
tabindex="0"
>
<li
class="prefix-Rate-star prefix-Rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="1"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="prefix-Rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="prefix-Rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="prefix-Rate-star prefix-Rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="2"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="prefix-Rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="prefix-Rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="prefix-Rate-star prefix-Rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="3"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="prefix-Rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="prefix-Rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="prefix-Rate-star prefix-Rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="4"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="prefix-Rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="prefix-Rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
<li
class="prefix-Rate-star prefix-Rate-star-zero"
>
<div
aria-checked="false"
aria-posinset="5"
aria-setsize="5"
role="radio"
tabindex="0"
>
<div
class="prefix-Rate-star-first"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
<div
class="prefix-Rate-star-second"
>
<span
aria-label="star"
class="anticon anticon-star"
role="img"
>
<svg
aria-hidden="true"
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
/>
</svg>
</span>
</div>
</div>
</li>
</ul>
`;
exports[`ConfigProvider components Select configProvider 1`] = `
<div
class="config-select config-select-single config-select-show-arrow config-select-open"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_1"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-placeholder"
/>
</div>
<div>
<div
class="config-select-dropdown config-slide-up-appear config-slide-up-appear-prepare config-slide-up"
style="opacity: 0; min-width: 0; width: 0px;"
>
<div>
<div
id="rc_select_TEST_OR_SSR_list"
role="listbox"
style="height: 0px; width: 0px; overflow: hidden;"
>
<div
aria-selected="false"
id="rc_select_TEST_OR_SSR_list_0"
role="presentation"
/>
<div
aria-label="Light"
aria-selected="false"
id="rc_select_TEST_OR_SSR_list_1"
role="option"
>
Bamboo
</div>
</div>
<div
class="rc-virtual-list"
style="position: relative;"
>
<div
class="rc-virtual-list-holder"
style="max-height: 256px; overflow-y: auto;"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
class="config-select-item config-select-item-group"
title="grp"
>
grp
</div>
<div
aria-selected="false"
class="config-select-item config-select-item-option config-select-item-option-grouped config-select-item-option-active"
title="Light"
>
<div
class="config-select-item-option-content"
>
Light
</div>
<span
aria-hidden="true"
class="config-select-item-option-state"
style="user-select: none;"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components Select configProvider componentDisabled 1`] = `
<div
class="config-select config-select-single config-select-show-arrow config-select-disabled"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
disabled=""
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-placeholder"
/>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components Select configProvider componentSize large 1`] = `
<div
class="config-select config-select-lg config-select-single config-select-show-arrow config-select-open"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_1"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-placeholder"
/>
</div>
<div>
<div
class="config-select-dropdown config-slide-up-appear config-slide-up-appear-prepare config-slide-up"
style="opacity: 0; min-width: 0; width: 0px;"
>
<div>
<div
id="rc_select_TEST_OR_SSR_list"
role="listbox"
style="height: 0px; width: 0px; overflow: hidden;"
>
<div
aria-selected="false"
id="rc_select_TEST_OR_SSR_list_0"
role="presentation"
/>
<div
aria-label="Light"
aria-selected="false"
id="rc_select_TEST_OR_SSR_list_1"
role="option"
>
Bamboo
</div>
</div>
<div
class="rc-virtual-list"
style="position: relative;"
>
<div
class="rc-virtual-list-holder"
style="max-height: 256px; overflow-y: auto;"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
class="config-select-item config-select-item-group"
title="grp"
>
grp
</div>
<div
aria-selected="false"
class="config-select-item config-select-item-option config-select-item-option-grouped config-select-item-option-active"
title="Light"
>
<div
class="config-select-item-option-content"
>
Light
</div>
<span
aria-hidden="true"
class="config-select-item-option-state"
style="user-select: none;"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components Select configProvider componentSize middle 1`] = `
<div
class="config-select config-select-single config-select-show-arrow config-select-open"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_1"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-placeholder"
/>
</div>
<div>
<div
class="config-select-dropdown config-slide-up-appear config-slide-up-appear-prepare config-slide-up"
style="opacity: 0; min-width: 0; width: 0px;"
>
<div>
<div
id="rc_select_TEST_OR_SSR_list"
role="listbox"
style="height: 0px; width: 0px; overflow: hidden;"
>
<div
aria-selected="false"
id="rc_select_TEST_OR_SSR_list_0"
role="presentation"
/>
<div
aria-label="Light"
aria-selected="false"
id="rc_select_TEST_OR_SSR_list_1"
role="option"
>
Bamboo
</div>
</div>
<div
class="rc-virtual-list"
style="position: relative;"
>
<div
class="rc-virtual-list-holder"
style="max-height: 256px; overflow-y: auto;"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
class="config-select-item config-select-item-group"
title="grp"
>
grp
</div>
<div
aria-selected="false"
class="config-select-item config-select-item-option config-select-item-option-grouped config-select-item-option-active"
title="Light"
>
<div
class="config-select-item-option-content"
>
Light
</div>
<span
aria-hidden="true"
class="config-select-item-option-state"
style="user-select: none;"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components Select configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-select ant-select-single ant-select-show-arrow ant-select-open"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_1"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-placeholder"
/>
</div>
<div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: 0;"
>
<div>
<div
id="rc_select_TEST_OR_SSR_list"
role="listbox"
style="height: 0px; width: 0px; overflow: hidden;"
>
<div
aria-selected="false"
id="rc_select_TEST_OR_SSR_list_0"
role="presentation"
/>
<div
aria-label="Light"
aria-selected="false"
id="rc_select_TEST_OR_SSR_list_1"
role="option"
>
Bamboo
</div>
</div>
<div
class="rc-virtual-list"
style="position: relative;"
>
<div
class="rc-virtual-list-holder"
style="max-height: 256px; overflow-y: auto;"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
class="ant-select-item ant-select-item-group"
title="grp"
>
grp
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-grouped ant-select-item-option-active"
title="Light"
>
<div
class="ant-select-item-option-content"
>
Light
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components Select normal 1`] = `
<div
class="ant-select ant-select-single ant-select-show-arrow ant-select-open"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_1"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-placeholder"
/>
</div>
<div>
<div
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: 0; width: 0px;"
>
<div>
<div
id="rc_select_TEST_OR_SSR_list"
role="listbox"
style="height: 0px; width: 0px; overflow: hidden;"
>
<div
aria-selected="false"
id="rc_select_TEST_OR_SSR_list_0"
role="presentation"
/>
<div
aria-label="Light"
aria-selected="false"
id="rc_select_TEST_OR_SSR_list_1"
role="option"
>
Bamboo
</div>
</div>
<div
class="rc-virtual-list"
style="position: relative;"
>
<div
class="rc-virtual-list-holder"
style="max-height: 256px; overflow-y: auto;"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
class="ant-select-item ant-select-item-group"
title="grp"
>
grp
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-grouped ant-select-item-option-active"
title="Light"
>
<div
class="ant-select-item-option-content"
>
Light
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select: none;"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components Select prefixCls 1`] = `
<div
class="prefix-Select prefix-Select-single prefix-Select-show-arrow prefix-Select-open"
>
<div
class="prefix-Select-selector"
>
<span
class="prefix-Select-selection-search"
>
<input
aria-activedescendant="rc_select_TEST_OR_SSR_list_1"
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="prefix-Select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="prefix-Select-selection-placeholder"
/>
</div>
<div>
<div
class="prefix-Select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: 0; width: 0px;"
>
<div>
<div
id="rc_select_TEST_OR_SSR_list"
role="listbox"
style="height: 0px; width: 0px; overflow: hidden;"
>
<div
aria-selected="false"
id="rc_select_TEST_OR_SSR_list_0"
role="presentation"
/>
<div
aria-label="Light"
aria-selected="false"
id="rc_select_TEST_OR_SSR_list_1"
role="option"
>
Bamboo
</div>
</div>
<div
class="rc-virtual-list"
style="position: relative;"
>
<div
class="rc-virtual-list-holder"
style="max-height: 256px; overflow-y: auto;"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
class="prefix-Select-item prefix-Select-item-group"
title="grp"
>
grp
</div>
<div
aria-selected="false"
class="prefix-Select-item prefix-Select-item-option prefix-Select-item-option-grouped prefix-Select-item-option-active"
title="Light"
>
<div
class="prefix-Select-item-option-content"
>
Light
</div>
<span
aria-hidden="true"
class="prefix-Select-item-option-state"
style="user-select: none;"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="prefix-Select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down prefix-Select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components Skeleton configProvider 1`] = `
<div
class="config-skeleton config-skeleton-with-avatar"
>
<div
class="config-skeleton-header"
>
<span
class="config-skeleton-avatar config-skeleton-avatar-lg config-skeleton-avatar-circle"
/>
</div>
<div
class="config-skeleton-content"
>
<h3
class="config-skeleton-title"
style="width: 50%;"
/>
<ul
class="config-skeleton-paragraph"
>
<li />
<li />
</ul>
</div>
</div>
`;
exports[`ConfigProvider components Skeleton configProvider componentDisabled 1`] = `
<div
class="config-skeleton config-skeleton-with-avatar"
>
<div
class="config-skeleton-header"
>
<span
class="config-skeleton-avatar config-skeleton-avatar-lg config-skeleton-avatar-circle"
/>
</div>
<div
class="config-skeleton-content"
>
<h3
class="config-skeleton-title"
style="width: 50%;"
/>
<ul
class="config-skeleton-paragraph"
>
<li />
<li />
</ul>
</div>
</div>
`;
exports[`ConfigProvider components Skeleton configProvider componentSize large 1`] = `
<div
class="config-skeleton config-skeleton-with-avatar"
>
<div
class="config-skeleton-header"
>
<span
class="config-skeleton-avatar config-skeleton-avatar-lg config-skeleton-avatar-circle"
/>
</div>
<div
class="config-skeleton-content"
>
<h3
class="config-skeleton-title"
style="width: 50%;"
/>
<ul
class="config-skeleton-paragraph"
>
<li />
<li />
</ul>
</div>
</div>
`;
exports[`ConfigProvider components Skeleton configProvider componentSize middle 1`] = `
<div
class="config-skeleton config-skeleton-with-avatar"
>
<div
class="config-skeleton-header"
>
<span
class="config-skeleton-avatar config-skeleton-avatar-lg config-skeleton-avatar-circle"
/>
</div>
<div
class="config-skeleton-content"
>
<h3
class="config-skeleton-title"
style="width: 50%;"
/>
<ul
class="config-skeleton-paragraph"
>
<li />
<li />
</ul>
</div>
</div>
`;
exports[`ConfigProvider components Skeleton configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-skeleton ant-skeleton-with-avatar"
>
<div
class="ant-skeleton-header"
>
<span
class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-circle"
/>
</div>
<div
class="ant-skeleton-content"
>
<h3
class="ant-skeleton-title"
style="width: 50%;"
/>
<ul
class="ant-skeleton-paragraph"
>
<li />
<li />
</ul>
</div>
</div>
`;
exports[`ConfigProvider components Skeleton normal 1`] = `
<div
class="ant-skeleton ant-skeleton-with-avatar"
>
<div
class="ant-skeleton-header"
>
<span
class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-circle"
/>
</div>
<div
class="ant-skeleton-content"
>
<h3
class="ant-skeleton-title"
style="width: 50%;"
/>
<ul
class="ant-skeleton-paragraph"
>
<li />
<li />
</ul>
</div>
</div>
`;
exports[`ConfigProvider components Skeleton prefixCls 1`] = `
<div
class="prefix-Skeleton prefix-Skeleton-with-avatar"
>
<div
class="prefix-Skeleton-header"
>
<span
class="prefix-Skeleton-avatar prefix-Skeleton-avatar-lg prefix-Skeleton-avatar-circle"
/>
</div>
<div
class="prefix-Skeleton-content"
>
<h3
class="prefix-Skeleton-title"
style="width: 50%;"
/>
<ul
class="prefix-Skeleton-paragraph"
>
<li />
<li />
</ul>
</div>
</div>
`;
exports[`ConfigProvider components Slider configProvider 1`] = `
<div
class="config-slider config-slider-horizontal"
>
<div
class="config-slider-rail"
/>
<div
class="config-slider-track"
style="left: 0%; width: 0%;"
/>
<div
class="config-slider-step"
/>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="0"
class="config-slider-handle config-tooltip-open"
role="slider"
style="left: 0%; transform: translateX(-50%);"
tabindex="0"
/>
<div>
<div
class="config-tooltip config-slider-tooltip config-zoom-down-appear config-zoom-down-appear-prepare config-zoom-down"
style="opacity: 0;"
>
<div
class="config-tooltip-content"
>
<div
class="config-tooltip-arrow"
>
<span
class="config-tooltip-arrow-content"
/>
</div>
<div
class="config-tooltip-inner"
role="tooltip"
>
0
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Slider configProvider componentDisabled 1`] = `
<div
class="config-slider config-slider-horizontal"
>
<div
class="config-slider-rail"
/>
<div
class="config-slider-track"
style="left: 0%; width: 0%;"
/>
<div
class="config-slider-step"
/>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="0"
class="config-slider-handle config-tooltip-open"
role="slider"
style="left: 0%; transform: translateX(-50%);"
tabindex="0"
/>
<div>
<div
class="config-tooltip config-slider-tooltip config-zoom-down-appear config-zoom-down-appear-prepare config-zoom-down"
style="opacity: 0;"
>
<div
class="config-tooltip-content"
>
<div
class="config-tooltip-arrow"
>
<span
class="config-tooltip-arrow-content"
/>
</div>
<div
class="config-tooltip-inner"
role="tooltip"
>
0
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Slider configProvider componentSize large 1`] = `
<div
class="config-slider config-slider-horizontal"
>
<div
class="config-slider-rail"
/>
<div
class="config-slider-track"
style="left: 0%; width: 0%;"
/>
<div
class="config-slider-step"
/>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="0"
class="config-slider-handle config-tooltip-open"
role="slider"
style="left: 0%; transform: translateX(-50%);"
tabindex="0"
/>
<div>
<div
class="config-tooltip config-slider-tooltip config-zoom-down-appear config-zoom-down-appear-prepare config-zoom-down"
style="opacity: 0;"
>
<div
class="config-tooltip-content"
>
<div
class="config-tooltip-arrow"
>
<span
class="config-tooltip-arrow-content"
/>
</div>
<div
class="config-tooltip-inner"
role="tooltip"
>
0
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Slider configProvider componentSize middle 1`] = `
<div
class="config-slider config-slider-horizontal"
>
<div
class="config-slider-rail"
/>
<div
class="config-slider-track"
style="left: 0%; width: 0%;"
/>
<div
class="config-slider-step"
/>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="0"
class="config-slider-handle config-tooltip-open"
role="slider"
style="left: 0%; transform: translateX(-50%);"
tabindex="0"
/>
<div>
<div
class="config-tooltip config-slider-tooltip config-zoom-down-appear config-zoom-down-appear-prepare config-zoom-down"
style="opacity: 0;"
>
<div
class="config-tooltip-content"
>
<div
class="config-tooltip-arrow"
>
<span
class="config-tooltip-arrow-content"
/>
</div>
<div
class="config-tooltip-inner"
role="tooltip"
>
0
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Slider configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-slider ant-slider-horizontal"
>
<div
class="ant-slider-rail"
/>
<div
class="ant-slider-track"
style="left: 0%; width: 0%;"
/>
<div
class="ant-slider-step"
/>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="0"
class="ant-slider-handle ant-tooltip-open"
role="slider"
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;"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
>
0
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Slider normal 1`] = `
<div
class="ant-slider ant-slider-horizontal"
>
<div
class="ant-slider-rail"
/>
<div
class="ant-slider-track"
style="left: 0%; width: 0%;"
/>
<div
class="ant-slider-step"
/>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="0"
class="ant-slider-handle ant-tooltip-open"
role="slider"
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;"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
>
0
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Slider prefixCls 1`] = `
<div
class="prefix-Slider prefix-Slider-horizontal"
>
<div
class="prefix-Slider-rail"
/>
<div
class="prefix-Slider-track"
style="left: 0%; width: 0%;"
/>
<div
class="prefix-Slider-step"
/>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="0"
class="prefix-Slider-handle prefix-Slider-tooltip-open"
role="slider"
style="left: 0%; transform: translateX(-50%);"
tabindex="0"
/>
<div>
<div
class="prefix-Slider-tooltip prefix-Slider-tooltip ant-zoom-down-appear ant-zoom-down-appear-prepare ant-zoom-down"
style="opacity: 0;"
>
<div
class="prefix-Slider-tooltip-content"
>
<div
class="prefix-Slider-tooltip-arrow"
>
<span
class="prefix-Slider-tooltip-arrow-content"
/>
</div>
<div
class="prefix-Slider-tooltip-inner"
role="tooltip"
>
0
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Spin configProvider 1`] = `
<div
aria-busy="true"
aria-live="polite"
class="config-spin config-spin-spinning"
>
<span
class="config-spin-dot config-spin-dot-spin"
>
<i
class="config-spin-dot-item"
/>
<i
class="config-spin-dot-item"
/>
<i
class="config-spin-dot-item"
/>
<i
class="config-spin-dot-item"
/>
</span>
</div>
`;
exports[`ConfigProvider components Spin configProvider componentDisabled 1`] = `
<div
aria-busy="true"
aria-live="polite"
class="config-spin config-spin-spinning"
>
<span
class="config-spin-dot config-spin-dot-spin"
>
<i
class="config-spin-dot-item"
/>
<i
class="config-spin-dot-item"
/>
<i
class="config-spin-dot-item"
/>
<i
class="config-spin-dot-item"
/>
</span>
</div>
`;
exports[`ConfigProvider components Spin configProvider componentSize large 1`] = `
<div
aria-busy="true"
aria-live="polite"
class="config-spin config-spin-spinning"
>
<span
class="config-spin-dot config-spin-dot-spin"
>
<i
class="config-spin-dot-item"
/>
<i
class="config-spin-dot-item"
/>
<i
class="config-spin-dot-item"
/>
<i
class="config-spin-dot-item"
/>
</span>
</div>
`;
exports[`ConfigProvider components Spin configProvider componentSize middle 1`] = `
<div
aria-busy="true"
aria-live="polite"
class="config-spin config-spin-spinning"
>
<span
class="config-spin-dot config-spin-dot-spin"
>
<i
class="config-spin-dot-item"
/>
<i
class="config-spin-dot-item"
/>
<i
class="config-spin-dot-item"
/>
<i
class="config-spin-dot-item"
/>
</span>
</div>
`;
exports[`ConfigProvider components Spin configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
aria-busy="true"
aria-live="polite"
class="ant-spin ant-spin-spinning"
>
<span
class="ant-spin-dot ant-spin-dot-spin"
>
<i
class="ant-spin-dot-item"
/>
<i
class="ant-spin-dot-item"
/>
<i
class="ant-spin-dot-item"
/>
<i
class="ant-spin-dot-item"
/>
</span>
</div>
`;
exports[`ConfigProvider components Spin normal 1`] = `
<div
aria-busy="true"
aria-live="polite"
class="ant-spin ant-spin-spinning"
>
<span
class="ant-spin-dot ant-spin-dot-spin"
>
<i
class="ant-spin-dot-item"
/>
<i
class="ant-spin-dot-item"
/>
<i
class="ant-spin-dot-item"
/>
<i
class="ant-spin-dot-item"
/>
</span>
</div>
`;
exports[`ConfigProvider components Spin prefixCls 1`] = `
<div
aria-busy="true"
aria-live="polite"
class="prefix-Spin prefix-Spin-spinning"
>
<span
class="prefix-Spin-dot prefix-Spin-dot-spin"
>
<i
class="prefix-Spin-dot-item"
/>
<i
class="prefix-Spin-dot-item"
/>
<i
class="prefix-Spin-dot-item"
/>
<i
class="prefix-Spin-dot-item"
/>
</span>
</div>
`;
exports[`ConfigProvider components Statistic configProvider 1`] = `
<div
class="config-statistic"
>
<div
class="config-statistic-content"
>
<span
class="config-statistic-content-value"
>
<span
class="config-statistic-content-value-int"
>
0
</span>
</span>
</div>
</div>
`;
exports[`ConfigProvider components Statistic configProvider componentDisabled 1`] = `
<div
class="config-statistic"
>
<div
class="config-statistic-content"
>
<span
class="config-statistic-content-value"
>
<span
class="config-statistic-content-value-int"
>
0
</span>
</span>
</div>
</div>
`;
exports[`ConfigProvider components Statistic configProvider componentSize large 1`] = `
<div
class="config-statistic"
>
<div
class="config-statistic-content"
>
<span
class="config-statistic-content-value"
>
<span
class="config-statistic-content-value-int"
>
0
</span>
</span>
</div>
</div>
`;
exports[`ConfigProvider components Statistic configProvider componentSize middle 1`] = `
<div
class="config-statistic"
>
<div
class="config-statistic-content"
>
<span
class="config-statistic-content-value"
>
<span
class="config-statistic-content-value-int"
>
0
</span>
</span>
</div>
</div>
`;
exports[`ConfigProvider components Statistic configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-statistic"
>
<div
class="ant-statistic-content"
>
<span
class="ant-statistic-content-value"
>
<span
class="ant-statistic-content-value-int"
>
0
</span>
</span>
</div>
</div>
`;
exports[`ConfigProvider components Statistic normal 1`] = `
<div
class="ant-statistic"
>
<div
class="ant-statistic-content"
>
<span
class="ant-statistic-content-value"
>
<span
class="ant-statistic-content-value-int"
>
0
</span>
</span>
</div>
</div>
`;
exports[`ConfigProvider components Statistic prefixCls 1`] = `
<div
class="prefix-Statistic"
>
<div
class="prefix-Statistic-content"
>
<span
class="prefix-Statistic-content-value"
>
<span
class="prefix-Statistic-content-value-int"
>
0
</span>
</span>
</div>
</div>
`;
exports[`ConfigProvider components Steps configProvider 1`] = `
<div
class="config-steps config-steps-vertical"
>
<div
class="config-steps-item config-steps-item-process config-steps-item-active"
>
<div
class="config-steps-item-container"
>
<div
class="config-steps-item-tail"
/>
<div
class="config-steps-item-icon"
>
<span
class="config-steps-icon"
>
1
</span>
</div>
<div
class="config-steps-item-content"
>
<div
class="config-steps-item-title"
>
Bamboo
</div>
<div
class="config-steps-item-description"
>
Little Light
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Steps configProvider componentDisabled 1`] = `
<div
class="config-steps config-steps-vertical"
>
<div
class="config-steps-item config-steps-item-process config-steps-item-active"
>
<div
class="config-steps-item-container"
>
<div
class="config-steps-item-tail"
/>
<div
class="config-steps-item-icon"
>
<span
class="config-steps-icon"
>
1
</span>
</div>
<div
class="config-steps-item-content"
>
<div
class="config-steps-item-title"
>
Bamboo
</div>
<div
class="config-steps-item-description"
>
Little Light
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Steps configProvider componentSize large 1`] = `
<div
class="config-steps config-steps-vertical"
>
<div
class="config-steps-item config-steps-item-process config-steps-item-active"
>
<div
class="config-steps-item-container"
>
<div
class="config-steps-item-tail"
/>
<div
class="config-steps-item-icon"
>
<span
class="config-steps-icon"
>
1
</span>
</div>
<div
class="config-steps-item-content"
>
<div
class="config-steps-item-title"
>
Bamboo
</div>
<div
class="config-steps-item-description"
>
Little Light
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Steps configProvider componentSize middle 1`] = `
<div
class="config-steps config-steps-vertical"
>
<div
class="config-steps-item config-steps-item-process config-steps-item-active"
>
<div
class="config-steps-item-container"
>
<div
class="config-steps-item-tail"
/>
<div
class="config-steps-item-icon"
>
<span
class="config-steps-icon"
>
1
</span>
</div>
<div
class="config-steps-item-content"
>
<div
class="config-steps-item-title"
>
Bamboo
</div>
<div
class="config-steps-item-description"
>
Little Light
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Steps configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-steps ant-steps-vertical"
>
<div
class="ant-steps-item ant-steps-item-process ant-steps-item-active"
>
<div
class="ant-steps-item-container"
>
<div
class="ant-steps-item-tail"
/>
<div
class="ant-steps-item-icon"
>
<span
class="ant-steps-icon"
>
1
</span>
</div>
<div
class="ant-steps-item-content"
>
<div
class="ant-steps-item-title"
>
Bamboo
</div>
<div
class="ant-steps-item-description"
>
Little Light
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Steps normal 1`] = `
<div
class="ant-steps ant-steps-vertical"
>
<div
class="ant-steps-item ant-steps-item-process ant-steps-item-active"
>
<div
class="ant-steps-item-container"
>
<div
class="ant-steps-item-tail"
/>
<div
class="ant-steps-item-icon"
>
<span
class="ant-steps-icon"
>
1
</span>
</div>
<div
class="ant-steps-item-content"
>
<div
class="ant-steps-item-title"
>
Bamboo
</div>
<div
class="ant-steps-item-description"
>
Little Light
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Steps prefixCls 1`] = `
<div
class="prefix-Steps prefix-Steps-vertical"
>
<div
class="prefix-Steps-item prefix-Steps-item-process prefix-Steps-item-active"
>
<div
class="prefix-Steps-item-container"
>
<div
class="prefix-Steps-item-tail"
/>
<div
class="prefix-Steps-item-icon"
>
<span
class="prefix-Steps-icon"
>
1
</span>
</div>
<div
class="prefix-Steps-item-content"
>
<div
class="prefix-Steps-item-title"
>
Bamboo
</div>
<div
class="prefix-Steps-item-description"
>
Little Light
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Switch configProvider 1`] = `
<button
aria-checked="false"
class="config-switch"
role="switch"
type="button"
>
<div
class="config-switch-handle"
/>
<span
class="config-switch-inner"
/>
</button>
`;
exports[`ConfigProvider components Switch configProvider componentDisabled 1`] = `
<button
aria-checked="false"
class="config-switch config-switch-disabled"
disabled=""
role="switch"
type="button"
>
<div
class="config-switch-handle"
/>
<span
class="config-switch-inner"
/>
</button>
`;
exports[`ConfigProvider components Switch configProvider componentSize large 1`] = `
<button
aria-checked="false"
class="config-switch"
role="switch"
type="button"
>
<div
class="config-switch-handle"
/>
<span
class="config-switch-inner"
/>
</button>
`;
exports[`ConfigProvider components Switch configProvider componentSize middle 1`] = `
<button
aria-checked="false"
class="config-switch"
role="switch"
type="button"
>
<div
class="config-switch-handle"
/>
<span
class="config-switch-inner"
/>
</button>
`;
exports[`ConfigProvider components Switch configProvider virtual and dropdownMatchSelectWidth 1`] = `
<button
aria-checked="false"
class="ant-switch"
role="switch"
type="button"
>
<div
class="ant-switch-handle"
/>
<span
class="ant-switch-inner"
/>
</button>
`;
exports[`ConfigProvider components Switch normal 1`] = `
<button
aria-checked="false"
class="ant-switch"
role="switch"
type="button"
>
<div
class="ant-switch-handle"
/>
<span
class="ant-switch-inner"
/>
</button>
`;
exports[`ConfigProvider components Switch prefixCls 1`] = `
<button
aria-checked="false"
class="prefix-Switch"
role="switch"
type="button"
>
<div
class="prefix-Switch-handle"
/>
<span
class="prefix-Switch-inner"
/>
</button>
`;
exports[`ConfigProvider components Table configProvider 1`] = `
<div
class="config-table-wrapper"
>
<div
class="config-spin-nested-loading"
>
<div
class="config-spin-container"
>
<div
class="config-table config-table-empty"
>
<div
class="config-table-container"
>
<div
class="config-table-content"
>
<table
style="table-layout: auto;"
>
<colgroup />
<thead
class="config-table-thead"
>
<tr>
<th
aria-label="Name sortable"
class="config-table-cell config-table-column-has-sorters"
tabindex="0"
>
<div
class="config-table-filter-column"
>
<span
class="config-table-column-title"
>
<div
class="config-table-column-sorters"
>
<span
class="config-table-column-title"
>
Name
</span>
<span
class="config-table-column-sorter config-table-column-sorter-full"
>
<span
class="config-table-column-sorter-inner"
>
<span
aria-label="caret-up"
class="anticon anticon-caret-up config-table-column-sorter-up"
role="presentation"
>
<svg
aria-hidden="true"
data-icon="caret-up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
/>
</svg>
</span>
<span
aria-label="caret-down"
class="anticon anticon-caret-down config-table-column-sorter-down"
role="presentation"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
</span>
</span>
</div>
</span>
<span
class="config-dropdown-trigger config-table-filter-trigger config-dropdown-open"
role="button"
tabindex="-1"
>
<span
aria-label="filter"
class="anticon anticon-filter"
role="img"
>
<svg
aria-hidden="true"
data-icon="filter"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
/>
</svg>
</span>
</span>
<div>
<div
class="config-dropdown config-slide-up-appear config-slide-up-appear-prepare config-slide-up"
style="opacity: 0;"
>
<div
class="config-table-filter-dropdown"
>
<ul
class="config-dropdown-menu config-dropdown-menu-root config-dropdown-menu-vertical config-dropdown-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="config-dropdown-menu-item"
data-menu-id="rc-menu-uuid-test-Joe"
role="menuitem"
tabindex="-1"
>
<span
class="config-dropdown-menu-title-content"
>
<label
class="config-checkbox-wrapper"
>
<span
class="config-checkbox"
>
<input
class="config-checkbox-input"
type="checkbox"
value=""
/>
<span
class="config-checkbox-inner"
/>
</span>
</label>
<span>
Joe
</span>
</span>
</li>
<li
class="config-dropdown-menu-submenu config-dropdown-menu-submenu-vertical"
role="none"
>
<div
aria-controls="rc-menu-uuid-test-Submenu-popup"
aria-expanded="false"
aria-haspopup="true"
class="config-dropdown-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-Submenu"
role="menuitem"
tabindex="-1"
>
<span
class="config-dropdown-menu-title-content"
>
Submenu
</span>
<span
class="config-dropdown-menu-submenu-expand-icon"
>
<span
aria-label="right"
class="anticon anticon-right config-dropdown-menu-submenu-arrow-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
<div
aria-hidden="true"
style="display: none;"
/>
<div
class="config-table-filter-dropdown-btns"
>
<button
class="config-btn config-btn-link config-btn-sm"
disabled=""
type="button"
>
<span>
Reset
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</th>
</tr>
</thead>
<tbody
class="config-table-tbody"
>
<tr
class="config-table-placeholder"
>
<td
class="config-table-cell"
>
<div
class="config-empty config-empty-normal"
>
<div
class="config-empty-image"
>
<svg
class="config-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="config-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="config-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="config-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="config-empty-description"
>
No Data
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Table configProvider componentDisabled 1`] = `
<div
class="config-table-wrapper"
>
<div
class="config-spin-nested-loading"
>
<div
class="config-spin-container"
>
<div
class="config-table config-table-empty"
>
<div
class="config-table-container"
>
<div
class="config-table-content"
>
<table
style="table-layout: auto;"
>
<colgroup />
<thead
class="config-table-thead"
>
<tr>
<th
aria-label="Name sortable"
class="config-table-cell config-table-column-has-sorters"
tabindex="0"
>
<div
class="config-table-filter-column"
>
<span
class="config-table-column-title"
>
<div
class="config-table-column-sorters"
>
<span
class="config-table-column-title"
>
Name
</span>
<span
class="config-table-column-sorter config-table-column-sorter-full"
>
<span
class="config-table-column-sorter-inner"
>
<span
aria-label="caret-up"
class="anticon anticon-caret-up config-table-column-sorter-up"
role="presentation"
>
<svg
aria-hidden="true"
data-icon="caret-up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
/>
</svg>
</span>
<span
aria-label="caret-down"
class="anticon anticon-caret-down config-table-column-sorter-down"
role="presentation"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
</span>
</span>
</div>
</span>
<span
class="config-dropdown-trigger config-table-filter-trigger config-dropdown-open"
role="button"
tabindex="-1"
>
<span
aria-label="filter"
class="anticon anticon-filter"
role="img"
>
<svg
aria-hidden="true"
data-icon="filter"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
/>
</svg>
</span>
</span>
<div>
<div
class="config-dropdown config-slide-up-appear config-slide-up-appear-prepare config-slide-up"
style="opacity: 0;"
>
<div
class="config-table-filter-dropdown"
>
<ul
class="config-dropdown-menu config-dropdown-menu-root config-dropdown-menu-vertical config-dropdown-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="config-dropdown-menu-item"
data-menu-id="rc-menu-uuid-test-Joe"
role="menuitem"
tabindex="-1"
>
<span
class="config-dropdown-menu-title-content"
>
<label
class="config-checkbox-wrapper config-checkbox-wrapper-disabled"
>
<span
class="config-checkbox config-checkbox-disabled"
>
<input
class="config-checkbox-input"
disabled=""
type="checkbox"
value=""
/>
<span
class="config-checkbox-inner"
/>
</span>
</label>
<span>
Joe
</span>
</span>
</li>
<li
class="config-dropdown-menu-submenu config-dropdown-menu-submenu-vertical"
role="none"
>
<div
aria-controls="rc-menu-uuid-test-Submenu-popup"
aria-expanded="false"
aria-haspopup="true"
class="config-dropdown-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-Submenu"
role="menuitem"
tabindex="-1"
>
<span
class="config-dropdown-menu-title-content"
>
Submenu
</span>
<span
class="config-dropdown-menu-submenu-expand-icon"
>
<span
aria-label="right"
class="anticon anticon-right config-dropdown-menu-submenu-arrow-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
<div
aria-hidden="true"
style="display: none;"
/>
<div
class="config-table-filter-dropdown-btns"
>
<button
class="config-btn config-btn-link config-btn-sm"
disabled=""
type="button"
>
<span>
Reset
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm"
disabled=""
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</th>
</tr>
</thead>
<tbody
class="config-table-tbody"
>
<tr
class="config-table-placeholder"
>
<td
class="config-table-cell"
>
<div
class="config-empty config-empty-normal"
>
<div
class="config-empty-image"
>
<svg
class="config-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="config-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="config-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="config-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="config-empty-description"
>
No Data
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Table configProvider componentSize large 1`] = `
<div
class="config-table-wrapper"
>
<div
class="config-spin-nested-loading"
>
<div
class="config-spin-container"
>
<div
class="config-table config-table-empty"
>
<div
class="config-table-container"
>
<div
class="config-table-content"
>
<table
style="table-layout: auto;"
>
<colgroup />
<thead
class="config-table-thead"
>
<tr>
<th
aria-label="Name sortable"
class="config-table-cell config-table-column-has-sorters"
tabindex="0"
>
<div
class="config-table-filter-column"
>
<span
class="config-table-column-title"
>
<div
class="config-table-column-sorters"
>
<span
class="config-table-column-title"
>
Name
</span>
<span
class="config-table-column-sorter config-table-column-sorter-full"
>
<span
class="config-table-column-sorter-inner"
>
<span
aria-label="caret-up"
class="anticon anticon-caret-up config-table-column-sorter-up"
role="presentation"
>
<svg
aria-hidden="true"
data-icon="caret-up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
/>
</svg>
</span>
<span
aria-label="caret-down"
class="anticon anticon-caret-down config-table-column-sorter-down"
role="presentation"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
</span>
</span>
</div>
</span>
<span
class="config-dropdown-trigger config-table-filter-trigger config-dropdown-open"
role="button"
tabindex="-1"
>
<span
aria-label="filter"
class="anticon anticon-filter"
role="img"
>
<svg
aria-hidden="true"
data-icon="filter"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
/>
</svg>
</span>
</span>
<div>
<div
class="config-dropdown config-slide-up-appear config-slide-up-appear-prepare config-slide-up"
style="opacity: 0;"
>
<div
class="config-table-filter-dropdown"
>
<ul
class="config-dropdown-menu config-dropdown-menu-root config-dropdown-menu-vertical config-dropdown-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="config-dropdown-menu-item"
data-menu-id="rc-menu-uuid-test-Joe"
role="menuitem"
tabindex="-1"
>
<span
class="config-dropdown-menu-title-content"
>
<label
class="config-checkbox-wrapper"
>
<span
class="config-checkbox"
>
<input
class="config-checkbox-input"
type="checkbox"
value=""
/>
<span
class="config-checkbox-inner"
/>
</span>
</label>
<span>
Joe
</span>
</span>
</li>
<li
class="config-dropdown-menu-submenu config-dropdown-menu-submenu-vertical"
role="none"
>
<div
aria-controls="rc-menu-uuid-test-Submenu-popup"
aria-expanded="false"
aria-haspopup="true"
class="config-dropdown-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-Submenu"
role="menuitem"
tabindex="-1"
>
<span
class="config-dropdown-menu-title-content"
>
Submenu
</span>
<span
class="config-dropdown-menu-submenu-expand-icon"
>
<span
aria-label="right"
class="anticon anticon-right config-dropdown-menu-submenu-arrow-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
<div
aria-hidden="true"
style="display: none;"
/>
<div
class="config-table-filter-dropdown-btns"
>
<button
class="config-btn config-btn-link config-btn-sm"
disabled=""
type="button"
>
<span>
Reset
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</th>
</tr>
</thead>
<tbody
class="config-table-tbody"
>
<tr
class="config-table-placeholder"
>
<td
class="config-table-cell"
>
<div
class="config-empty config-empty-normal"
>
<div
class="config-empty-image"
>
<svg
class="config-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="config-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="config-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="config-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="config-empty-description"
>
No Data
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Table configProvider componentSize middle 1`] = `
<div
class="config-table-wrapper"
>
<div
class="config-spin-nested-loading"
>
<div
class="config-spin-container"
>
<div
class="config-table config-table-middle config-table-empty"
>
<div
class="config-table-container"
>
<div
class="config-table-content"
>
<table
style="table-layout: auto;"
>
<colgroup />
<thead
class="config-table-thead"
>
<tr>
<th
aria-label="Name sortable"
class="config-table-cell config-table-column-has-sorters"
tabindex="0"
>
<div
class="config-table-filter-column"
>
<span
class="config-table-column-title"
>
<div
class="config-table-column-sorters"
>
<span
class="config-table-column-title"
>
Name
</span>
<span
class="config-table-column-sorter config-table-column-sorter-full"
>
<span
class="config-table-column-sorter-inner"
>
<span
aria-label="caret-up"
class="anticon anticon-caret-up config-table-column-sorter-up"
role="presentation"
>
<svg
aria-hidden="true"
data-icon="caret-up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
/>
</svg>
</span>
<span
aria-label="caret-down"
class="anticon anticon-caret-down config-table-column-sorter-down"
role="presentation"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
</span>
</span>
</div>
</span>
<span
class="config-dropdown-trigger config-table-filter-trigger config-dropdown-open"
role="button"
tabindex="-1"
>
<span
aria-label="filter"
class="anticon anticon-filter"
role="img"
>
<svg
aria-hidden="true"
data-icon="filter"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
/>
</svg>
</span>
</span>
<div>
<div
class="config-dropdown config-slide-up-appear config-slide-up-appear-prepare config-slide-up"
style="opacity: 0;"
>
<div
class="config-table-filter-dropdown"
>
<ul
class="config-dropdown-menu config-dropdown-menu-root config-dropdown-menu-vertical config-dropdown-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="config-dropdown-menu-item"
data-menu-id="rc-menu-uuid-test-Joe"
role="menuitem"
tabindex="-1"
>
<span
class="config-dropdown-menu-title-content"
>
<label
class="config-checkbox-wrapper"
>
<span
class="config-checkbox"
>
<input
class="config-checkbox-input"
type="checkbox"
value=""
/>
<span
class="config-checkbox-inner"
/>
</span>
</label>
<span>
Joe
</span>
</span>
</li>
<li
class="config-dropdown-menu-submenu config-dropdown-menu-submenu-vertical"
role="none"
>
<div
aria-controls="rc-menu-uuid-test-Submenu-popup"
aria-expanded="false"
aria-haspopup="true"
class="config-dropdown-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-Submenu"
role="menuitem"
tabindex="-1"
>
<span
class="config-dropdown-menu-title-content"
>
Submenu
</span>
<span
class="config-dropdown-menu-submenu-expand-icon"
>
<span
aria-label="right"
class="anticon anticon-right config-dropdown-menu-submenu-arrow-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
<div
aria-hidden="true"
style="display: none;"
/>
<div
class="config-table-filter-dropdown-btns"
>
<button
class="config-btn config-btn-link config-btn-sm"
disabled=""
type="button"
>
<span>
Reset
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</th>
</tr>
</thead>
<tbody
class="config-table-tbody"
>
<tr
class="config-table-placeholder"
>
<td
class="config-table-cell"
>
<div
class="config-empty config-empty-normal"
>
<div
class="config-empty-image"
>
<svg
class="config-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="config-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="config-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="config-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="config-empty-description"
>
No Data
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Table configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-empty"
>
<div
class="ant-table-container"
>
<div
class="ant-table-content"
>
<table
style="table-layout: auto;"
>
<colgroup />
<thead
class="ant-table-thead"
>
<tr>
<th
aria-label="Name sortable"
class="ant-table-cell ant-table-column-has-sorters"
tabindex="0"
>
<div
class="ant-table-filter-column"
>
<span
class="ant-table-column-title"
>
<div
class="ant-table-column-sorters"
>
<span
class="ant-table-column-title"
>
Name
</span>
<span
class="ant-table-column-sorter ant-table-column-sorter-full"
>
<span
class="ant-table-column-sorter-inner"
>
<span
aria-label="caret-up"
class="anticon anticon-caret-up ant-table-column-sorter-up"
role="presentation"
>
<svg
aria-hidden="true"
data-icon="caret-up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
/>
</svg>
</span>
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-table-column-sorter-down"
role="presentation"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
</span>
</span>
</div>
</span>
<span
class="ant-dropdown-trigger ant-table-filter-trigger ant-dropdown-open"
role="button"
tabindex="-1"
>
<span
aria-label="filter"
class="anticon anticon-filter"
role="img"
>
<svg
aria-hidden="true"
data-icon="filter"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
/>
</svg>
</span>
</span>
<div>
<div
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
>
<div
class="ant-table-filter-dropdown"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="ant-dropdown-menu-item"
data-menu-id="rc-menu-uuid-test-Joe"
role="menuitem"
tabindex="-1"
>
<span
class="ant-dropdown-menu-title-content"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
<span>
Joe
</span>
</span>
</li>
<li
class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-vertical"
role="none"
>
<div
aria-controls="rc-menu-uuid-test-Submenu-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-dropdown-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-Submenu"
role="menuitem"
tabindex="-1"
>
<span
class="ant-dropdown-menu-title-content"
>
Submenu
</span>
<span
class="ant-dropdown-menu-submenu-expand-icon"
>
<span
aria-label="right"
class="anticon anticon-right ant-dropdown-menu-submenu-arrow-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
<div
aria-hidden="true"
style="display: none;"
/>
<div
class="ant-table-filter-dropdown-btns"
>
<button
class="ant-btn ant-btn-link ant-btn-sm"
disabled=""
type="button"
>
<span>
Reset
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-placeholder"
>
<td
class="ant-table-cell"
>
<div
class="ant-empty ant-empty-normal"
>
<div
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="ant-empty-description"
>
No Data
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Table normal 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-empty"
>
<div
class="ant-table-container"
>
<div
class="ant-table-content"
>
<table
style="table-layout: auto;"
>
<colgroup />
<thead
class="ant-table-thead"
>
<tr>
<th
aria-label="Name sortable"
class="ant-table-cell ant-table-column-has-sorters"
tabindex="0"
>
<div
class="ant-table-filter-column"
>
<span
class="ant-table-column-title"
>
<div
class="ant-table-column-sorters"
>
<span
class="ant-table-column-title"
>
Name
</span>
<span
class="ant-table-column-sorter ant-table-column-sorter-full"
>
<span
class="ant-table-column-sorter-inner"
>
<span
aria-label="caret-up"
class="anticon anticon-caret-up ant-table-column-sorter-up"
role="presentation"
>
<svg
aria-hidden="true"
data-icon="caret-up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
/>
</svg>
</span>
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-table-column-sorter-down"
role="presentation"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
</span>
</span>
</div>
</span>
<span
class="ant-dropdown-trigger ant-table-filter-trigger ant-dropdown-open"
role="button"
tabindex="-1"
>
<span
aria-label="filter"
class="anticon anticon-filter"
role="img"
>
<svg
aria-hidden="true"
data-icon="filter"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
/>
</svg>
</span>
</span>
<div>
<div
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
>
<div
class="ant-table-filter-dropdown"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="ant-dropdown-menu-item"
data-menu-id="rc-menu-uuid-test-Joe"
role="menuitem"
tabindex="-1"
>
<span
class="ant-dropdown-menu-title-content"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
<span>
Joe
</span>
</span>
</li>
<li
class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-vertical"
role="none"
>
<div
aria-controls="rc-menu-uuid-test-Submenu-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-dropdown-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-Submenu"
role="menuitem"
tabindex="-1"
>
<span
class="ant-dropdown-menu-title-content"
>
Submenu
</span>
<span
class="ant-dropdown-menu-submenu-expand-icon"
>
<span
aria-label="right"
class="anticon anticon-right ant-dropdown-menu-submenu-arrow-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
<div
aria-hidden="true"
style="display: none;"
/>
<div
class="ant-table-filter-dropdown-btns"
>
<button
class="ant-btn ant-btn-link ant-btn-sm"
disabled=""
type="button"
>
<span>
Reset
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-placeholder"
>
<td
class="ant-table-cell"
>
<div
class="ant-empty ant-empty-normal"
>
<div
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="ant-empty-description"
>
No Data
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Table prefixCls 1`] = `
<div
class="prefix-Table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="prefix-Table prefix-Table-empty"
>
<div
class="prefix-Table-container"
>
<div
class="prefix-Table-content"
>
<table
style="table-layout: auto;"
>
<colgroup />
<thead
class="prefix-Table-thead"
>
<tr>
<th
aria-label="Name sortable"
class="prefix-Table-cell prefix-Table-column-has-sorters"
tabindex="0"
>
<div
class="prefix-Table-filter-column"
>
<span
class="prefix-Table-column-title"
>
<div
class="prefix-Table-column-sorters"
>
<span
class="prefix-Table-column-title"
>
Name
</span>
<span
class="prefix-Table-column-sorter prefix-Table-column-sorter-full"
>
<span
class="prefix-Table-column-sorter-inner"
>
<span
aria-label="caret-up"
class="anticon anticon-caret-up prefix-Table-column-sorter-up"
role="presentation"
>
<svg
aria-hidden="true"
data-icon="caret-up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
/>
</svg>
</span>
<span
aria-label="caret-down"
class="anticon anticon-caret-down prefix-Table-column-sorter-down"
role="presentation"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
</span>
</span>
</div>
</span>
<span
class="ant-dropdown-trigger prefix-Table-filter-trigger ant-dropdown-open"
role="button"
tabindex="-1"
>
<span
aria-label="filter"
class="anticon anticon-filter"
role="img"
>
<svg
aria-hidden="true"
data-icon="filter"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
/>
</svg>
</span>
</span>
<div>
<div
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
>
<div
class="prefix-Table-filter-dropdown"
>
<ul
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
data-menu-list="true"
role="menu"
tabindex="0"
>
<li
class="ant-dropdown-menu-item"
data-menu-id="rc-menu-uuid-test-Joe"
role="menuitem"
tabindex="-1"
>
<span
class="ant-dropdown-menu-title-content"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
<span>
Joe
</span>
</span>
</li>
<li
class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-vertical"
role="none"
>
<div
aria-controls="rc-menu-uuid-test-Submenu-popup"
aria-expanded="false"
aria-haspopup="true"
class="ant-dropdown-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-Submenu"
role="menuitem"
tabindex="-1"
>
<span
class="ant-dropdown-menu-title-content"
>
Submenu
</span>
<span
class="ant-dropdown-menu-submenu-expand-icon"
>
<span
aria-label="right"
class="anticon anticon-right ant-dropdown-menu-submenu-arrow-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</span>
</div>
</li>
</ul>
<div
aria-hidden="true"
style="display: none;"
/>
<div
class="prefix-Table-filter-dropdown-btns"
>
<button
class="ant-btn ant-btn-link ant-btn-sm"
disabled=""
type="button"
>
<span>
Reset
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</th>
</tr>
</thead>
<tbody
class="prefix-Table-tbody"
>
<tr
class="prefix-Table-placeholder"
>
<td
class="prefix-Table-cell"
>
<div
class="ant-empty ant-empty-normal"
>
<div
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="ant-empty-description"
>
No Data
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Tabs configProvider 1`] = `
<div
class="config-tabs config-tabs-top"
>
<div
class="config-tabs-nav"
role="tablist"
>
<div
class="config-tabs-nav-wrap"
>
<div
class="config-tabs-nav-list"
style="transform: translate(0px, 0px);"
>
<div
class="config-tabs-tab config-tabs-tab-active"
>
<div
aria-controls="rc-tabs-test-panel-Light"
aria-selected="true"
class="config-tabs-tab-btn"
id="rc-tabs-test-tab-Light"
role="tab"
tabindex="0"
>
Bamboo
</div>
</div>
<div
class="config-tabs-ink-bar config-tabs-ink-bar-animated"
/>
</div>
</div>
<div
class="config-tabs-nav-operations config-tabs-nav-operations-hidden"
>
<button
aria-controls="rc-tabs-test-more-popup"
aria-expanded="false"
aria-haspopup="listbox"
aria-hidden="true"
class="config-tabs-nav-more"
id="rc-tabs-test-more"
style="visibility: hidden; order: 1;"
tabindex="-1"
type="button"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</button>
</div>
</div>
<div
class="config-tabs-content-holder"
>
<div
class="config-tabs-content config-tabs-content-top"
>
<div
aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-Light"
class="config-tabs-tabpane config-tabs-tabpane-active"
id="rc-tabs-test-panel-Light"
role="tabpanel"
tabindex="0"
/>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Tabs configProvider componentDisabled 1`] = `
<div
class="config-tabs config-tabs-top"
>
<div
class="config-tabs-nav"
role="tablist"
>
<div
class="config-tabs-nav-wrap"
>
<div
class="config-tabs-nav-list"
style="transform: translate(0px, 0px);"
>
<div
class="config-tabs-tab config-tabs-tab-active"
>
<div
aria-controls="rc-tabs-test-panel-Light"
aria-selected="true"
class="config-tabs-tab-btn"
id="rc-tabs-test-tab-Light"
role="tab"
tabindex="0"
>
Bamboo
</div>
</div>
<div
class="config-tabs-ink-bar config-tabs-ink-bar-animated"
/>
</div>
</div>
<div
class="config-tabs-nav-operations config-tabs-nav-operations-hidden"
>
<button
aria-controls="rc-tabs-test-more-popup"
aria-expanded="false"
aria-haspopup="listbox"
aria-hidden="true"
class="config-tabs-nav-more"
id="rc-tabs-test-more"
style="visibility: hidden; order: 1;"
tabindex="-1"
type="button"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</button>
</div>
</div>
<div
class="config-tabs-content-holder"
>
<div
class="config-tabs-content config-tabs-content-top"
>
<div
aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-Light"
class="config-tabs-tabpane config-tabs-tabpane-active"
id="rc-tabs-test-panel-Light"
role="tabpanel"
tabindex="0"
/>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Tabs configProvider componentSize large 1`] = `
<div
class="config-tabs config-tabs-top config-tabs-large"
>
<div
class="config-tabs-nav"
role="tablist"
>
<div
class="config-tabs-nav-wrap"
>
<div
class="config-tabs-nav-list"
style="transform: translate(0px, 0px);"
>
<div
class="config-tabs-tab config-tabs-tab-active"
>
<div
aria-controls="rc-tabs-test-panel-Light"
aria-selected="true"
class="config-tabs-tab-btn"
id="rc-tabs-test-tab-Light"
role="tab"
tabindex="0"
>
Bamboo
</div>
</div>
<div
class="config-tabs-ink-bar config-tabs-ink-bar-animated"
/>
</div>
</div>
<div
class="config-tabs-nav-operations config-tabs-nav-operations-hidden"
>
<button
aria-controls="rc-tabs-test-more-popup"
aria-expanded="false"
aria-haspopup="listbox"
aria-hidden="true"
class="config-tabs-nav-more"
id="rc-tabs-test-more"
style="visibility: hidden; order: 1;"
tabindex="-1"
type="button"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</button>
</div>
</div>
<div
class="config-tabs-content-holder"
>
<div
class="config-tabs-content config-tabs-content-top"
>
<div
aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-Light"
class="config-tabs-tabpane config-tabs-tabpane-active"
id="rc-tabs-test-panel-Light"
role="tabpanel"
tabindex="0"
/>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Tabs configProvider componentSize middle 1`] = `
<div
class="config-tabs config-tabs-top config-tabs-middle"
>
<div
class="config-tabs-nav"
role="tablist"
>
<div
class="config-tabs-nav-wrap"
>
<div
class="config-tabs-nav-list"
style="transform: translate(0px, 0px);"
>
<div
class="config-tabs-tab config-tabs-tab-active"
>
<div
aria-controls="rc-tabs-test-panel-Light"
aria-selected="true"
class="config-tabs-tab-btn"
id="rc-tabs-test-tab-Light"
role="tab"
tabindex="0"
>
Bamboo
</div>
</div>
<div
class="config-tabs-ink-bar config-tabs-ink-bar-animated"
/>
</div>
</div>
<div
class="config-tabs-nav-operations config-tabs-nav-operations-hidden"
>
<button
aria-controls="rc-tabs-test-more-popup"
aria-expanded="false"
aria-haspopup="listbox"
aria-hidden="true"
class="config-tabs-nav-more"
id="rc-tabs-test-more"
style="visibility: hidden; order: 1;"
tabindex="-1"
type="button"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</button>
</div>
</div>
<div
class="config-tabs-content-holder"
>
<div
class="config-tabs-content config-tabs-content-top"
>
<div
aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-Light"
class="config-tabs-tabpane config-tabs-tabpane-active"
id="rc-tabs-test-panel-Light"
role="tabpanel"
tabindex="0"
/>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Tabs configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-tabs ant-tabs-top"
>
<div
class="ant-tabs-nav"
role="tablist"
>
<div
class="ant-tabs-nav-wrap"
>
<div
class="ant-tabs-nav-list"
style="transform: translate(0px, 0px);"
>
<div
class="ant-tabs-tab ant-tabs-tab-active"
>
<div
aria-controls="rc-tabs-test-panel-Light"
aria-selected="true"
class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-Light"
role="tab"
tabindex="0"
>
Bamboo
</div>
</div>
<div
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
/>
</div>
</div>
<div
class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
>
<button
aria-controls="rc-tabs-test-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;"
tabindex="-1"
type="button"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</button>
</div>
</div>
<div
class="ant-tabs-content-holder"
>
<div
class="ant-tabs-content ant-tabs-content-top"
>
<div
aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-Light"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
id="rc-tabs-test-panel-Light"
role="tabpanel"
tabindex="0"
/>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Tabs normal 1`] = `
<div
class="ant-tabs ant-tabs-top"
>
<div
class="ant-tabs-nav"
role="tablist"
>
<div
class="ant-tabs-nav-wrap"
>
<div
class="ant-tabs-nav-list"
style="transform: translate(0px, 0px);"
>
<div
class="ant-tabs-tab ant-tabs-tab-active"
>
<div
aria-controls="rc-tabs-test-panel-Light"
aria-selected="true"
class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-Light"
role="tab"
tabindex="0"
>
Bamboo
</div>
</div>
<div
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
/>
</div>
</div>
<div
class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
>
<button
aria-controls="rc-tabs-test-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;"
tabindex="-1"
type="button"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</button>
</div>
</div>
<div
class="ant-tabs-content-holder"
>
<div
class="ant-tabs-content ant-tabs-content-top"
>
<div
aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-Light"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
id="rc-tabs-test-panel-Light"
role="tabpanel"
tabindex="0"
/>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Tabs prefixCls 1`] = `
<div
class="prefix-Tabs prefix-Tabs-top"
>
<div
class="prefix-Tabs-nav"
role="tablist"
>
<div
class="prefix-Tabs-nav-wrap"
>
<div
class="prefix-Tabs-nav-list"
style="transform: translate(0px, 0px);"
>
<div
class="prefix-Tabs-tab prefix-Tabs-tab-active"
>
<div
aria-controls="rc-tabs-test-panel-Light"
aria-selected="true"
class="prefix-Tabs-tab-btn"
id="rc-tabs-test-tab-Light"
role="tab"
tabindex="0"
>
Bamboo
</div>
</div>
<div
class="prefix-Tabs-ink-bar prefix-Tabs-ink-bar-animated"
/>
</div>
</div>
<div
class="prefix-Tabs-nav-operations prefix-Tabs-nav-operations-hidden"
>
<button
aria-controls="rc-tabs-test-more-popup"
aria-expanded="false"
aria-haspopup="listbox"
aria-hidden="true"
class="prefix-Tabs-nav-more"
id="rc-tabs-test-more"
style="visibility: hidden; order: 1;"
tabindex="-1"
type="button"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</button>
</div>
</div>
<div
class="prefix-Tabs-content-holder"
>
<div
class="prefix-Tabs-content prefix-Tabs-content-top"
>
<div
aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-Light"
class="prefix-Tabs-tabpane prefix-Tabs-tabpane-active"
id="rc-tabs-test-panel-Light"
role="tabpanel"
tabindex="0"
/>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Tags configProvider 1`] = `
<div>
<span
class="config-tag"
>
Bamboo
</span>
<span
class="config-tag config-tag-checkable"
>
Light
</span>
</div>
`;
exports[`ConfigProvider components Tags configProvider componentDisabled 1`] = `
<div>
<span
class="config-tag"
>
Bamboo
</span>
<span
class="config-tag config-tag-checkable"
>
Light
</span>
</div>
`;
exports[`ConfigProvider components Tags configProvider componentSize large 1`] = `
<div>
<span
class="config-tag"
>
Bamboo
</span>
<span
class="config-tag config-tag-checkable"
>
Light
</span>
</div>
`;
exports[`ConfigProvider components Tags configProvider componentSize middle 1`] = `
<div>
<span
class="config-tag"
>
Bamboo
</span>
<span
class="config-tag config-tag-checkable"
>
Light
</span>
</div>
`;
exports[`ConfigProvider components Tags configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
<span
class="ant-tag"
>
Bamboo
</span>
<span
class="ant-tag ant-tag-checkable"
>
Light
</span>
</div>
`;
exports[`ConfigProvider components Tags normal 1`] = `
<div>
<span
class="ant-tag"
>
Bamboo
</span>
<span
class="ant-tag ant-tag-checkable"
>
Light
</span>
</div>
`;
exports[`ConfigProvider components Tags prefixCls 1`] = `
<div>
<span
class="prefix-Tags"
>
Bamboo
</span>
<span
class="prefix-Tags prefix-Tags-checkable"
>
Light
</span>
</div>
`;
exports[`ConfigProvider components TimePicker configProvider 1`] = `
HTMLCollection [
<div
class="config-picker"
>
<div
class="config-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="config-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="config-picker-dropdown config-slide-up-appear config-slide-up-appear-prepare config-slide-up"
style="opacity: 0;"
>
<div
class="config-picker-panel-container"
>
<div
class="config-picker-panel config-picker-panel-focused"
tabindex="-1"
>
<div
class="config-picker-time-panel"
>
<div
class="config-picker-content"
>
<ul
class="config-picker-time-panel-column"
style="position: relative;"
>
<li
class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
>
<div
class="config-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="config-picker-time-panel-column"
style="position: relative;"
>
<li
class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
>
<div
class="config-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="config-picker-time-panel-column"
style="position: relative;"
>
<li
class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
>
<div
class="config-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="config-picker-footer"
>
<ul
class="config-picker-ranges"
>
<li
class="config-picker-now"
>
<a
class="config-picker-now-btn"
>
Now
</a>
</li>
<li
class="config-picker-ok"
>
<button
class="config-btn config-btn-primary config-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`ConfigProvider components TimePicker configProvider componentDisabled 1`] = `
HTMLCollection [
<div
class="config-picker config-picker-disabled"
>
<div
class="config-picker-input"
>
<input
autocomplete="off"
disabled=""
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="config-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>,
]
`;
exports[`ConfigProvider components TimePicker configProvider componentSize large 1`] = `
HTMLCollection [
<div
class="config-picker config-picker-large"
>
<div
class="config-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="config-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="config-picker-dropdown config-slide-up-appear config-slide-up-appear-prepare config-slide-up"
style="opacity: 0;"
>
<div
class="config-picker-panel-container"
>
<div
class="config-picker-panel config-picker-panel-focused"
tabindex="-1"
>
<div
class="config-picker-time-panel"
>
<div
class="config-picker-content"
>
<ul
class="config-picker-time-panel-column"
style="position: relative;"
>
<li
class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
>
<div
class="config-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="config-picker-time-panel-column"
style="position: relative;"
>
<li
class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
>
<div
class="config-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="config-picker-time-panel-column"
style="position: relative;"
>
<li
class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
>
<div
class="config-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="config-picker-footer"
>
<ul
class="config-picker-ranges"
>
<li
class="config-picker-now"
>
<a
class="config-picker-now-btn"
>
Now
</a>
</li>
<li
class="config-picker-ok"
>
<button
class="config-btn config-btn-primary config-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`ConfigProvider components TimePicker configProvider componentSize middle 1`] = `
HTMLCollection [
<div
class="config-picker config-picker-middle"
>
<div
class="config-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="config-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="config-picker-dropdown config-slide-up-appear config-slide-up-appear-prepare config-slide-up"
style="opacity: 0;"
>
<div
class="config-picker-panel-container"
>
<div
class="config-picker-panel config-picker-panel-focused"
tabindex="-1"
>
<div
class="config-picker-time-panel"
>
<div
class="config-picker-content"
>
<ul
class="config-picker-time-panel-column"
style="position: relative;"
>
<li
class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
>
<div
class="config-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="config-picker-time-panel-column"
style="position: relative;"
>
<li
class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
>
<div
class="config-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="config-picker-time-panel-column"
style="position: relative;"
>
<li
class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
>
<div
class="config-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="config-picker-time-panel-cell"
>
<div
class="config-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="config-picker-footer"
>
<ul
class="config-picker-ranges"
>
<li
class="config-picker-now"
>
<a
class="config-picker-now-btn"
>
Now
</a>
</li>
<li
class="config-picker-ok"
>
<button
class="config-btn config-btn-primary config-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`ConfigProvider components TimePicker configProvider virtual and dropdownMatchSelectWidth 1`] = `
HTMLCollection [
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="ant-picker-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position: relative;"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position: relative;"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position: relative;"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`ConfigProvider components TimePicker normal 1`] = `
HTMLCollection [
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="ant-picker-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position: relative;"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position: relative;"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position: relative;"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`ConfigProvider components TimePicker prefixCls 1`] = `
HTMLCollection [
<div
class="prefix-TimePicker"
>
<div
class="prefix-TimePicker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="prefix-TimePicker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="prefix-TimePicker-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0;"
>
<div
class="prefix-TimePicker-panel-container"
>
<div
class="prefix-TimePicker-panel prefix-TimePicker-panel-focused"
tabindex="-1"
>
<div
class="prefix-TimePicker-time-panel"
>
<div
class="prefix-TimePicker-content"
>
<ul
class="prefix-TimePicker-time-panel-column"
style="position: relative;"
>
<li
class="prefix-TimePicker-time-panel-cell prefix-TimePicker-time-panel-cell-selected"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="prefix-TimePicker-time-panel-column"
style="position: relative;"
>
<li
class="prefix-TimePicker-time-panel-cell prefix-TimePicker-time-panel-cell-selected"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="prefix-TimePicker-time-panel-column"
style="position: relative;"
>
<li
class="prefix-TimePicker-time-panel-cell prefix-TimePicker-time-panel-cell-selected"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="prefix-TimePicker-time-panel-cell"
>
<div
class="prefix-TimePicker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="prefix-TimePicker-footer"
>
<ul
class="prefix-TimePicker-ranges"
>
<li
class="prefix-TimePicker-now"
>
<a
class="prefix-TimePicker-now-btn"
>
Now
</a>
</li>
<li
class="prefix-TimePicker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`ConfigProvider components Timeline configProvider 1`] = `
<ul
class="config-timeline"
>
<li
class="config-timeline-item config-timeline-item-last"
>
<div
class="config-timeline-item-tail"
/>
<div
class="config-timeline-item-head config-timeline-item-head-blue"
/>
<div
class="config-timeline-item-content"
>
Bamboo
</div>
</li>
</ul>
`;
exports[`ConfigProvider components Timeline configProvider componentDisabled 1`] = `
<ul
class="config-timeline"
>
<li
class="config-timeline-item config-timeline-item-last"
>
<div
class="config-timeline-item-tail"
/>
<div
class="config-timeline-item-head config-timeline-item-head-blue"
/>
<div
class="config-timeline-item-content"
>
Bamboo
</div>
</li>
</ul>
`;
exports[`ConfigProvider components Timeline configProvider componentSize large 1`] = `
<ul
class="config-timeline"
>
<li
class="config-timeline-item config-timeline-item-last"
>
<div
class="config-timeline-item-tail"
/>
<div
class="config-timeline-item-head config-timeline-item-head-blue"
/>
<div
class="config-timeline-item-content"
>
Bamboo
</div>
</li>
</ul>
`;
exports[`ConfigProvider components Timeline configProvider componentSize middle 1`] = `
<ul
class="config-timeline"
>
<li
class="config-timeline-item config-timeline-item-last"
>
<div
class="config-timeline-item-tail"
/>
<div
class="config-timeline-item-head config-timeline-item-head-blue"
/>
<div
class="config-timeline-item-content"
>
Bamboo
</div>
</li>
</ul>
`;
exports[`ConfigProvider components Timeline configProvider virtual and dropdownMatchSelectWidth 1`] = `
<ul
class="ant-timeline"
>
<li
class="ant-timeline-item ant-timeline-item-last"
>
<div
class="ant-timeline-item-tail"
/>
<div
class="ant-timeline-item-head ant-timeline-item-head-blue"
/>
<div
class="ant-timeline-item-content"
>
Bamboo
</div>
</li>
</ul>
`;
exports[`ConfigProvider components Timeline normal 1`] = `
<ul
class="ant-timeline"
>
<li
class="ant-timeline-item ant-timeline-item-last"
>
<div
class="ant-timeline-item-tail"
/>
<div
class="ant-timeline-item-head ant-timeline-item-head-blue"
/>
<div
class="ant-timeline-item-content"
>
Bamboo
</div>
</li>
</ul>
`;
exports[`ConfigProvider components Timeline prefixCls 1`] = `
<ul
class="prefix-Timeline"
>
<li
class="prefix-Timeline-item prefix-Timeline-item-last"
>
<div
class="prefix-Timeline-item-tail"
/>
<div
class="prefix-Timeline-item-head prefix-Timeline-item-head-blue"
/>
<div
class="prefix-Timeline-item-content"
>
Bamboo
</div>
</li>
</ul>
`;
exports[`ConfigProvider components Tooltip configProvider 1`] = `
HTMLCollection [
<span
class="config-tooltip-open"
>
Light
</span>,
<div>
<div
class="config-tooltip config-zoom-big-fast-appear config-zoom-big-fast-appear-prepare config-zoom-big-fast"
style="opacity: 0;"
>
<div
class="config-tooltip-content"
>
<div
class="config-tooltip-arrow"
>
<span
class="config-tooltip-arrow-content"
/>
</div>
<div
class="config-tooltip-inner"
role="tooltip"
>
Bamboo
</div>
</div>
</div>
</div>,
]
`;
exports[`ConfigProvider components Tooltip configProvider componentDisabled 1`] = `
HTMLCollection [
<span
class="config-tooltip-open"
>
Light
</span>,
<div>
<div
class="config-tooltip config-zoom-big-fast-appear config-zoom-big-fast-appear-prepare config-zoom-big-fast"
style="opacity: 0;"
>
<div
class="config-tooltip-content"
>
<div
class="config-tooltip-arrow"
>
<span
class="config-tooltip-arrow-content"
/>
</div>
<div
class="config-tooltip-inner"
role="tooltip"
>
Bamboo
</div>
</div>
</div>
</div>,
]
`;
exports[`ConfigProvider components Tooltip configProvider componentSize large 1`] = `
HTMLCollection [
<span
class="config-tooltip-open"
>
Light
</span>,
<div>
<div
class="config-tooltip config-zoom-big-fast-appear config-zoom-big-fast-appear-prepare config-zoom-big-fast"
style="opacity: 0;"
>
<div
class="config-tooltip-content"
>
<div
class="config-tooltip-arrow"
>
<span
class="config-tooltip-arrow-content"
/>
</div>
<div
class="config-tooltip-inner"
role="tooltip"
>
Bamboo
</div>
</div>
</div>
</div>,
]
`;
exports[`ConfigProvider components Tooltip configProvider componentSize middle 1`] = `
HTMLCollection [
<span
class="config-tooltip-open"
>
Light
</span>,
<div>
<div
class="config-tooltip config-zoom-big-fast-appear config-zoom-big-fast-appear-prepare config-zoom-big-fast"
style="opacity: 0;"
>
<div
class="config-tooltip-content"
>
<div
class="config-tooltip-arrow"
>
<span
class="config-tooltip-arrow-content"
/>
</div>
<div
class="config-tooltip-inner"
role="tooltip"
>
Bamboo
</div>
</div>
</div>
</div>,
]
`;
exports[`ConfigProvider components Tooltip configProvider virtual and dropdownMatchSelectWidth 1`] = `
HTMLCollection [
<span
class="ant-tooltip-open"
>
Light
</span>,
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
>
Bamboo
</div>
</div>
</div>
</div>,
]
`;
exports[`ConfigProvider components Tooltip normal 1`] = `
HTMLCollection [
<span
class="ant-tooltip-open"
>
Light
</span>,
<div>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="ant-tooltip-content"
>
<div
class="ant-tooltip-arrow"
>
<span
class="ant-tooltip-arrow-content"
/>
</div>
<div
class="ant-tooltip-inner"
role="tooltip"
>
Bamboo
</div>
</div>
</div>
</div>,
]
`;
exports[`ConfigProvider components Tooltip prefixCls 1`] = `
HTMLCollection [
<span
class="prefix-Tooltip-open"
>
Light
</span>,
<div>
<div
class="prefix-Tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
style="opacity: 0;"
>
<div
class="prefix-Tooltip-content"
>
<div
class="prefix-Tooltip-arrow"
>
<span
class="prefix-Tooltip-arrow-content"
/>
</div>
<div
class="prefix-Tooltip-inner"
role="tooltip"
>
Bamboo
</div>
</div>
</div>
</div>,
]
`;
exports[`ConfigProvider components Transfer configProvider 1`] = `
<div
class="config-transfer"
>
<div
class="config-transfer-list"
>
<div
class="config-transfer-list-header"
>
<label
class="config-checkbox-wrapper config-transfer-list-checkbox"
>
<span
class="config-checkbox"
>
<input
class="config-checkbox-input"
type="checkbox"
value=""
/>
<span
class="config-checkbox-inner"
/>
</span>
</label>
<span
aria-label="down"
class="anticon anticon-down config-dropdown-trigger config-transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="config-transfer-list-header-selected"
>
0
item
</span>
<span
class="config-transfer-list-header-title"
/>
</div>
<div
class="config-transfer-list-body"
>
<div
class="config-transfer-list-body-not-found"
>
<div
class="config-empty config-empty-normal config-empty-small"
>
<div
class="config-empty-image"
>
<svg
class="config-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="config-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="config-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="config-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="config-empty-description"
>
No Data
</div>
</div>
</div>
</div>
</div>
<div
class="config-transfer-operation"
>
<button
class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
disabled=""
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
disabled=""
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</div>
<div
class="config-transfer-list"
>
<div
class="config-transfer-list-header"
>
<label
class="config-checkbox-wrapper config-transfer-list-checkbox"
>
<span
class="config-checkbox"
>
<input
class="config-checkbox-input"
type="checkbox"
value=""
/>
<span
class="config-checkbox-inner"
/>
</span>
</label>
<span
aria-label="down"
class="anticon anticon-down config-dropdown-trigger config-transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="config-transfer-list-header-selected"
>
0
item
</span>
<span
class="config-transfer-list-header-title"
/>
</div>
<div
class="config-transfer-list-body"
>
<div
class="config-transfer-list-body-not-found"
>
<div
class="config-empty config-empty-normal config-empty-small"
>
<div
class="config-empty-image"
>
<svg
class="config-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="config-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="config-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="config-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="config-empty-description"
>
No Data
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Transfer configProvider componentDisabled 1`] = `
<div
class="config-transfer"
>
<div
class="config-transfer-list"
>
<div
class="config-transfer-list-header"
>
<label
class="config-checkbox-wrapper config-checkbox-wrapper-disabled config-transfer-list-checkbox"
>
<span
class="config-checkbox config-checkbox-disabled"
>
<input
class="config-checkbox-input"
disabled=""
type="checkbox"
value=""
/>
<span
class="config-checkbox-inner"
/>
</span>
</label>
<span
aria-label="down"
class="anticon anticon-down config-dropdown-trigger config-transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="config-transfer-list-header-selected"
>
0
item
</span>
<span
class="config-transfer-list-header-title"
/>
</div>
<div
class="config-transfer-list-body"
>
<div
class="config-transfer-list-body-not-found"
>
<div
class="config-empty config-empty-normal config-empty-small"
>
<div
class="config-empty-image"
>
<svg
class="config-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="config-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="config-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="config-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="config-empty-description"
>
No Data
</div>
</div>
</div>
</div>
</div>
<div
class="config-transfer-operation"
>
<button
class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
disabled=""
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
disabled=""
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</div>
<div
class="config-transfer-list"
>
<div
class="config-transfer-list-header"
>
<label
class="config-checkbox-wrapper config-checkbox-wrapper-disabled config-transfer-list-checkbox"
>
<span
class="config-checkbox config-checkbox-disabled"
>
<input
class="config-checkbox-input"
disabled=""
type="checkbox"
value=""
/>
<span
class="config-checkbox-inner"
/>
</span>
</label>
<span
aria-label="down"
class="anticon anticon-down config-dropdown-trigger config-transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="config-transfer-list-header-selected"
>
0
item
</span>
<span
class="config-transfer-list-header-title"
/>
</div>
<div
class="config-transfer-list-body"
>
<div
class="config-transfer-list-body-not-found"
>
<div
class="config-empty config-empty-normal config-empty-small"
>
<div
class="config-empty-image"
>
<svg
class="config-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="config-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="config-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="config-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="config-empty-description"
>
No Data
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Transfer configProvider componentSize large 1`] = `
<div
class="config-transfer"
>
<div
class="config-transfer-list"
>
<div
class="config-transfer-list-header"
>
<label
class="config-checkbox-wrapper config-transfer-list-checkbox"
>
<span
class="config-checkbox"
>
<input
class="config-checkbox-input"
type="checkbox"
value=""
/>
<span
class="config-checkbox-inner"
/>
</span>
</label>
<span
aria-label="down"
class="anticon anticon-down config-dropdown-trigger config-transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="config-transfer-list-header-selected"
>
0
item
</span>
<span
class="config-transfer-list-header-title"
/>
</div>
<div
class="config-transfer-list-body"
>
<div
class="config-transfer-list-body-not-found"
>
<div
class="config-empty config-empty-normal config-empty-small"
>
<div
class="config-empty-image"
>
<svg
class="config-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="config-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="config-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="config-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="config-empty-description"
>
No Data
</div>
</div>
</div>
</div>
</div>
<div
class="config-transfer-operation"
>
<button
class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
disabled=""
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
disabled=""
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</div>
<div
class="config-transfer-list"
>
<div
class="config-transfer-list-header"
>
<label
class="config-checkbox-wrapper config-transfer-list-checkbox"
>
<span
class="config-checkbox"
>
<input
class="config-checkbox-input"
type="checkbox"
value=""
/>
<span
class="config-checkbox-inner"
/>
</span>
</label>
<span
aria-label="down"
class="anticon anticon-down config-dropdown-trigger config-transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="config-transfer-list-header-selected"
>
0
item
</span>
<span
class="config-transfer-list-header-title"
/>
</div>
<div
class="config-transfer-list-body"
>
<div
class="config-transfer-list-body-not-found"
>
<div
class="config-empty config-empty-normal config-empty-small"
>
<div
class="config-empty-image"
>
<svg
class="config-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="config-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="config-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="config-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="config-empty-description"
>
No Data
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Transfer configProvider componentSize middle 1`] = `
<div
class="config-transfer"
>
<div
class="config-transfer-list"
>
<div
class="config-transfer-list-header"
>
<label
class="config-checkbox-wrapper config-transfer-list-checkbox"
>
<span
class="config-checkbox"
>
<input
class="config-checkbox-input"
type="checkbox"
value=""
/>
<span
class="config-checkbox-inner"
/>
</span>
</label>
<span
aria-label="down"
class="anticon anticon-down config-dropdown-trigger config-transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="config-transfer-list-header-selected"
>
0
item
</span>
<span
class="config-transfer-list-header-title"
/>
</div>
<div
class="config-transfer-list-body"
>
<div
class="config-transfer-list-body-not-found"
>
<div
class="config-empty config-empty-normal config-empty-small"
>
<div
class="config-empty-image"
>
<svg
class="config-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="config-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="config-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="config-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="config-empty-description"
>
No Data
</div>
</div>
</div>
</div>
</div>
<div
class="config-transfer-operation"
>
<button
class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
disabled=""
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
disabled=""
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</div>
<div
class="config-transfer-list"
>
<div
class="config-transfer-list-header"
>
<label
class="config-checkbox-wrapper config-transfer-list-checkbox"
>
<span
class="config-checkbox"
>
<input
class="config-checkbox-input"
type="checkbox"
value=""
/>
<span
class="config-checkbox-inner"
/>
</span>
</label>
<span
aria-label="down"
class="anticon anticon-down config-dropdown-trigger config-transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="config-transfer-list-header-selected"
>
0
item
</span>
<span
class="config-transfer-list-header-title"
/>
</div>
<div
class="config-transfer-list-body"
>
<div
class="config-transfer-list-body-not-found"
>
<div
class="config-empty config-empty-normal config-empty-small"
>
<div
class="config-empty-image"
>
<svg
class="config-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="config-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="config-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="config-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="config-empty-description"
>
No Data
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Transfer configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-transfer"
>
<div
class="ant-transfer-list"
>
<div
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
<span
aria-label="down"
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="ant-transfer-list-header-selected"
>
0
item
</span>
<span
class="ant-transfer-list-header-title"
/>
</div>
<div
class="ant-transfer-list-body"
>
<div
class="ant-transfer-list-body-not-found"
>
<div
class="ant-empty ant-empty-normal ant-empty-small"
>
<div
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="ant-empty-description"
>
No Data
</div>
</div>
</div>
</div>
</div>
<div
class="ant-transfer-operation"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</div>
<div
class="ant-transfer-list"
>
<div
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
<span
aria-label="down"
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="ant-transfer-list-header-selected"
>
0
item
</span>
<span
class="ant-transfer-list-header-title"
/>
</div>
<div
class="ant-transfer-list-body"
>
<div
class="ant-transfer-list-body-not-found"
>
<div
class="ant-empty ant-empty-normal ant-empty-small"
>
<div
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="ant-empty-description"
>
No Data
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Transfer normal 1`] = `
<div
class="ant-transfer"
>
<div
class="ant-transfer-list"
>
<div
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
<span
aria-label="down"
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="ant-transfer-list-header-selected"
>
0
item
</span>
<span
class="ant-transfer-list-header-title"
/>
</div>
<div
class="ant-transfer-list-body"
>
<div
class="ant-transfer-list-body-not-found"
>
<div
class="ant-empty ant-empty-normal ant-empty-small"
>
<div
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="ant-empty-description"
>
No Data
</div>
</div>
</div>
</div>
</div>
<div
class="ant-transfer-operation"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</div>
<div
class="ant-transfer-list"
>
<div
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
<span
aria-label="down"
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="ant-transfer-list-header-selected"
>
0
item
</span>
<span
class="ant-transfer-list-header-title"
/>
</div>
<div
class="ant-transfer-list-body"
>
<div
class="ant-transfer-list-body-not-found"
>
<div
class="ant-empty ant-empty-normal ant-empty-small"
>
<div
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="ant-empty-description"
>
No Data
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Transfer prefixCls 1`] = `
<div
class="prefix-Transfer"
>
<div
class="prefix-Transfer-list"
>
<div
class="prefix-Transfer-list-header"
>
<label
class="ant-checkbox-wrapper prefix-Transfer-list-checkbox"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
<span
aria-label="down"
class="anticon anticon-down ant-dropdown-trigger prefix-Transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="prefix-Transfer-list-header-selected"
>
0
item
</span>
<span
class="prefix-Transfer-list-header-title"
/>
</div>
<div
class="prefix-Transfer-list-body"
>
<div
class="prefix-Transfer-list-body-not-found"
>
<div
class="ant-empty ant-empty-normal ant-empty-small"
>
<div
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="ant-empty-description"
>
No Data
</div>
</div>
</div>
</div>
</div>
<div
class="prefix-Transfer-operation"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</div>
<div
class="prefix-Transfer-list"
>
<div
class="prefix-Transfer-list-header"
>
<label
class="ant-checkbox-wrapper prefix-Transfer-list-checkbox"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
value=""
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
<span
aria-label="down"
class="anticon anticon-down ant-dropdown-trigger prefix-Transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="prefix-Transfer-list-header-selected"
>
0
item
</span>
<span
class="prefix-Transfer-list-header-title"
/>
</div>
<div
class="prefix-Transfer-list-body"
>
<div
class="prefix-Transfer-list-body-not-found"
>
<div
class="ant-empty ant-empty-normal ant-empty-small"
>
<div
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="ant-empty-description"
>
No Data
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Tree configProvider 1`] = `
<div>
<div
class="config-tree config-tree-icon-hide"
role="tree"
>
<div>
<input
aria-label="for screen reader"
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="config-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="config-tree-indent"
>
<div
class="config-tree-indent-unit"
/>
</div>
</div>
<div
class="config-tree-list"
style="position: relative;"
>
<div
class="config-tree-list-holder"
>
<div>
<div
class="config-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="config-tree-treenode config-tree-treenode-switcher-close config-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="config-tree-indent"
/>
<span
class="config-tree-switcher config-tree-switcher-noop"
/>
<span
class="config-tree-node-content-wrapper config-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="config-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="config-tree config-tree-block-node config-tree-directory"
role="tree"
>
<div>
<input
aria-label="for screen reader"
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="config-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="config-tree-indent"
>
<div
class="config-tree-indent-unit"
/>
</div>
</div>
<div
class="config-tree-list"
style="position: relative;"
>
<div
class="config-tree-list-holder"
>
<div>
<div
class="config-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="config-tree-treenode config-tree-treenode-switcher-close config-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="config-tree-indent"
/>
<span
class="config-tree-switcher config-tree-switcher-noop"
/>
<span
class="config-tree-node-content-wrapper config-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="config-tree-iconEle config-tree-icon__customize"
>
<span
aria-label="folder"
class="anticon anticon-folder"
role="img"
>
<svg
aria-hidden="true"
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 298.4H521L403.7 186.2a8.15 8.15 0 00-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32zM840 768H184V256h188.5l119.6 114.4H840V768z"
/>
</svg>
</span>
</span>
<span
class="config-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Tree configProvider componentDisabled 1`] = `
<div>
<div
class="config-tree config-tree-icon-hide"
role="tree"
>
<div>
<input
aria-label="for screen reader"
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="config-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="config-tree-indent"
>
<div
class="config-tree-indent-unit"
/>
</div>
</div>
<div
class="config-tree-list"
style="position: relative;"
>
<div
class="config-tree-list-holder"
>
<div>
<div
class="config-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="config-tree-treenode config-tree-treenode-switcher-close config-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="config-tree-indent"
/>
<span
class="config-tree-switcher config-tree-switcher-noop"
/>
<span
class="config-tree-node-content-wrapper config-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="config-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="config-tree config-tree-block-node config-tree-directory"
role="tree"
>
<div>
<input
aria-label="for screen reader"
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="config-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="config-tree-indent"
>
<div
class="config-tree-indent-unit"
/>
</div>
</div>
<div
class="config-tree-list"
style="position: relative;"
>
<div
class="config-tree-list-holder"
>
<div>
<div
class="config-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="config-tree-treenode config-tree-treenode-switcher-close config-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="config-tree-indent"
/>
<span
class="config-tree-switcher config-tree-switcher-noop"
/>
<span
class="config-tree-node-content-wrapper config-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="config-tree-iconEle config-tree-icon__customize"
>
<span
aria-label="folder"
class="anticon anticon-folder"
role="img"
>
<svg
aria-hidden="true"
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 298.4H521L403.7 186.2a8.15 8.15 0 00-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32zM840 768H184V256h188.5l119.6 114.4H840V768z"
/>
</svg>
</span>
</span>
<span
class="config-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Tree configProvider componentSize large 1`] = `
<div>
<div
class="config-tree config-tree-icon-hide"
role="tree"
>
<div>
<input
aria-label="for screen reader"
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="config-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="config-tree-indent"
>
<div
class="config-tree-indent-unit"
/>
</div>
</div>
<div
class="config-tree-list"
style="position: relative;"
>
<div
class="config-tree-list-holder"
>
<div>
<div
class="config-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="config-tree-treenode config-tree-treenode-switcher-close config-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="config-tree-indent"
/>
<span
class="config-tree-switcher config-tree-switcher-noop"
/>
<span
class="config-tree-node-content-wrapper config-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="config-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="config-tree config-tree-block-node config-tree-directory"
role="tree"
>
<div>
<input
aria-label="for screen reader"
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="config-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="config-tree-indent"
>
<div
class="config-tree-indent-unit"
/>
</div>
</div>
<div
class="config-tree-list"
style="position: relative;"
>
<div
class="config-tree-list-holder"
>
<div>
<div
class="config-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="config-tree-treenode config-tree-treenode-switcher-close config-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="config-tree-indent"
/>
<span
class="config-tree-switcher config-tree-switcher-noop"
/>
<span
class="config-tree-node-content-wrapper config-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="config-tree-iconEle config-tree-icon__customize"
>
<span
aria-label="folder"
class="anticon anticon-folder"
role="img"
>
<svg
aria-hidden="true"
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 298.4H521L403.7 186.2a8.15 8.15 0 00-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32zM840 768H184V256h188.5l119.6 114.4H840V768z"
/>
</svg>
</span>
</span>
<span
class="config-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Tree configProvider componentSize middle 1`] = `
<div>
<div
class="config-tree config-tree-icon-hide"
role="tree"
>
<div>
<input
aria-label="for screen reader"
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="config-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="config-tree-indent"
>
<div
class="config-tree-indent-unit"
/>
</div>
</div>
<div
class="config-tree-list"
style="position: relative;"
>
<div
class="config-tree-list-holder"
>
<div>
<div
class="config-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="config-tree-treenode config-tree-treenode-switcher-close config-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="config-tree-indent"
/>
<span
class="config-tree-switcher config-tree-switcher-noop"
/>
<span
class="config-tree-node-content-wrapper config-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="config-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="config-tree config-tree-block-node config-tree-directory"
role="tree"
>
<div>
<input
aria-label="for screen reader"
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="config-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="config-tree-indent"
>
<div
class="config-tree-indent-unit"
/>
</div>
</div>
<div
class="config-tree-list"
style="position: relative;"
>
<div
class="config-tree-list-holder"
>
<div>
<div
class="config-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="config-tree-treenode config-tree-treenode-switcher-close config-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="config-tree-indent"
/>
<span
class="config-tree-switcher config-tree-switcher-noop"
/>
<span
class="config-tree-node-content-wrapper config-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="config-tree-iconEle config-tree-icon__customize"
>
<span
aria-label="folder"
class="anticon anticon-folder"
role="img"
>
<svg
aria-hidden="true"
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 298.4H521L403.7 186.2a8.15 8.15 0 00-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32zM840 768H184V256h188.5l119.6 114.4H840V768z"
/>
</svg>
</span>
</span>
<span
class="config-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Tree configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
<div
class="ant-tree ant-tree-icon-hide"
role="tree"
>
<div>
<input
aria-label="for screen reader"
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="ant-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="ant-tree-indent"
>
<div
class="ant-tree-indent-unit"
/>
</div>
</div>
<div
class="ant-tree-list"
style="position: relative;"
>
<div
class="ant-tree-list-holder"
>
<div>
<div
class="ant-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
/>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="ant-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-tree ant-tree-block-node ant-tree-directory"
role="tree"
>
<div>
<input
aria-label="for screen reader"
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="ant-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="ant-tree-indent"
>
<div
class="ant-tree-indent-unit"
/>
</div>
</div>
<div
class="ant-tree-list"
style="position: relative;"
>
<div
class="ant-tree-list-holder"
>
<div>
<div
class="ant-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
/>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="folder"
class="anticon anticon-folder"
role="img"
>
<svg
aria-hidden="true"
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 298.4H521L403.7 186.2a8.15 8.15 0 00-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32zM840 768H184V256h188.5l119.6 114.4H840V768z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Tree normal 1`] = `
<div>
<div
class="ant-tree ant-tree-icon-hide"
role="tree"
>
<div>
<input
aria-label="for screen reader"
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="ant-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="ant-tree-indent"
>
<div
class="ant-tree-indent-unit"
/>
</div>
</div>
<div
class="ant-tree-list"
style="position: relative;"
>
<div
class="ant-tree-list-holder"
>
<div>
<div
class="ant-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
/>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="ant-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-tree ant-tree-block-node ant-tree-directory"
role="tree"
>
<div>
<input
aria-label="for screen reader"
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="ant-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="ant-tree-indent"
>
<div
class="ant-tree-indent-unit"
/>
</div>
</div>
<div
class="ant-tree-list"
style="position: relative;"
>
<div
class="ant-tree-list-holder"
>
<div>
<div
class="ant-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
/>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="folder"
class="anticon anticon-folder"
role="img"
>
<svg
aria-hidden="true"
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 298.4H521L403.7 186.2a8.15 8.15 0 00-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32zM840 768H184V256h188.5l119.6 114.4H840V768z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components Tree prefixCls 1`] = `
<div>
<div
class="prefix-Tree prefix-Tree-icon-hide"
role="tree"
>
<div>
<input
aria-label="for screen reader"
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="prefix-Tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="prefix-Tree-indent"
>
<div
class="prefix-Tree-indent-unit"
/>
</div>
</div>
<div
class="prefix-Tree-list"
style="position: relative;"
>
<div
class="prefix-Tree-list-holder"
>
<div>
<div
class="prefix-Tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="prefix-Tree-treenode prefix-Tree-treenode-switcher-close prefix-Tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="prefix-Tree-indent"
/>
<span
class="prefix-Tree-switcher prefix-Tree-switcher-noop"
/>
<span
class="prefix-Tree-node-content-wrapper prefix-Tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="prefix-Tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="prefix-Tree prefix-Tree-block-node prefix-Tree-directory"
role="tree"
>
<div>
<input
aria-label="for screen reader"
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="prefix-Tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="prefix-Tree-indent"
>
<div
class="prefix-Tree-indent-unit"
/>
</div>
</div>
<div
class="prefix-Tree-list"
style="position: relative;"
>
<div
class="prefix-Tree-list-holder"
>
<div>
<div
class="prefix-Tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="prefix-Tree-treenode prefix-Tree-treenode-switcher-close prefix-Tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="prefix-Tree-indent"
/>
<span
class="prefix-Tree-switcher prefix-Tree-switcher-noop"
/>
<span
class="prefix-Tree-node-content-wrapper prefix-Tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="prefix-Tree-iconEle prefix-Tree-icon__customize"
>
<span
aria-label="folder"
class="anticon anticon-folder"
role="img"
>
<svg
aria-hidden="true"
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 298.4H521L403.7 186.2a8.15 8.15 0 00-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32zM840 768H184V256h188.5l119.6 114.4H840V768z"
/>
</svg>
</span>
</span>
<span
class="prefix-Tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`ConfigProvider components TreeSelect configProvider 1`] = `
<div
class="config-select config-tree-select config-select-single config-select-show-arrow config-select-open"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-placeholder"
/>
</div>
<div>
<div
class="config-select-dropdown config-tree-select-dropdown config-slide-up-appear config-slide-up-appear-prepare config-slide-up"
style="opacity: 0; min-width: 0; width: 0px;"
>
<div>
<div>
<div
class="config-select-tree"
role="tree"
>
<div>
<input
aria-label="for screen reader"
disabled=""
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
value=""
/>
</div>
<div
aria-hidden="true"
class="config-select-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="config-select-tree-indent"
>
<div
class="config-select-tree-indent-unit"
/>
</div>
</div>
<div
class="config-select-tree-list"
style="position: relative;"
>
<div
class="config-select-tree-list-holder"
style="max-height: 256px; overflow-y: auto;"
>
<div>
<div
class="config-select-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="config-select-tree-treenode config-select-tree-treenode-switcher-close config-select-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="config-select-tree-indent"
/>
<span
class="config-select-tree-switcher config-select-tree-switcher-noop"
/>
<span
class="config-select-tree-node-content-wrapper config-select-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="config-select-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components TreeSelect configProvider componentDisabled 1`] = `
<div
class="config-select config-tree-select config-select-single config-select-show-arrow config-select-disabled"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
disabled=""
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-placeholder"
/>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components TreeSelect configProvider componentSize large 1`] = `
<div
class="config-select config-tree-select config-select-lg config-select-single config-select-show-arrow config-select-open"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-placeholder"
/>
</div>
<div>
<div
class="config-select-dropdown config-tree-select-dropdown config-slide-up-appear config-slide-up-appear-prepare config-slide-up"
style="opacity: 0; min-width: 0; width: 0px;"
>
<div>
<div>
<div
class="config-select-tree"
role="tree"
>
<div>
<input
aria-label="for screen reader"
disabled=""
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
value=""
/>
</div>
<div
aria-hidden="true"
class="config-select-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="config-select-tree-indent"
>
<div
class="config-select-tree-indent-unit"
/>
</div>
</div>
<div
class="config-select-tree-list"
style="position: relative;"
>
<div
class="config-select-tree-list-holder"
style="max-height: 256px; overflow-y: auto;"
>
<div>
<div
class="config-select-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="config-select-tree-treenode config-select-tree-treenode-switcher-close config-select-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="config-select-tree-indent"
/>
<span
class="config-select-tree-switcher config-select-tree-switcher-noop"
/>
<span
class="config-select-tree-node-content-wrapper config-select-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="config-select-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components TreeSelect configProvider componentSize middle 1`] = `
<div
class="config-select config-tree-select config-select-single config-select-show-arrow config-select-open"
>
<div
class="config-select-selector"
>
<span
class="config-select-selection-search"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="config-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="config-select-selection-placeholder"
/>
</div>
<div>
<div
class="config-select-dropdown config-tree-select-dropdown config-slide-up-appear config-slide-up-appear-prepare config-slide-up"
style="opacity: 0; min-width: 0; width: 0px;"
>
<div>
<div>
<div
class="config-select-tree"
role="tree"
>
<div>
<input
aria-label="for screen reader"
disabled=""
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
value=""
/>
</div>
<div
aria-hidden="true"
class="config-select-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="config-select-tree-indent"
>
<div
class="config-select-tree-indent-unit"
/>
</div>
</div>
<div
class="config-select-tree-list"
style="position: relative;"
>
<div
class="config-select-tree-list-holder"
style="max-height: 256px; overflow-y: auto;"
>
<div>
<div
class="config-select-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="config-select-tree-treenode config-select-tree-treenode-switcher-close config-select-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="config-select-tree-indent"
/>
<span
class="config-select-tree-switcher config-select-tree-switcher-noop"
/>
<span
class="config-select-tree-node-content-wrapper config-select-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="config-select-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="config-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down config-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components TreeSelect configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow ant-select-open"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-placeholder"
/>
</div>
<div>
<div
class="ant-select-dropdown ant-tree-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: 0;"
>
<div>
<div>
<div
class="ant-select-tree"
role="tree"
>
<div>
<input
aria-label="for screen reader"
disabled=""
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
value=""
/>
</div>
<div
aria-hidden="true"
class="ant-select-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="ant-select-tree-indent"
>
<div
class="ant-select-tree-indent-unit"
/>
</div>
</div>
<div
class="ant-select-tree-list"
style="position: relative;"
>
<div
class="ant-select-tree-list-holder"
style="max-height: 256px; overflow-y: auto;"
>
<div>
<div
class="ant-select-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="ant-select-tree-treenode ant-select-tree-treenode-switcher-close ant-select-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="ant-select-tree-indent"
/>
<span
class="ant-select-tree-switcher ant-select-tree-switcher-noop"
/>
<span
class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="ant-select-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components TreeSelect normal 1`] = `
<div
class="ant-select ant-tree-select ant-select-single ant-select-show-arrow ant-select-open"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-placeholder"
/>
</div>
<div>
<div
class="ant-select-dropdown ant-tree-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: 0; width: 0px;"
>
<div>
<div>
<div
class="ant-select-tree"
role="tree"
>
<div>
<input
aria-label="for screen reader"
disabled=""
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
value=""
/>
</div>
<div
aria-hidden="true"
class="ant-select-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="ant-select-tree-indent"
>
<div
class="ant-select-tree-indent-unit"
/>
</div>
</div>
<div
class="ant-select-tree-list"
style="position: relative;"
>
<div
class="ant-select-tree-list-holder"
style="max-height: 256px; overflow-y: auto;"
>
<div>
<div
class="ant-select-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="ant-select-tree-treenode ant-select-tree-treenode-switcher-close ant-select-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="ant-select-tree-indent"
/>
<span
class="ant-select-tree-switcher ant-select-tree-switcher-noop"
/>
<span
class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="ant-select-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components TreeSelect prefixCls 1`] = `
<div
class="prefix-TreeSelect prefix-TreeSelect-single prefix-TreeSelect-show-arrow prefix-TreeSelect-open"
>
<div
class="prefix-TreeSelect-selector"
>
<span
class="prefix-TreeSelect-selection-search"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="true"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="prefix-TreeSelect-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly=""
role="combobox"
style="opacity: 0;"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="prefix-TreeSelect-selection-placeholder"
/>
</div>
<div>
<div
class="prefix-TreeSelect-dropdown prefix-TreeSelect-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity: 0; min-width: 0; width: 0px;"
>
<div>
<div>
<div
class="prefix-TreeSelect-tree"
role="tree"
>
<div>
<input
aria-label="for screen reader"
disabled=""
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
value=""
/>
</div>
<div
aria-hidden="true"
class="prefix-TreeSelect-tree-treenode"
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
>
<div
class="prefix-TreeSelect-tree-indent"
>
<div
class="prefix-TreeSelect-tree-indent-unit"
/>
</div>
</div>
<div
class="prefix-TreeSelect-tree-list"
style="position: relative;"
>
<div
class="prefix-TreeSelect-tree-list-holder"
style="max-height: 256px; overflow-y: auto;"
>
<div>
<div
class="prefix-TreeSelect-tree-list-holder-inner"
style="display: flex; flex-direction: column;"
>
<div
aria-grabbed="false"
class="prefix-TreeSelect-tree-treenode prefix-TreeSelect-tree-treenode-switcher-close prefix-TreeSelect-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="prefix-TreeSelect-tree-indent"
/>
<span
class="prefix-TreeSelect-tree-switcher prefix-TreeSelect-tree-switcher-noop"
/>
<span
class="prefix-TreeSelect-tree-node-content-wrapper prefix-TreeSelect-tree-node-content-wrapper-normal"
title="bamboo"
>
<span
class="prefix-TreeSelect-tree-title"
>
bamboo
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="prefix-TreeSelect-arrow"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down prefix-TreeSelect-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</span>
</div>
`;
exports[`ConfigProvider components Upload configProvider 1`] = `
<span
class=""
>
<div
class="config-upload config-upload-select config-upload-select-text"
>
<span
class="config-upload"
role="button"
tabindex="0"
>
<input
accept=""
style="display: none;"
type="file"
/>
<span />
</span>
</div>
<div
class="config-upload-list config-upload-list-text"
>
<div
class="config-upload-list-text-container"
>
<div
class="config-upload-list-item config-upload-list-item-done config-upload-list-item-list-type-text"
>
<div
class="config-upload-list-item-info"
>
<span
class="config-upload-span"
>
<div
class="config-upload-text-icon"
>
<span
aria-label="paper-clip"
class="anticon anticon-paper-clip"
role="img"
>
<svg
aria-hidden="true"
data-icon="paper-clip"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
/>
</svg>
</span>
</div>
<span
class="config-upload-list-item-name"
title="xxx.png"
>
xxx.png
</span>
<span
class="config-upload-list-item-card-actions"
>
<button
class="config-btn config-btn-text config-btn-sm config-btn-icon-only config-upload-list-item-card-actions-btn"
title="Remove file"
type="button"
>
<span
aria-label="delete"
class="anticon anticon-delete"
role="img"
tabindex="-1"
>
<svg
aria-hidden="true"
data-icon="delete"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
/>
</svg>
</span>
</button>
</span>
</span>
</div>
</div>
</div>
</div>
</span>
`;
exports[`ConfigProvider components Upload configProvider componentDisabled 1`] = `
<span
class=""
>
<div
class="config-upload config-upload-select config-upload-select-text config-upload-disabled"
>
<span
class="config-upload config-upload-disabled"
role="button"
>
<input
accept=""
style="display: none;"
type="file"
/>
<span />
</span>
</div>
<div
class="config-upload-list config-upload-list-text"
>
<div
class="config-upload-list-text-container"
>
<div
class="config-upload-list-item config-upload-list-item-done config-upload-list-item-list-type-text"
>
<div
class="config-upload-list-item-info"
>
<span
class="config-upload-span"
>
<div
class="config-upload-text-icon"
>
<span
aria-label="paper-clip"
class="anticon anticon-paper-clip"
role="img"
>
<svg
aria-hidden="true"
data-icon="paper-clip"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
/>
</svg>
</span>
</div>
<span
class="config-upload-list-item-name"
title="xxx.png"
>
xxx.png
</span>
<span
class="config-upload-list-item-card-actions"
/>
</span>
</div>
</div>
</div>
</div>
</span>
`;
exports[`ConfigProvider components Upload configProvider componentSize large 1`] = `
<span
class=""
>
<div
class="config-upload config-upload-select config-upload-select-text"
>
<span
class="config-upload"
role="button"
tabindex="0"
>
<input
accept=""
style="display: none;"
type="file"
/>
<span />
</span>
</div>
<div
class="config-upload-list config-upload-list-text"
>
<div
class="config-upload-list-text-container"
>
<div
class="config-upload-list-item config-upload-list-item-done config-upload-list-item-list-type-text"
>
<div
class="config-upload-list-item-info"
>
<span
class="config-upload-span"
>
<div
class="config-upload-text-icon"
>
<span
aria-label="paper-clip"
class="anticon anticon-paper-clip"
role="img"
>
<svg
aria-hidden="true"
data-icon="paper-clip"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
/>
</svg>
</span>
</div>
<span
class="config-upload-list-item-name"
title="xxx.png"
>
xxx.png
</span>
<span
class="config-upload-list-item-card-actions"
>
<button
class="config-btn config-btn-text config-btn-sm config-btn-icon-only config-upload-list-item-card-actions-btn"
title="Remove file"
type="button"
>
<span
aria-label="delete"
class="anticon anticon-delete"
role="img"
tabindex="-1"
>
<svg
aria-hidden="true"
data-icon="delete"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
/>
</svg>
</span>
</button>
</span>
</span>
</div>
</div>
</div>
</div>
</span>
`;
exports[`ConfigProvider components Upload configProvider componentSize middle 1`] = `
<span
class=""
>
<div
class="config-upload config-upload-select config-upload-select-text"
>
<span
class="config-upload"
role="button"
tabindex="0"
>
<input
accept=""
style="display: none;"
type="file"
/>
<span />
</span>
</div>
<div
class="config-upload-list config-upload-list-text"
>
<div
class="config-upload-list-text-container"
>
<div
class="config-upload-list-item config-upload-list-item-done config-upload-list-item-list-type-text"
>
<div
class="config-upload-list-item-info"
>
<span
class="config-upload-span"
>
<div
class="config-upload-text-icon"
>
<span
aria-label="paper-clip"
class="anticon anticon-paper-clip"
role="img"
>
<svg
aria-hidden="true"
data-icon="paper-clip"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
/>
</svg>
</span>
</div>
<span
class="config-upload-list-item-name"
title="xxx.png"
>
xxx.png
</span>
<span
class="config-upload-list-item-card-actions"
>
<button
class="config-btn config-btn-text config-btn-sm config-btn-icon-only config-upload-list-item-card-actions-btn"
title="Remove file"
type="button"
>
<span
aria-label="delete"
class="anticon anticon-delete"
role="img"
tabindex="-1"
>
<svg
aria-hidden="true"
data-icon="delete"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
/>
</svg>
</span>
</button>
</span>
</span>
</div>
</div>
</div>
</div>
</span>
`;
exports[`ConfigProvider components Upload configProvider virtual and dropdownMatchSelectWidth 1`] = `
<span
class=""
>
<div
class="ant-upload ant-upload-select ant-upload-select-text"
>
<span
class="ant-upload"
role="button"
tabindex="0"
>
<input
accept=""
style="display: none;"
type="file"
/>
<span />
</span>
</div>
<div
class="ant-upload-list ant-upload-list-text"
>
<div
class="ant-upload-list-text-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
>
<div
class="ant-upload-text-icon"
>
<span
aria-label="paper-clip"
class="anticon anticon-paper-clip"
role="img"
>
<svg
aria-hidden="true"
data-icon="paper-clip"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
/>
</svg>
</span>
</div>
<span
class="ant-upload-list-item-name"
title="xxx.png"
>
xxx.png
</span>
<span
class="ant-upload-list-item-card-actions"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
title="Remove file"
type="button"
>
<span
aria-label="delete"
class="anticon anticon-delete"
role="img"
tabindex="-1"
>
<svg
aria-hidden="true"
data-icon="delete"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
/>
</svg>
</span>
</button>
</span>
</span>
</div>
</div>
</div>
</div>
</span>
`;
exports[`ConfigProvider components Upload normal 1`] = `
<span
class=""
>
<div
class="ant-upload ant-upload-select ant-upload-select-text"
>
<span
class="ant-upload"
role="button"
tabindex="0"
>
<input
accept=""
style="display: none;"
type="file"
/>
<span />
</span>
</div>
<div
class="ant-upload-list ant-upload-list-text"
>
<div
class="ant-upload-list-text-container"
>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
>
<div
class="ant-upload-list-item-info"
>
<span
class="ant-upload-span"
>
<div
class="ant-upload-text-icon"
>
<span
aria-label="paper-clip"
class="anticon anticon-paper-clip"
role="img"
>
<svg
aria-hidden="true"
data-icon="paper-clip"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
/>
</svg>
</span>
</div>
<span
class="ant-upload-list-item-name"
title="xxx.png"
>
xxx.png
</span>
<span
class="ant-upload-list-item-card-actions"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
title="Remove file"
type="button"
>
<span
aria-label="delete"
class="anticon anticon-delete"
role="img"
tabindex="-1"
>
<svg
aria-hidden="true"
data-icon="delete"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
/>
</svg>
</span>
</button>
</span>
</span>
</div>
</div>
</div>
</div>
</span>
`;
exports[`ConfigProvider components Upload prefixCls 1`] = `
<span
class=""
>
<div
class="prefix-Upload prefix-Upload-select prefix-Upload-select-text"
>
<span
class="prefix-Upload"
role="button"
tabindex="0"
>
<input
accept=""
style="display: none;"
type="file"
/>
<span />
</span>
</div>
<div
class="prefix-Upload-list prefix-Upload-list-text"
>
<div
class="prefix-Upload-list-text-container"
>
<div
class="prefix-Upload-list-item prefix-Upload-list-item-done prefix-Upload-list-item-list-type-text"
>
<div
class="prefix-Upload-list-item-info"
>
<span
class="prefix-Upload-span"
>
<div
class="prefix-Upload-text-icon"
>
<span
aria-label="paper-clip"
class="anticon anticon-paper-clip"
role="img"
>
<svg
aria-hidden="true"
data-icon="paper-clip"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
/>
</svg>
</span>
</div>
<span
class="prefix-Upload-list-item-name"
title="xxx.png"
>
xxx.png
</span>
<span
class="prefix-Upload-list-item-card-actions"
>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only prefix-Upload-list-item-card-actions-btn"
title="Remove file"
type="button"
>
<span
aria-label="delete"
class="anticon anticon-delete"
role="img"
tabindex="-1"
>
<svg
aria-hidden="true"
data-icon="delete"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
/>
</svg>
</span>
</button>
</span>
</span>
</div>
</div>
</div>
</div>
</span>
`;