mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-25 08:43:57 +08:00
a307a7acf7
* remove unnecessary computed props for classNames * rollback autocomplete optimization for possible css style order issue * update snapshots * remove more unnecessary computed props at Input
538 lines
14 KiB
Plaintext
538 lines
14 KiB
Plaintext
exports[`test renders ./components/select/demo/automatic-tokenization.md correctly 1`] = `
|
|
<div
|
|
class="ant-select ant-select-enabled"
|
|
style="width:100%;">
|
|
<div
|
|
aria-autocomplete="list"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-select-selection
|
|
ant-select-selection--multiple"
|
|
role="combobox">
|
|
<div
|
|
class="ant-select-selection__rendered">
|
|
<ul>
|
|
<li
|
|
class="ant-select-search ant-select-search--inline">
|
|
<div
|
|
class="ant-select-search__field__wrap">
|
|
<input
|
|
class="ant-select-search__field"
|
|
value="" />
|
|
<span
|
|
class="ant-select-search__field__mirror" />
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`test renders ./components/select/demo/basic.md correctly 1`] = `
|
|
<div>
|
|
<div
|
|
class="ant-select ant-select-enabled"
|
|
style="width:120px;">
|
|
<div
|
|
aria-autocomplete="list"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-select-selection
|
|
ant-select-selection--single"
|
|
role="combobox"
|
|
tabindex="0">
|
|
<div
|
|
class="ant-select-selection__rendered">
|
|
<div
|
|
class="ant-select-selection-selected-value"
|
|
style="display:block;opacity:1;"
|
|
title="Lucy">
|
|
Lucy
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none;"
|
|
unselectable="unselectable">
|
|
<b />
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-select ant-select-disabled ant-select-allow-clear"
|
|
style="width:120px;">
|
|
<div
|
|
aria-autocomplete="list"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-select-selection
|
|
ant-select-selection--single"
|
|
role="combobox"
|
|
tabindex="0">
|
|
<div
|
|
class="ant-select-selection__rendered">
|
|
<div
|
|
class="ant-select-selection-selected-value"
|
|
style="display:block;opacity:1;"
|
|
title="Lucy">
|
|
Lucy
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="ant-select-selection__clear"
|
|
style="user-select:none;-webkit-user-select:none;display:block;"
|
|
unselectable="unselectable" />
|
|
<span
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none;"
|
|
unselectable="unselectable">
|
|
<b />
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`test renders ./components/select/demo/combobox.md correctly 1`] = `
|
|
<div
|
|
class="ant-select ant-select-combobox ant-select-enabled"
|
|
style="width:200px;">
|
|
<div
|
|
aria-autocomplete="list"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-select-selection
|
|
ant-select-selection--single"
|
|
role="combobox">
|
|
<div
|
|
class="ant-select-selection__rendered">
|
|
<div
|
|
class="ant-select-selection__placeholder"
|
|
style="display:block;user-select:none;-webkit-user-select:none;"
|
|
unselectable="unselectable">
|
|
Enter the account name
|
|
</div>
|
|
<ul>
|
|
<li
|
|
class="ant-select-search ant-select-search--inline">
|
|
<div
|
|
class="ant-select-search__field__wrap">
|
|
<input
|
|
class="ant-select-search__field"
|
|
value="" />
|
|
<span
|
|
class="ant-select-search__field__mirror" />
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<span
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none;"
|
|
unselectable="unselectable">
|
|
<b />
|
|
</span>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`test renders ./components/select/demo/coordinate.md correctly 1`] = `
|
|
<div>
|
|
<div
|
|
class="ant-select ant-select-enabled"
|
|
style="width:90px;">
|
|
<div
|
|
aria-autocomplete="list"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-select-selection
|
|
ant-select-selection--single"
|
|
role="combobox"
|
|
tabindex="0">
|
|
<div
|
|
class="ant-select-selection__rendered">
|
|
<div
|
|
class="ant-select-selection-selected-value"
|
|
style="display:block;opacity:1;"
|
|
title="Zhejiang">
|
|
Zhejiang
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none;"
|
|
unselectable="unselectable">
|
|
<b />
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-select ant-select-enabled"
|
|
style="width:90px;">
|
|
<div
|
|
aria-autocomplete="list"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-select-selection
|
|
ant-select-selection--single"
|
|
role="combobox"
|
|
tabindex="0">
|
|
<div
|
|
class="ant-select-selection__rendered">
|
|
<div
|
|
class="ant-select-selection-selected-value"
|
|
style="display:block;opacity:1;"
|
|
title="Hangzhou">
|
|
Hangzhou
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none;"
|
|
unselectable="unselectable">
|
|
<b />
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`test renders ./components/select/demo/label-in-value.md correctly 1`] = `
|
|
<div
|
|
class="ant-select ant-select-enabled"
|
|
style="width:120px;">
|
|
<div
|
|
aria-autocomplete="list"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-select-selection
|
|
ant-select-selection--single"
|
|
role="combobox"
|
|
tabindex="0">
|
|
<div
|
|
class="ant-select-selection__rendered">
|
|
<div
|
|
class="ant-select-selection-selected-value"
|
|
style="display:block;opacity:1;"
|
|
title="Lucy (101)">
|
|
Lucy (101)
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none;"
|
|
unselectable="unselectable">
|
|
<b />
|
|
</span>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`test renders ./components/select/demo/multiple.md correctly 1`] = `
|
|
<div
|
|
class="ant-select ant-select-enabled"
|
|
style="width:100%;">
|
|
<div
|
|
aria-autocomplete="list"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-select-selection
|
|
ant-select-selection--multiple"
|
|
role="combobox">
|
|
<div
|
|
class="ant-select-selection__rendered">
|
|
<div
|
|
class="ant-select-selection__placeholder"
|
|
style="display:none;user-select:none;-webkit-user-select:none;"
|
|
unselectable="unselectable">
|
|
Please select
|
|
</div>
|
|
<ul>
|
|
<li
|
|
class="ant-select-selection__choice"
|
|
style="user-select:none;-webkit-user-select:none;"
|
|
title="a10"
|
|
unselectable="unselectable">
|
|
<div
|
|
class="ant-select-selection__choice__content">
|
|
a10
|
|
</div>
|
|
<span
|
|
class="ant-select-selection__choice__remove" />
|
|
</li>
|
|
<li
|
|
class="ant-select-selection__choice"
|
|
style="user-select:none;-webkit-user-select:none;"
|
|
title="c12"
|
|
unselectable="unselectable">
|
|
<div
|
|
class="ant-select-selection__choice__content">
|
|
c12
|
|
</div>
|
|
<span
|
|
class="ant-select-selection__choice__remove" />
|
|
</li>
|
|
<li
|
|
class="ant-select-search ant-select-search--inline">
|
|
<div
|
|
class="ant-select-search__field__wrap">
|
|
<input
|
|
class="ant-select-search__field"
|
|
value="" />
|
|
<span
|
|
class="ant-select-search__field__mirror" />
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`test renders ./components/select/demo/optgroup.md correctly 1`] = `
|
|
<div
|
|
class="ant-select ant-select-enabled"
|
|
style="width:200px;">
|
|
<div
|
|
aria-autocomplete="list"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-select-selection
|
|
ant-select-selection--single"
|
|
role="combobox"
|
|
tabindex="0">
|
|
<div
|
|
class="ant-select-selection__rendered">
|
|
<div
|
|
class="ant-select-selection-selected-value"
|
|
style="display:block;opacity:1;"
|
|
title="Lucy">
|
|
Lucy
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none;"
|
|
unselectable="unselectable">
|
|
<b />
|
|
</span>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`test renders ./components/select/demo/search.md correctly 1`] = `
|
|
<div
|
|
class="ant-select-show-search ant-select ant-select-enabled"
|
|
style="width:200px;">
|
|
<div
|
|
aria-autocomplete="list"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-select-selection
|
|
ant-select-selection--single"
|
|
role="combobox"
|
|
tabindex="0">
|
|
<div
|
|
class="ant-select-selection__rendered">
|
|
<div
|
|
class="ant-select-selection__placeholder"
|
|
style="display:block;user-select:none;-webkit-user-select:none;"
|
|
unselectable="unselectable">
|
|
Select a person
|
|
</div>
|
|
<div
|
|
class="ant-select-search ant-select-search--inline"
|
|
style="display:none;">
|
|
<div
|
|
class="ant-select-search__field__wrap">
|
|
<input
|
|
class="ant-select-search__field"
|
|
value="" />
|
|
<span
|
|
class="ant-select-search__field__mirror" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none;"
|
|
unselectable="unselectable">
|
|
<b />
|
|
</span>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`test renders ./components/select/demo/search-box.md correctly 1`] = `
|
|
<div
|
|
class="ant-search-input-wrapper"
|
|
style="width:200px;">
|
|
<span
|
|
class="ant-input-group ant-search-input">
|
|
<div
|
|
class="ant-select ant-select-combobox ant-select-enabled">
|
|
<div
|
|
aria-autocomplete="list"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-select-selection
|
|
ant-select-selection--single"
|
|
role="combobox">
|
|
<div
|
|
class="ant-select-selection__rendered">
|
|
<div
|
|
class="ant-select-selection__placeholder"
|
|
style="display:block;user-select:none;-webkit-user-select:none;"
|
|
unselectable="unselectable">
|
|
input search text
|
|
</div>
|
|
<ul>
|
|
<li
|
|
class="ant-select-search ant-select-search--inline">
|
|
<div
|
|
class="ant-select-search__field__wrap">
|
|
<input
|
|
class="ant-select-search__field"
|
|
value="" />
|
|
<span
|
|
class="ant-select-search__field__mirror" />
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-input-group-wrap">
|
|
<button
|
|
class="ant-btn ant-search-btn"
|
|
type="button">
|
|
<i
|
|
class="anticon anticon-search" />
|
|
</button>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
`;
|
|
|
|
exports[`test renders ./components/select/demo/size.md correctly 1`] = `
|
|
<div>
|
|
<div
|
|
class="ant-select-lg ant-select ant-select-enabled"
|
|
style="width:200px;">
|
|
<div
|
|
aria-autocomplete="list"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-select-selection
|
|
ant-select-selection--single"
|
|
role="combobox"
|
|
tabindex="0">
|
|
<div
|
|
class="ant-select-selection__rendered">
|
|
<div
|
|
class="ant-select-selection-selected-value"
|
|
style="display:block;opacity:1;"
|
|
title="Lucy">
|
|
Lucy
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none;"
|
|
unselectable="unselectable">
|
|
<b />
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-select ant-select-enabled"
|
|
style="width:200px;">
|
|
<div
|
|
aria-autocomplete="list"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-select-selection
|
|
ant-select-selection--single"
|
|
role="combobox"
|
|
tabindex="0">
|
|
<div
|
|
class="ant-select-selection__rendered">
|
|
<div
|
|
class="ant-select-selection-selected-value"
|
|
style="display:block;opacity:1;"
|
|
title="Lucy">
|
|
Lucy
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none;"
|
|
unselectable="unselectable">
|
|
<b />
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-select-sm ant-select ant-select-enabled"
|
|
style="width:200px;">
|
|
<div
|
|
aria-autocomplete="list"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-select-selection
|
|
ant-select-selection--single"
|
|
role="combobox"
|
|
tabindex="0">
|
|
<div
|
|
class="ant-select-selection__rendered">
|
|
<div
|
|
class="ant-select-selection-selected-value"
|
|
style="display:block;opacity:1;"
|
|
title="Lucy">
|
|
Lucy
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none;"
|
|
unselectable="unselectable">
|
|
<b />
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`test renders ./components/select/demo/tags.md correctly 1`] = `
|
|
<div
|
|
class="ant-select ant-select-enabled"
|
|
style="width:100%;">
|
|
<div
|
|
aria-autocomplete="list"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-select-selection
|
|
ant-select-selection--multiple"
|
|
role="combobox">
|
|
<div
|
|
class="ant-select-selection__rendered">
|
|
<ul>
|
|
<li
|
|
class="ant-select-search ant-select-search--inline">
|
|
<div
|
|
class="ant-select-search__field__wrap">
|
|
<input
|
|
class="ant-select-search__field"
|
|
value="" />
|
|
<span
|
|
class="ant-select-search__field__mirror" />
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|