Revert "Mock rc-trigger"

This reverts commit 9d2c91598b.
This commit is contained in:
Wei Zhu 2017-09-15 16:42:25 +08:00
parent 9d2c91598b
commit 250c7a9c68
31 changed files with 4246 additions and 7173 deletions

View File

@ -2,117 +2,109 @@
exports[`renders ./components/auto-complete/demo/antd.md correctly 1`] = `
<div
id="TriggerContainer"
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;height:50px;"
>
<div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;height:50px;"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
class="ant-select-selection__rendered"
>
<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 here
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<textarea
class="ant-input ant-select-search__field"
style="height:50px;"
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
input here
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<textarea
class="ant-input ant-select-search__field"
style="height:50px;"
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
`;
exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
<div
id="TriggerContainer"
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
>
<div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
class="ant-select-selection__rendered"
>
<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 here
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
input here
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
`;
@ -123,141 +115,8 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
style="width:250px;"
>
<div
id="TriggerContainer"
>
<div
class="ant-select-lg ant-select-lg certain-category-search ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:100%;"
>
<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 here
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<span
class="ant-select-search__field ant-input-affix-wrapper"
>
<input
class="ant-input"
type="text"
value=""
/>
<span
class="ant-input-suffix"
>
<i
class="anticon anticon-search certain-category-icon"
/>
</span>
</span>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
<div
id="TriggerContainer"
>
<div
class="ant-select-show-search ant-select-auto-complete 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"
>
try to type \`b\`
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</div>
`;
exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
<div
id="TriggerContainer"
>
<div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
class="ant-select-lg ant-select-lg certain-category-search ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:100%;"
>
<div
aria-autocomplete="list"
@ -284,11 +143,22 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field ant-input-affix-wrapper"
>
<input
class="ant-input"
type="text"
value=""
/>
<span
class="ant-input-suffix"
>
<i
class="anticon anticon-search certain-category-icon"
/>
</span>
</span>
<span
class="ant-select-search__field__mirror"
>
@ -310,81 +180,187 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
</div>
`;
exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
<div
class="ant-select-show-search ant-select-auto-complete 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"
>
try to type \`b\`
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
`;
exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
<div
class="ant-select-show-search ant-select-auto-complete 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"
>
input here
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
`;
exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly 1`] = `
<div
class="global-search-wrapper"
style="width:300px;"
>
<div
id="TriggerContainer"
class="ant-select-lg ant-select-lg global-search ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:100%;"
>
<div
class="ant-select-lg ant-select-lg global-search ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:100%;"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
class="ant-select-selection__rendered"
>
<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 here
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<span
class="ant-select-search__field ant-input-affix-wrapper"
>
<input
class="ant-input"
type="text"
value=""
/>
<span
class="ant-input-suffix"
>
<button
class="ant-btn search-btn ant-btn-primary ant-btn-lg"
type="button"
>
<i
class="anticon anticon-search"
/>
</button>
</span>
</span>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
input here
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<span
class="ant-select-search__field ant-input-affix-wrapper"
>
<input
class="ant-input"
type="text"
value=""
/>
<span
class="ant-input-suffix"
>
<button
class="ant-btn search-btn ant-btn-primary ant-btn-lg"
type="button"
>
<i
class="anticon anticon-search"
/>
</button>
</span>
</span>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</div>

View File

@ -460,21 +460,17 @@ exports[`renders ./components/button/demo/multiple.md correctly 1`] = `
secondary
</span>
</button>
<div
id="TriggerContainer"
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
more
</span>
<i
class="anticon anticon-down"
/>
</button>
</div>
<span>
more
</span>
<i
class="anticon anticon-down"
/>
</button>
</div>
`;

View File

@ -8,75 +8,67 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
class="ant-fullcalendar-header"
>
<div
id="TriggerContainer"
class="ant-fullcalendar-year-select ant-select ant-select-enabled"
>
<div
class="ant-fullcalendar-year-select ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="2016年"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="2016年"
>
2016年
</div>
2016年
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<div
id="TriggerContainer"
class="ant-fullcalendar-month-select ant-select ant-select-enabled"
>
<div
class="ant-fullcalendar-month-select ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="11月"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="11月"
>
11月
</div>
11月
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<div
@ -1023,75 +1015,67 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
class="ant-fullcalendar-header"
>
<div
id="TriggerContainer"
class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled"
>
<div
class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="2016年"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="2016年"
>
2016年
</div>
2016年
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<div
id="TriggerContainer"
class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled"
>
<div
class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="11月"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="11月"
>
11月
</div>
11月
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<div
@ -2036,75 +2020,67 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
class="ant-fullcalendar-header"
>
<div
id="TriggerContainer"
class="ant-fullcalendar-year-select ant-select ant-select-enabled"
>
<div
class="ant-fullcalendar-year-select ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="2016年"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="2016年"
>
2016年
</div>
2016年
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<div
id="TriggerContainer"
class="ant-fullcalendar-month-select ant-select ant-select-enabled"
>
<div
class="ant-fullcalendar-month-select ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="11月"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="11月"
>
11月
</div>
11月
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<div
@ -3363,75 +3339,67 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
class="ant-fullcalendar-header"
>
<div
id="TriggerContainer"
class="ant-fullcalendar-year-select ant-select ant-select-enabled"
>
<div
class="ant-fullcalendar-year-select ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="2017年"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="2017年"
>
2017年
</div>
2017年
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<div
id="TriggerContainer"
class="ant-fullcalendar-month-select ant-select ant-select-enabled"
>
<div
class="ant-fullcalendar-month-select ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="1月"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="1月"
>
1月
</div>
1月
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<div

View File

@ -1,324 +1,276 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/cascader/demo/basic.md correctly 1`] = `
<div
id="TriggerContainer"
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
`;
exports[`renders ./components/cascader/demo/change-on-select.md correctly 1`] = `
<div
id="TriggerContainer"
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
`;
exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
<div
id="TriggerContainer"
<span
class="ant-cascader-picker"
style="width:270px;"
tabindex="0"
>
<span
class="ant-cascader-picker"
style="width:270px;"
tabindex="0"
class="ant-cascader-picker-label"
>
<span
class="ant-cascader-picker-label"
>
<span>
Zhejiang /
</span>
<span>
Hangzhou /
</span>
<span>
West Lake (
<a>
752100
</a>
)
</span>
<span>
Zhejiang /
</span>
<span>
Hangzhou /
</span>
<span>
West Lake (
<a>
752100
</a>
)
</span>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-cross-circle ant-cascader-picker-clear"
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-cross-circle ant-cascader-picker-clear"
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
`;
exports[`renders ./components/cascader/demo/custom-trigger.md correctly 1`] = `
<span>
Unselect 
<div
id="TriggerContainer"
<a
href="#"
tabindex="0"
>
<a
href="#"
tabindex="0"
>
Change city
</a>
</div>
Change city
</a>
</span>
`;
exports[`renders ./components/cascader/demo/default-value.md correctly 1`] = `
<div
id="TriggerContainer"
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker"
tabindex="0"
class="ant-cascader-picker-label"
>
<span
class="ant-cascader-picker-label"
>
Zhejiang / Hangzhou / West Lake
</span>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-cross-circle ant-cascader-picker-clear"
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
Zhejiang / Hangzhou / West Lake
</span>
</div>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-cross-circle ant-cascader-picker-clear"
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
`;
exports[`renders ./components/cascader/demo/disabled-option.md correctly 1`] = `
<div
id="TriggerContainer"
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
`;
exports[`renders ./components/cascader/demo/hover.md correctly 1`] = `
<div
id="TriggerContainer"
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
`;
exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
<div
id="TriggerContainer"
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
`;
exports[`renders ./components/cascader/demo/search.md correctly 1`] = `
<div
id="TriggerContainer"
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
`;
exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
<div>
<div
id="TriggerContainer"
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input ant-input-lg"
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input ant-input-lg"
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
<br />
<br />
<div
id="TriggerContainer"
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
<br />
<br />
<div
id="TriggerContainer"
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input ant-input-sm"
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input ant-input-sm"
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
<br />
<br />
</div>

View File

@ -1,19 +1,15 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = `
<div
id="TriggerContainer"
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
Hover me
<i
class="anticon anticon-down"
/>
</a>
</div>
Hover me
<i
class="anticon anticon-down"
/>
</a>
`;
exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
@ -29,18 +25,14 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
Dropdown
</span>
</button>
<div
id="TriggerContainer"
<button
class="ant-btn ant-dropdown-trigger ant-btn-default"
type="button"
>
<button
class="ant-btn ant-dropdown-trigger ant-btn-default"
type="button"
>
<i
class="anticon anticon-down"
/>
</button>
</div>
<i
class="anticon anticon-down"
/>
</button>
</div>
<div
class="ant-btn-group ant-dropdown-button"
@ -55,194 +47,142 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
Dropdown
</span>
</button>
<div
id="TriggerContainer"
>
<button
class="ant-btn ant-dropdown-trigger ant-btn-default"
type="button"
>
<i
class="anticon anticon-down"
/>
</button>
</div>
</div>
<div
id="TriggerContainer"
>
<button
class="ant-btn ant-dropdown-trigger"
style="margin-left:8px;"
class="ant-btn ant-dropdown-trigger ant-btn-default"
type="button"
>
<span>
Button
</span>
<i
class="anticon anticon-down"
/>
</button>
</div>
<button
class="ant-btn ant-dropdown-trigger"
style="margin-left:8px;"
type="button"
>
<span>
Button
</span>
<i
class="anticon anticon-down"
/>
</button>
</div>
`;
exports[`renders ./components/dropdown/demo/event.md correctly 1`] = `
<div
id="TriggerContainer"
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
Hover me, Click menu item
<i
class="anticon anticon-down"
/>
</a>
</div>
Hover me, Click menu item
<i
class="anticon anticon-down"
/>
</a>
`;
exports[`renders ./components/dropdown/demo/item.md correctly 1`] = `
<div
id="TriggerContainer"
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
Hover me
<i
class="anticon anticon-down"
/>
</a>
</div>
Hover me
<i
class="anticon anticon-down"
/>
</a>
`;
exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = `
<div
id="TriggerContainer"
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
Hover me
<i
class="anticon anticon-down"
/>
</a>
</div>
Hover me
<i
class="anticon anticon-down"
/>
</a>
`;
exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
<div>
<div
id="TriggerContainer"
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
bottomLeft
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
bottomLeft
</span>
</button>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
bottomCenter
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
bottomCenter
</span>
</button>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
bottomRight
</span>
</button>
</div>
<span>
bottomRight
</span>
</button>
<br />
<div
id="TriggerContainer"
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
topLeft
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
topLeft
</span>
</button>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
topCenter
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
topCenter
</span>
</button>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
topRight
</span>
</button>
</div>
<span>
topRight
</span>
</button>
</div>
`;
exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
<div
id="TriggerContainer"
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
Cascading menu
<i
class="anticon anticon-down"
/>
</a>
`;
exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
<div>
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
Cascading menu
Click me
<i
class="anticon anticon-down"
/>
</a>
</div>
`;
exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
<div>
<div
id="TriggerContainer"
>
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
Click me
<i
class="anticon anticon-down"
/>
</a>
</div>
</div>
`;

View File

@ -468,39 +468,35 @@ exports[`renders ./components/form/demo/coordinated.md correctly 1`] = `
class="ant-form-item-control "
>
<div
id="TriggerContainer"
class="ant-select-lg ant-select ant-select-enabled"
>
<div
class="ant-select-lg ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<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 option and change input text above
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
Select a option and change input text above
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</div>
@ -561,40 +557,36 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
value="0"
/>
<div
id="TriggerContainer"
class="ant-select-lg ant-select ant-select-enabled"
style="width:32%;"
>
<div
class="ant-select-lg ant-select ant-select-enabled"
style="width:32%;"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="RMB"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="RMB"
>
RMB
</div>
RMB
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</span>
@ -1338,13 +1330,9 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
>
<span>
Nickname 
<div
id="TriggerContainer"
>
<i
class="anticon anticon-question-circle-o"
/>
</div>
<i
class="anticon anticon-question-circle-o"
/>
</span>
</label>
</div>
@ -1384,35 +1372,31 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
<div
class="ant-form-item-control has-success"
>
<div
id="TriggerContainer"
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker"
tabindex="0"
class="ant-cascader-picker-label"
>
<span
class="ant-cascader-picker-label"
>
Zhejiang / Hangzhou / West Lake
</span>
<input
autocomplete="off"
class="ant-input ant-cascader-input ant-input-lg"
data-__meta="[object Object]"
id="residence"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-cross-circle ant-cascader-picker-clear"
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
Zhejiang / Hangzhou / West Lake
</span>
</div>
<input
autocomplete="off"
class="ant-input ant-cascader-input ant-input-lg"
data-__meta="[object Object]"
id="residence"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-cross-circle ant-cascader-picker-clear"
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
</div>
</div>
@ -1447,40 +1431,36 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
class="ant-input-group-addon"
>
<div
id="TriggerContainer"
class="ant-select ant-select-enabled"
style="width:60px;"
>
<div
class="ant-select ant-select-enabled"
style="width:60px;"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="+86"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="+86"
>
+86
</div>
+86
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</span>
@ -1517,58 +1497,54 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
class="ant-form-item-control "
>
<div
id="TriggerContainer"
class="ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
>
<div
class="ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
website
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
website
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</div>
@ -1719,20 +1695,16 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
<span
class="ant-calendar-picker"
>
<div
id="TriggerContainer"
>
<div>
<input
class="ant-calendar-picker-input ant-input ant-input-lg"
placeholder="请选择日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
<div>
<input
class="ant-calendar-picker-input ant-input ant-input-lg"
placeholder="请选择日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
</span>
</div>
@ -1762,20 +1734,16 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
class="ant-calendar-picker"
style="width:154px;"
>
<div
id="TriggerContainer"
>
<div>
<input
class="ant-calendar-picker-input ant-input ant-input-lg"
placeholder="请选择日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
<div>
<input
class="ant-calendar-picker-input ant-input ant-input-lg"
placeholder="请选择日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
</span>
</div>
@ -1804,20 +1772,16 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
<span
class="ant-calendar-picker"
>
<div
id="TriggerContainer"
>
<div>
<input
class="ant-calendar-picker-input ant-input ant-input-lg"
placeholder="请选择日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
<div>
<input
class="ant-calendar-picker-input ant-input ant-input-lg"
placeholder="请选择日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
</span>
</div>
@ -1846,34 +1810,30 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
<span
class="ant-calendar-picker"
>
<div
id="TriggerContainer"
<span
class="ant-calendar-picker-input ant-input ant-input-lg"
>
<input
class="ant-calendar-range-picker-input"
placeholder="开始日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-input ant-input ant-input-lg"
class="ant-calendar-range-picker-separator"
>
<input
class="ant-calendar-range-picker-input"
placeholder="开始日期"
readonly=""
value=""
/>
<span
class="ant-calendar-range-picker-separator"
>
~
</span>
<input
class="ant-calendar-range-picker-input"
placeholder="结束日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
~
</span>
</div>
<input
class="ant-calendar-range-picker-input"
placeholder="结束日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</span>
</span>
</div>
</div>
@ -1902,34 +1862,30 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
class="ant-calendar-picker"
style="width:300px;"
>
<div
id="TriggerContainer"
<span
class="ant-calendar-picker-input ant-input ant-input-lg"
>
<input
class="ant-calendar-range-picker-input"
placeholder="开始日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-input ant-input ant-input-lg"
class="ant-calendar-range-picker-separator"
>
<input
class="ant-calendar-range-picker-input"
placeholder="开始日期"
readonly=""
value=""
/>
<span
class="ant-calendar-range-picker-separator"
>
~
</span>
<input
class="ant-calendar-range-picker-input"
placeholder="结束日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
~
</span>
</div>
<input
class="ant-calendar-range-picker-input"
placeholder="结束日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</span>
</span>
</div>
</div>
@ -1954,24 +1910,20 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
<div
class="ant-form-item-control "
>
<div
id="TriggerContainer"
<span
class="ant-time-picker ant-time-picker-large"
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker ant-time-picker-large"
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
class="ant-time-picker-icon"
/>
</span>
</div>
</div>
</div>
@ -2050,39 +2002,35 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
class="ant-form-item-control "
>
<div
id="TriggerContainer"
class="ant-select-lg ant-select ant-select-enabled"
>
<div
class="ant-select-lg ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
Please select a country
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
Please select a country
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</div>
@ -2109,51 +2057,47 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
class="ant-form-item-control "
>
<div
id="TriggerContainer"
class="ant-select-lg ant-select ant-select-enabled"
>
<div
class="ant-select-lg ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--multiple"
role="combobox"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--multiple"
role="combobox"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
Please select favourite colors
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
autocomplete="off"
class="ant-select-search__field"
id="select-multiple"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
Please select favourite colors
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
autocomplete="off"
class="ant-select-search__field"
id="select-multiple"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
@ -2329,18 +2273,14 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
/>
</div>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
<div
class="ant-slider-mark"
>
@ -2856,20 +2796,16 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class="ant-calendar-picker"
style="width:100%;"
>
<div
id="TriggerContainer"
>
<div>
<input
class="ant-calendar-picker-input ant-input ant-input-lg"
placeholder="请选择日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
<div>
<input
class="ant-calendar-picker-input ant-input ant-input-lg"
placeholder="请选择日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
</span>
</div>
@ -2894,25 +2830,21 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
<div
class="ant-form-item-control has-feedback has-warning"
>
<div
id="TriggerContainer"
<span
class="ant-time-picker ant-time-picker-large"
style="width:100%;"
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker ant-time-picker-large"
style="width:100%;"
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
class="ant-time-picker-icon"
/>
</span>
</div>
</div>
</div>
@ -2936,39 +2868,35 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class="ant-form-item-control has-feedback has-error"
>
<div
id="TriggerContainer"
class="ant-select-lg ant-select ant-select-enabled"
>
<div
class="ant-select-lg ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Option 1"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Option 1"
>
Option 1
</div>
Option 1
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</div>
@ -2993,31 +2921,27 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
<div
class="ant-form-item-control has-feedback is-validating"
>
<div
id="TriggerContainer"
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input ant-input-lg"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-cross-circle ant-cascader-picker-clear"
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input ant-input-lg"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-cross-circle ant-cascader-picker-clear"
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
<div
class="ant-form-explain"
>
@ -3060,20 +2984,16 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
<span
class="ant-calendar-picker"
>
<div
id="TriggerContainer"
>
<div>
<input
class="ant-calendar-picker-input ant-input ant-input-lg"
placeholder="请选择日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
<div>
<input
class="ant-calendar-picker-input ant-input ant-input-lg"
placeholder="请选择日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
</span>
<div
@ -3109,20 +3029,16 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
<span
class="ant-calendar-picker"
>
<div
id="TriggerContainer"
>
<div>
<input
class="ant-calendar-picker-input ant-input ant-input-lg"
placeholder="请选择日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
<div>
<input
class="ant-calendar-picker-input ant-input ant-input-lg"
placeholder="请选择日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
</span>
</div>

View File

@ -511,18 +511,14 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
/>
</div>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="5"
aria-valuemin="0"
aria-valuenow="1"
class="ant-slider-handle"
role="slider"
style="left:20%;"
/>
</div>
aria-disabled="false"
aria-valuemax="5"
aria-valuemin="0"
aria-valuenow="1"
class="ant-slider-handle"
role="slider"
style="left:20%;"
/>
<div
class="ant-slider-mark"
>
@ -612,18 +608,14 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
/>
</div>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="5"
aria-valuemin="0"
aria-valuenow="2"
class="ant-slider-handle"
role="slider"
style="left:40%;"
/>
</div>
aria-disabled="false"
aria-valuemax="5"
aria-valuemin="0"
aria-valuenow="2"
class="ant-slider-handle"
role="slider"
style="left:40%;"
/>
<div
class="ant-slider-mark"
>

View File

@ -42,40 +42,36 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
class="ant-input-group-addon"
>
<div
id="TriggerContainer"
class="ant-select ant-select-enabled"
style="width:80px;"
>
<div
class="ant-select ant-select-enabled"
style="width:80px;"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Http://"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Http://"
>
Http://
</div>
Http://
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</span>
@ -88,40 +84,36 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
class="ant-input-group-addon"
>
<div
id="TriggerContainer"
class="ant-select ant-select-enabled"
style="width:70px;"
>
<div
class="ant-select ant-select-enabled"
style="width:70px;"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title=".com"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title=".com"
>
.com
</div>
.com
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</span>
@ -225,39 +217,35 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class="ant-input-group ant-input-group-compact"
>
<div
id="TriggerContainer"
class="ant-select ant-select-enabled"
>
<div
class="ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Zhejiang"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Zhejiang"
>
Zhejiang
</div>
Zhejiang
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<input
@ -272,39 +260,35 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class="ant-input-group ant-input-group-compact"
>
<div
id="TriggerContainer"
class="ant-select ant-select-enabled"
>
<div
class="ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Option1"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Option1"
>
Option1
</div>
Option1
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<input
@ -374,20 +358,16 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
<span
class="ant-calendar-picker"
>
<div
id="TriggerContainer"
>
<div>
<input
class="ant-calendar-picker-input ant-input"
placeholder="请选择日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
<div>
<input
class="ant-calendar-picker-input ant-input"
placeholder="请选择日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
</span>
</span>
@ -396,75 +376,67 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class="ant-input-group ant-input-group-compact"
>
<div
id="TriggerContainer"
class="ant-select ant-select-enabled"
>
<div
class="ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Option1-1"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Option1-1"
>
Option1-1
</div>
Option1-1
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<div
id="TriggerContainer"
class="ant-select ant-select-enabled"
>
<div
class="ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Option2-2"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Option2-2"
>
Option2-2
</div>
Option2-2
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</span>
@ -473,39 +445,35 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class="ant-input-group ant-input-group-compact"
>
<div
id="TriggerContainer"
class="ant-select ant-select-enabled"
>
<div
class="ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Between"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Between"
>
Between
</div>
Between
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<input
@ -533,95 +501,87 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class="ant-input-group ant-input-group-compact"
>
<div
id="TriggerContainer"
class="ant-select ant-select-enabled"
>
<div
class="ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Sign Up"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Sign Up"
>
Sign Up
</div>
Sign Up
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<div
id="TriggerContainer"
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
>
<div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
Email
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
Email
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</span>
@ -630,66 +590,58 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class="ant-input-group ant-input-group-compact"
>
<div
id="TriggerContainer"
class="ant-select ant-select-enabled"
style="width:30%;"
>
<div
class="ant-select ant-select-enabled"
style="width:30%;"
>
<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="Home"
>
Home
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</div>
<div
id="TriggerContainer"
>
<span
class="ant-cascader-picker"
style="width:70%;"
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="Home"
>
Home
</div>
</div>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Select Address"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<span
class="ant-cascader-picker"
style="width:70%;"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Select Address"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</span>
</div>
`;
@ -764,16 +716,12 @@ exports[`renders ./components/input/demo/textarea.md correctly 1`] = `
`;
exports[`renders ./components/input/demo/tooltip.md correctly 1`] = `
<div
id="TriggerContainer"
>
<input
class="ant-input"
maxlength="25"
placeholder="Input a number"
style="width:120px;"
type="text"
value=""
/>
</div>
<input
class="ant-input"
maxlength="25"
placeholder="Input a number"
style="width:120px;"
type="text"
value=""
/>
`;

View File

@ -143,57 +143,45 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
role="menu"
tabindex="0"
>
<div
id="TriggerContainer"
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<i
class="anticon anticon-user"
/>
<span>
nav 1
</span>
</li>
</div>
<div
id="TriggerContainer"
<i
class="anticon anticon-user"
/>
<span>
nav 1
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<i
class="anticon anticon-video-camera"
/>
<span>
nav 2
</span>
</li>
</div>
<div
id="TriggerContainer"
<i
class="anticon anticon-video-camera"
/>
<span>
nav 2
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<i
class="anticon anticon-upload"
/>
<span>
nav 3
</span>
</li>
</div>
<i
class="anticon anticon-upload"
/>
<span>
nav 3
</span>
</li>
</ul>
</div>
</div>
@ -236,39 +224,27 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
style="line-height:64px;"
tabindex="0"
>
<div
id="TriggerContainer"
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
nav 1
</li>
</div>
<div
id="TriggerContainer"
nav 1
</li>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
>
nav 2
</li>
</div>
<div
id="TriggerContainer"
nav 2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
nav 3
</li>
</div>
nav 3
</li>
</ul>
</div>
<div
@ -351,158 +327,126 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
role="menu"
tabindex="0"
>
<div
id="TriggerContainer"
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
<i
class="anticon anticon-user"
/>
<span
class="nav-text"
>
<i
class="anticon anticon-user"
/>
<span
class="nav-text"
>
nav 1
</span>
</li>
</div>
<div
id="TriggerContainer"
nav 1
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
<i
class="anticon anticon-video-camera"
/>
<span
class="nav-text"
>
<i
class="anticon anticon-video-camera"
/>
<span
class="nav-text"
>
nav 2
</span>
</li>
</div>
<div
id="TriggerContainer"
nav 2
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
<i
class="anticon anticon-upload"
/>
<span
class="nav-text"
>
<i
class="anticon anticon-upload"
/>
<span
class="nav-text"
>
nav 3
</span>
</li>
</div>
<div
id="TriggerContainer"
nav 3
</span>
</li>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
<i
class="anticon anticon-bar-chart"
/>
<span
class="nav-text"
>
<i
class="anticon anticon-bar-chart"
/>
<span
class="nav-text"
>
nav 4
</span>
</li>
</div>
<div
id="TriggerContainer"
nav 4
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
<i
class="anticon anticon-cloud-o"
/>
<span
class="nav-text"
>
<i
class="anticon anticon-cloud-o"
/>
<span
class="nav-text"
>
nav 5
</span>
</li>
</div>
<div
id="TriggerContainer"
nav 5
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
<i
class="anticon anticon-appstore-o"
/>
<span
class="nav-text"
>
<i
class="anticon anticon-appstore-o"
/>
<span
class="nav-text"
>
nav 6
</span>
</li>
</div>
<div
id="TriggerContainer"
nav 6
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
<i
class="anticon anticon-team"
/>
<span
class="nav-text"
>
<i
class="anticon anticon-team"
/>
<span
class="nav-text"
>
nav 7
</span>
</li>
</div>
<div
id="TriggerContainer"
nav 7
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
<i
class="anticon anticon-shop"
/>
<span
class="nav-text"
>
<i
class="anticon anticon-shop"
/>
<span
class="nav-text"
>
nav 8
</span>
</li>
</div>
nav 8
</span>
</li>
</ul>
</div>
</div>
@ -648,82 +592,66 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
role="menu"
tabindex="0"
>
<div
id="TriggerContainer"
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
<i
class="anticon anticon-user"
/>
<span
class="nav-text"
>
<i
class="anticon anticon-user"
/>
<span
class="nav-text"
>
nav 1
</span>
</li>
</div>
<div
id="TriggerContainer"
nav 1
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
<i
class="anticon anticon-video-camera"
/>
<span
class="nav-text"
>
<i
class="anticon anticon-video-camera"
/>
<span
class="nav-text"
>
nav 2
</span>
</li>
</div>
<div
id="TriggerContainer"
nav 2
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
<i
class="anticon anticon-upload"
/>
<span
class="nav-text"
>
<i
class="anticon anticon-upload"
/>
<span
class="nav-text"
>
nav 3
</span>
</li>
</div>
<div
id="TriggerContainer"
nav 3
</span>
</li>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
<i
class="anticon anticon-user"
/>
<span
class="nav-text"
>
<i
class="anticon anticon-user"
/>
<span
class="nav-text"
>
nav 4
</span>
</li>
</div>
nav 4
</span>
</li>
</ul>
</div>
</div>
@ -775,40 +703,32 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
role="menu"
tabindex="0"
>
<div
id="TriggerContainer"
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<i
class="anticon anticon-pie-chart"
/>
<span>
Option 1
</span>
</li>
</div>
<div
id="TriggerContainer"
<i
class="anticon anticon-pie-chart"
/>
<span>
Option 1
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<i
class="anticon anticon-desktop"
/>
<span>
Option 2
</span>
</li>
</div>
<i
class="anticon anticon-desktop"
/>
<span>
Option 2
</span>
</li>
<li
class="ant-menu-submenu-inline ant-menu-submenu"
>
@ -849,23 +769,19 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
</span>
</div>
</li>
<div
id="TriggerContainer"
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<i
class="anticon anticon-file"
/>
<span>
File
</span>
</li>
</div>
<i
class="anticon anticon-file"
/>
<span>
File
</span>
</li>
</ul>
</div>
<div
@ -950,39 +866,27 @@ exports[`renders ./components/layout/demo/top.md correctly 1`] = `
style="line-height:64px;"
tabindex="0"
>
<div
id="TriggerContainer"
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
nav 1
</li>
</div>
<div
id="TriggerContainer"
nav 1
</li>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
>
nav 2
</li>
</div>
<div
id="TriggerContainer"
nav 2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
nav 3
</li>
</div>
nav 3
</li>
</ul>
</div>
<div
@ -1062,39 +966,27 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
style="line-height:64px;"
tabindex="0"
>
<div
id="TriggerContainer"
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
nav 1
</li>
</div>
<div
id="TriggerContainer"
nav 1
</li>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
>
nav 2
</li>
</div>
<div
id="TriggerContainer"
nav 2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
nav 3
</li>
</div>
nav 3
</li>
</ul>
</div>
<div
@ -1183,54 +1075,38 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
id="sub1$Menu"
role="menu"
>
<div
id="TriggerContainer"
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
option1
</li>
</div>
<div
id="TriggerContainer"
option1
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
option2
</li>
</div>
<div
id="TriggerContainer"
option2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
option3
</li>
</div>
<div
id="TriggerContainer"
option3
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
option4
</li>
</div>
option4
</li>
</ul>
</li>
<li
@ -1306,39 +1182,27 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
style="line-height:64px;"
tabindex="0"
>
<div
id="TriggerContainer"
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
nav 1
</li>
</div>
<div
id="TriggerContainer"
nav 1
</li>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
>
nav 2
</li>
</div>
<div
id="TriggerContainer"
nav 2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
nav 3
</li>
</div>
nav 3
</li>
</ul>
</div>
<div
@ -1381,54 +1245,38 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
id="sub1$Menu"
role="menu"
>
<div
id="TriggerContainer"
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
option1
</li>
</div>
<div
id="TriggerContainer"
option1
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
option2
</li>
</div>
<div
id="TriggerContainer"
option2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
option3
</li>
</div>
<div
id="TriggerContainer"
option3
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
option4
</li>
</div>
option4
</li>
</ul>
</li>
<li

View File

@ -131,39 +131,35 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class="ant-pagination-options"
>
<div
id="TriggerContainer"
class="ant-pagination-options-size-changer ant-select ant-select-enabled"
>
<div
class="ant-pagination-options-size-changer ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="10 / page"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="10 / page"
>
10 / page
</div>
10 / page
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</li>
@ -173,123 +169,107 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class="example"
>
<div
id="TriggerContainer"
class="ant-select ant-select-enabled"
style="width:200px;"
>
<div
class="ant-select ant-select-enabled"
style="width:200px;"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-search ant-select-search--inline"
style="display:none;"
>
<div
class="ant-select-search ant-select-search--inline"
style="display:none;"
class="ant-select-search__field__wrap"
>
<div
class="ant-select-search__field__wrap"
<input
autocomplete="off"
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
<input
autocomplete="off"
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
 
</span>
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<span
class="ant-calendar-picker"
>
<div
id="TriggerContainer"
>
<div>
<input
class="ant-calendar-picker-input ant-input"
placeholder="Select date"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
</div>
</span>
<div
id="TriggerContainer"
>
<span
class="ant-time-picker "
>
<div>
<input
class="ant-time-picker-input"
placeholder="Select time"
class="ant-calendar-picker-input ant-input"
placeholder="Select date"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
class="ant-calendar-picker-icon"
/>
</span>
</div>
</div>
</span>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="Select time"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
<span
class="ant-calendar-picker"
style="width:200px;"
>
<div
id="TriggerContainer"
<span
class="ant-calendar-picker-input ant-input"
>
<input
class="ant-calendar-range-picker-input"
placeholder="Start date"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-input ant-input"
class="ant-calendar-range-picker-separator"
>
<input
class="ant-calendar-range-picker-input"
placeholder="Start date"
readonly=""
value=""
/>
<span
class="ant-calendar-range-picker-separator"
>
~
</span>
<input
class="ant-calendar-range-picker-input"
placeholder="End date"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
~
</span>
</div>
<input
class="ant-calendar-range-picker-input"
placeholder="End date"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</span>
</span>
</div>
<div
@ -319,15 +299,11 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
Show confirm
</span>
</button>
<div
id="TriggerContainer"
<a
href="#"
>
<a
href="#"
>
Click to confirm
</a>
</div>
Click to confirm
</a>
</div>
<div
class="example"
@ -501,75 +477,67 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class="ant-fullcalendar-header"
>
<div
id="TriggerContainer"
class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled"
>
<div
class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="2016"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="2016"
>
2016
</div>
2016
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<div
id="TriggerContainer"
class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled"
>
<div
class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Nov"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Nov"
>
Nov
</div>
Nov
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<div
@ -1541,14 +1509,10 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
>
<span>
Name
<div
id="TriggerContainer"
>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="Filter menu"
/>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="Filter menu"
/>
</span>
</th>
<th
@ -1655,39 +1619,35 @@ exports[`renders ./components/locale-provider/demo/basic.md correctly 1`] = `
class="ant-pagination-options"
>
<div
id="TriggerContainer"
class="ant-pagination-options-size-changer ant-select ant-select-enabled"
>
<div
class="ant-pagination-options-size-changer ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="10 / page"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="10 / page"
>
10 / page
</div>
10 / page
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</li>

View File

@ -7,35 +7,27 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
role="menu"
tabindex="0"
>
<div
id="TriggerContainer"
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
>
<i
class="anticon anticon-mail"
/>
Navigation One
</li>
</div>
<div
id="TriggerContainer"
<i
class="anticon anticon-mail"
/>
Navigation One
</li>
<li
aria-disabled="true"
aria-selected="false"
class="ant-menu-item-disabled ant-menu-item"
role="menuitem"
>
<li
aria-disabled="true"
aria-selected="false"
class="ant-menu-item-disabled ant-menu-item"
role="menuitem"
>
<i
class="anticon anticon-appstore"
/>
Navigation Two
</li>
</div>
<i
class="anticon anticon-appstore"
/>
Navigation Two
</li>
<li
class="ant-menu-submenu-horizontal ant-menu-submenu"
>
@ -53,23 +45,19 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
</span>
</div>
</li>
<div
id="TriggerContainer"
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
<a
href="https://ant.design"
rel="noopener noreferrer"
target="_blank"
>
<a
href="https://ant.design"
rel="noopener noreferrer"
target="_blank"
>
Navigation Four - Link
</a>
</li>
</div>
Navigation Four - Link
</a>
</li>
</ul>
`;
@ -117,30 +105,22 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
<ul
class="ant-menu-item-group-list"
>
<div
id="TriggerContainer"
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 1
</li>
</div>
<div
id="TriggerContainer"
Option 1
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 2
</li>
</div>
Option 2
</li>
</ul>
</li>
<li
@ -154,30 +134,22 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
<ul
class="ant-menu-item-group-list"
>
<div
id="TriggerContainer"
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 3
</li>
</div>
<div
id="TriggerContainer"
Option 3
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 4
</li>
</div>
Option 4
</li>
</ul>
</li>
</ul>
@ -244,57 +216,45 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
role="menu"
tabindex="0"
>
<div
id="TriggerContainer"
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<i
class="anticon anticon-pie-chart"
/>
<span>
Option 1
</span>
</li>
</div>
<div
id="TriggerContainer"
<i
class="anticon anticon-pie-chart"
/>
<span>
Option 1
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<i
class="anticon anticon-desktop"
/>
<span>
Option 2
</span>
</li>
</div>
<div
id="TriggerContainer"
<i
class="anticon anticon-desktop"
/>
<span>
Option 2
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<i
class="anticon anticon-inbox"
/>
<span>
Option 3
</span>
</li>
</div>
<i
class="anticon anticon-inbox"
/>
<span>
Option 3
</span>
</li>
<li
class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu"
>
@ -320,54 +280,38 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
id="sub1$Menu"
role="menu"
>
<div
id="TriggerContainer"
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 5
</li>
</div>
<div
id="TriggerContainer"
Option 5
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 6
</li>
</div>
<div
id="TriggerContainer"
Option 6
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 7
</li>
</div>
<div
id="TriggerContainer"
Option 7
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 8
</li>
</div>
Option 8
</li>
</ul>
</li>
<li
@ -427,54 +371,38 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
id="sub1$Menu"
role="menu"
>
<div
id="TriggerContainer"
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 1
</li>
</div>
<div
id="TriggerContainer"
Option 1
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 2
</li>
</div>
<div
id="TriggerContainer"
Option 2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 3
</li>
</div>
<div
id="TriggerContainer"
Option 3
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 4
</li>
</div>
Option 4
</li>
</ul>
</li>
<li
@ -553,36 +481,28 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
style="width:240px;"
tabindex="0"
>
<div
id="TriggerContainer"
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<i
class="anticon anticon-mail"
/>
Navigation One
</li>
</div>
<div
id="TriggerContainer"
<i
class="anticon anticon-mail"
/>
Navigation One
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
>
<i
class="anticon anticon-calendar"
/>
Navigation Two
</li>
</div>
<i
class="anticon anticon-calendar"
/>
Navigation Two
</li>
<li
class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu"
>
@ -608,30 +528,22 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
id="sub1$Menu"
role="menu"
>
<div
id="TriggerContainer"
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 3
</li>
</div>
<div
id="TriggerContainer"
Option 3
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 4
</li>
</div>
Option 4
</li>
<li
class="ant-menu-submenu-inline ant-menu-submenu"
>
@ -718,54 +630,38 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
id="sub1$Menu"
role="menu"
>
<div
id="TriggerContainer"
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 1
</li>
</div>
<div
id="TriggerContainer"
Option 1
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 2
</li>
</div>
<div
id="TriggerContainer"
Option 2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 3
</li>
</div>
<div
id="TriggerContainer"
Option 3
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 4
</li>
</div>
Option 4
</li>
</ul>
</li>
<li

View File

@ -47,40 +47,36 @@ exports[`renders ./components/notification/demo/duration.md correctly 1`] = `
exports[`renders ./components/notification/demo/placement.md correctly 1`] = `
<div>
<div
id="TriggerContainer"
class="ant-select ant-select-enabled"
style="width:120px;margin-right:10px;"
>
<div
class="ant-select ant-select-enabled"
style="width:120px;margin-right:10px;"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="topRight"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="topRight"
>
topRight
</div>
topRight
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<button

View File

@ -165,39 +165,35 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
class="ant-pagination-options"
>
<div
id="TriggerContainer"
class="ant-pagination-options-size-changer ant-select ant-select-enabled"
>
<div
class="ant-pagination-options-size-changer ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="10 条/页"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="10 条/页"
>
10 条/页
</div>
10 条/页
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</li>
@ -618,39 +614,35 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
class="ant-pagination-options"
>
<div
id="TriggerContainer"
class="ant-select-sm ant-pagination-options-size-changer ant-select ant-select-enabled"
>
<div
class="ant-select-sm ant-pagination-options-size-changer ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="10 条/页"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="10 条/页"
>
10 条/页
</div>
10 条/页
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<div

View File

@ -1,28 +1,20 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/popconfirm/demo/basic.md correctly 1`] = `
<div
id="TriggerContainer"
<a
href="#"
>
<a
href="#"
>
Delete
</a>
</div>
Delete
</a>
`;
exports[`renders ./components/popconfirm/demo/dynamic-trigger.md correctly 1`] = `
<div>
<div
id="TriggerContainer"
<a
href="#"
>
<a
href="#"
>
Delete a task
</a>
</div>
Delete a task
</a>
<br />
<br />
Whether directly execute
@ -38,15 +30,11 @@ exports[`renders ./components/popconfirm/demo/dynamic-trigger.md correctly 1`] =
`;
exports[`renders ./components/popconfirm/demo/locale.md correctly 1`] = `
<div
id="TriggerContainer"
<a
href="#"
>
<a
href="#"
>
Delete
</a>
</div>
Delete
</a>
`;
exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
@ -56,162 +44,114 @@ exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
<div
style="margin-left:70px;white-space:nowrap;"
>
<div
id="TriggerContainer"
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
TL
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
TL
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
Top
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
Top
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
TR
</span>
</button>
</div>
<span>
TR
</span>
</button>
</div>
<div
style="width:70px;float:left;"
>
<div
id="TriggerContainer"
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
LT
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
LT
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
Left
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
Left
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
LB
</span>
</button>
</div>
<span>
LB
</span>
</button>
</div>
<div
style="width:70px;margin-left:304px;"
>
<div
id="TriggerContainer"
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
RT
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
RT
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
Right
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
Right
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
RB
</span>
</button>
</div>
<span>
RB
</span>
</button>
</div>
<div
style="margin-left:70px;clear:both;white-space:nowrap;"
>
<div
id="TriggerContainer"
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
BL
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
BL
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
Bottom
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
Bottom
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
BR
</span>
</button>
</div>
<span>
BR
</span>
</button>
</div>
</div>
`;

View File

@ -2,61 +2,45 @@
exports[`renders ./components/popover/demo/arrow-point-at-center.md correctly 1`] = `
<div>
<div
id="TriggerContainer"
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
Align edge / 边缘对齐
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
Align edge / 边缘对齐
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
Arrow points to center / 箭头指向中心
</span>
</button>
</div>
<span>
Arrow points to center / 箭头指向中心
</span>
</button>
</div>
`;
exports[`renders ./components/popover/demo/basic.md correctly 1`] = `
<div
id="TriggerContainer"
<button
class="ant-btn ant-btn-primary"
type="button"
>
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span>
Hover me
</span>
</button>
</div>
<span>
Hover me
</span>
</button>
`;
exports[`renders ./components/popover/demo/control.md correctly 1`] = `
<div
id="TriggerContainer"
<button
class="ant-btn ant-btn-primary"
type="button"
>
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span>
Click me
</span>
</button>
</div>
<span>
Click me
</span>
</button>
`;
exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
@ -66,203 +50,143 @@ exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
<div
style="margin-left:70px;white-space:nowrap;"
>
<div
id="TriggerContainer"
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
TL
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
TL
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
Top
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
Top
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
TR
</span>
</button>
</div>
<span>
TR
</span>
</button>
</div>
<div
style="width:70px;float:left;"
>
<div
id="TriggerContainer"
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
LT
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
LT
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
Left
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
Left
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
LB
</span>
</button>
</div>
<span>
LB
</span>
</button>
</div>
<div
style="width:70px;margin-left:304px;"
>
<div
id="TriggerContainer"
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
RT
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
RT
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
Right
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
Right
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
RB
</span>
</button>
</div>
<span>
RB
</span>
</button>
</div>
<div
style="margin-left:70px;clear:both;white-space:nowrap;"
>
<div
id="TriggerContainer"
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
BL
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
BL
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
Bottom
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
Bottom
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
BR
</span>
</button>
</div>
<span>
BR
</span>
</button>
</div>
</div>
`;
exports[`renders ./components/popover/demo/triggerType.md correctly 1`] = `
<div>
<div
id="TriggerContainer"
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
Hover me
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
Hover me
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
Focus me
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
Focus me
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
Click me
</span>
</button>
</div>
<span>
Click me
</span>
</button>
</div>
`;

File diff suppressed because it is too large Load Diff

View File

@ -16,18 +16,14 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
class="ant-slider-step"
/>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="left:30%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="left:30%;"
/>
<div
class="ant-slider-mark"
/>
@ -46,31 +42,23 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
class="ant-slider-step"
/>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left:20%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left:20%;"
/>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left:50%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left:50%;"
/>
<div
class="ant-slider-mark"
/>
@ -103,18 +91,14 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
class="ant-slider-step"
/>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="left:30%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="left:30%;"
/>
<div
class="ant-slider-mark"
/>
@ -133,31 +117,23 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
class="ant-slider-step"
/>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left:20%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left:20%;"
/>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left:50%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left:50%;"
/>
<div
class="ant-slider-mark"
/>
@ -186,18 +162,14 @@ exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
class="ant-slider-step"
/>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="20"
aria-valuemin="0"
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
</div>
aria-disabled="false"
aria-valuemax="20"
aria-valuemin="0"
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
<div
class="ant-slider-mark"
/>
@ -230,18 +202,14 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
class="ant-slider-step"
/>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="20"
aria-valuemin="1"
aria-valuenow="1"
class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
</div>
aria-disabled="false"
aria-valuemax="20"
aria-valuemin="1"
aria-valuenow="1"
class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
<div
class="ant-slider-mark"
/>
@ -321,18 +289,14 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
class="ant-slider-step"
/>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="1"
aria-valuemin="0"
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
</div>
aria-disabled="false"
aria-valuemax="1"
aria-valuemin="0"
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
<div
class="ant-slider-mark"
/>
@ -431,18 +395,14 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/>
</div>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left:37%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left:37%;"
/>
<div
class="ant-slider-mark"
>
@ -505,31 +465,23 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/>
</div>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="26"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left:26%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="26"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left:26%;"
/>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="37"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left:37%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="37"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left:37%;"
/>
<div
class="ant-slider-mark"
>
@ -595,18 +547,14 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/>
</div>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left:37%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left:37%;"
/>
<div
class="ant-slider-mark"
>
@ -672,18 +620,14 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/>
</div>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left:37%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left:37%;"
/>
<div
class="ant-slider-mark"
>
@ -749,18 +693,14 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/>
</div>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left:37%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left:37%;"
/>
<div
class="ant-slider-mark"
>
@ -811,18 +751,14 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
class="ant-slider-step"
/>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
<div
class="ant-slider-mark"
/>
@ -841,18 +777,14 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
class="ant-slider-step"
/>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
<div
class="ant-slider-mark"
/>
@ -881,18 +813,14 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
class="ant-slider-step"
/>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="bottom:30%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="bottom:30%;"
/>
<div
class="ant-slider-mark"
/>
@ -915,31 +843,23 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
class="ant-slider-step"
/>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="bottom:20%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="bottom:20%;"
/>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="bottom:50%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="bottom:50%;"
/>
<div
class="ant-slider-mark"
/>
@ -979,31 +899,23 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
/>
</div>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="26"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="bottom:26%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="26"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="bottom:26%;"
/>
<div
id="TriggerContainer"
>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="37"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="bottom:37%;"
/>
</div>
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="37"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="bottom:37%;"
/>
<div
class="ant-slider-mark"
>

View File

@ -26,13 +26,9 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
<span
class="ant-steps-icon"
>
<div
id="TriggerContainer"
>
<span
class="ant-steps-icon-dot"
/>
</div>
<span
class="ant-steps-icon-dot"
/>
</span>
</div>
</div>
@ -74,13 +70,9 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
<span
class="ant-steps-icon"
>
<div
id="TriggerContainer"
>
<span
class="ant-steps-icon-dot"
/>
</div>
<span
class="ant-steps-icon-dot"
/>
</span>
</div>
</div>
@ -122,13 +114,9 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
<span
class="ant-steps-icon"
>
<div
id="TriggerContainer"
>
<span
class="ant-steps-icon-dot"
/>
</div>
<span
class="ant-steps-icon-dot"
/>
</span>
</div>
</div>
@ -169,13 +157,9 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
<span
class="ant-steps-icon"
>
<div
id="TriggerContainer"
>
<span
class="ant-steps-icon-dot"
/>
</div>
<span
class="ant-steps-icon-dot"
/>
</span>
</div>
</div>

View File

@ -110,7 +110,7 @@ describe('Table.filter', () => {
}],
}));
wrapper.find('Icon').first().simulate('click');
wrapper.find('Dropdown').first().simulate('click');
expect(handleChange).toBeCalledWith(true);
});

View File

@ -50,14 +50,10 @@ exports[`Table.filter renders filter correctly 1`] = `
>
<span>
Name
<div
id="TriggerContainer"
>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</span>
</th>
</tr>

View File

@ -11,32 +11,24 @@ exports[`Table.rowSelection render with default selection correctly 1`] = `
role="menu"
tabindex="0"
>
<div
id="TriggerContainer"
<li
aria-selected="false"
class="ant-dropdown-menu-item"
role="menuitem"
>
<li
aria-selected="false"
class="ant-dropdown-menu-item"
role="menuitem"
>
<div>
全选当页
</div>
</li>
</div>
<div
id="TriggerContainer"
<div>
全选当页
</div>
</li>
<li
aria-selected="false"
class="ant-dropdown-menu-item"
role="menuitem"
>
<li
aria-selected="false"
class="ant-dropdown-menu-item"
role="menuitem"
>
<div>
反选当页
</div>
</li>
</div>
<div>
反选当页
</div>
</li>
</ul>
</div>
</div>

View File

@ -67,14 +67,10 @@ exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
>
<span>
Gender
<div
id="TriggerContainer"
>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</span>
</th>
<th
@ -892,15 +888,11 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
>
<span>
Name
<div
id="TriggerContainer"
>
<i
class="anticon anticon-smile-o ant-table-filter-icon ant-dropdown-trigger"
style="color:#aaa;"
title="筛选"
/>
</div>
<i
class="anticon anticon-smile-o ant-table-filter-icon ant-dropdown-trigger"
style="color:#aaa;"
title="筛选"
/>
</span>
</th>
<th
@ -915,14 +907,10 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
>
<span>
Address
<div
id="TriggerContainer"
>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</span>
</th>
</tr>
@ -2524,15 +2512,11 @@ exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
<td
class=""
>
<div
id="TriggerContainer"
<a
href="#"
>
<a
href="#"
>
Delete
</a>
</div>
Delete
</a>
</td>
</tr>
<tr
@ -2571,15 +2555,11 @@ exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
<td
class=""
>
<div
id="TriggerContainer"
<a
href="#"
>
<a
href="#"
>
Delete
</a>
</div>
Delete
</a>
</td>
</tr>
</tbody>
@ -6760,14 +6740,10 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
>
<span>
Name
<div
id="TriggerContainer"
>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</span>
</th>
<th
@ -7427,14 +7403,10 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
>
<span>
Name
<div
id="TriggerContainer"
>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</span>
</th>
</tr>
@ -7888,14 +7860,10 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
/>
</span>
</div>
<div
id="TriggerContainer"
>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</span>
</th>
<th
@ -7950,14 +7918,10 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
/>
</span>
</div>
<div
id="TriggerContainer"
>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</span>
</th>
</tr>
@ -8784,14 +8748,10 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
/>
</span>
</div>
<div
id="TriggerContainer"
>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</span>
</th>
<th
@ -8846,14 +8806,10 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
/>
</span>
</div>
<div
id="TriggerContainer"
>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</span>
</th>
</tr>
@ -9994,15 +9950,11 @@ exports[`renders ./components/table/demo/row-selection-custom.md correctly 1`] =
</span>
</label>
<div
id="TriggerContainer"
class="ant-table-selection-down ant-dropdown-trigger"
>
<div
class="ant-table-selection-down ant-dropdown-trigger"
>
<i
class="anticon anticon-down"
/>
</div>
<i
class="anticon anticon-down"
/>
</div>
</div>
</span>

View File

@ -794,39 +794,35 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
>
Tab position
<div
id="TriggerContainer"
class="ant-select ant-select-enabled"
>
<div
class="ant-select ant-select-enabled"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__rendered"
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="top"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="top"
>
top
</div>
top
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</div>

View File

@ -2,156 +2,188 @@
exports[`renders ./components/time-picker/demo/12hours.md correctly 1`] = `
<div>
<div
id="TriggerContainer"
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
<div
id="TriggerContainer"
class="ant-time-picker-icon"
/>
</span>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
<div
id="TriggerContainer"
class="ant-time-picker-icon"
/>
</span>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
class="ant-time-picker-icon"
/>
</span>
</div>
`;
exports[`renders ./components/time-picker/demo/addon.md correctly 1`] = `
<div
id="TriggerContainer"
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
class="ant-time-picker-icon"
/>
</span>
`;
exports[`renders ./components/time-picker/demo/basic.md correctly 1`] = `
<div
id="TriggerContainer"
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
class="ant-time-picker-icon"
/>
</span>
`;
exports[`renders ./components/time-picker/demo/disable-options.md correctly 1`] = `
<div>
<div
id="TriggerContainer"
>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="Just Disabled"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
<div
id="TriggerContainer"
>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="Hide Directly"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
</div>
`;
exports[`renders ./components/time-picker/demo/disabled.md correctly 1`] = `
<div
id="TriggerContainer"
>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
disabled=""
placeholder="Just Disabled"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="Hide Directly"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
`;
exports[`renders ./components/time-picker/demo/disabled.md correctly 1`] = `
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
disabled=""
placeholder="请选择时间"
readonly=""
type="text"
value="12:08:23"
/>
<span
class="ant-time-picker-icon"
/>
</span>
`;
exports[`renders ./components/time-picker/demo/hide-column.md correctly 1`] = `
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="12:08"
/>
<span
class="ant-time-picker-icon"
/>
</span>
`;
exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
<div>
<span
class="ant-time-picker ant-time-picker-large"
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="12:08:23"
/>
<span
class="ant-time-picker-icon"
/>
</span>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="12:08:23"
/>
<span
class="ant-time-picker-icon"
/>
</span>
<span
class="ant-time-picker ant-time-picker-small"
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
@ -164,103 +196,19 @@ exports[`renders ./components/time-picker/demo/disabled.md correctly 1`] = `
</div>
`;
exports[`renders ./components/time-picker/demo/hide-column.md correctly 1`] = `
<div
id="TriggerContainer"
>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="12:08"
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
`;
exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
<div>
<div
id="TriggerContainer"
>
<span
class="ant-time-picker ant-time-picker-large"
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="12:08:23"
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
<div
id="TriggerContainer"
>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="12:08:23"
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
<div
id="TriggerContainer"
>
<span
class="ant-time-picker ant-time-picker-small"
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="12:08:23"
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
</div>
`;
exports[`renders ./components/time-picker/demo/value.md correctly 1`] = `
<div
id="TriggerContainer"
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
class="ant-time-picker-icon"
/>
</span>
`;

View File

@ -2,30 +2,22 @@
exports[`renders ./components/tooltip/demo/arrow-point-at-center.md correctly 1`] = `
<div>
<div
id="TriggerContainer"
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
Align edge / 边缘对齐
</span>
</button>
</div>
<div
id="TriggerContainer"
<span>
Align edge / 边缘对齐
</span>
</button>
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
Arrow points to center / 箭头指向中心
</span>
</button>
</div>
<span>
Arrow points to center / 箭头指向中心
</span>
</button>
</div>
`;
@ -33,42 +25,30 @@ exports[`renders ./components/tooltip/demo/auto-adjust-overflow.md correctly 1`]
<div
style="overflow:hidden;position:relative;padding:24px;border:1px solid #e9e9e9;"
>
<div
id="TriggerContainer"
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
Adjust automatically / 自动调整
</span>
</button>
</div>
<span>
Adjust automatically / 自动调整
</span>
</button>
<br />
<div
id="TriggerContainer"
<button
class="ant-btn"
type="button"
>
<button
class="ant-btn"
type="button"
>
<span>
Ingore / 不处理
</span>
</button>
</div>
<span>
Ingore / 不处理
</span>
</button>
</div>
`;
exports[`renders ./components/tooltip/demo/basic.md correctly 1`] = `
<div
id="TriggerContainer"
>
<span>
Tooltip will show when mouse enter.
</span>
</div>
<span>
Tooltip will show when mouse enter.
</span>
`;
exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
@ -76,126 +56,78 @@ exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
<div
style="margin-left:60px;"
>
<div
id="TriggerContainer"
<a
href="#"
>
<a
href="#"
>
TL
</a>
</div>
<div
id="TriggerContainer"
TL
</a>
<a
href="#"
>
<a
href="#"
>
Top
</a>
</div>
<div
id="TriggerContainer"
Top
</a>
<a
href="#"
>
<a
href="#"
>
TR
</a>
</div>
TR
</a>
</div>
<div
style="width:60px;float:left;"
>
<div
id="TriggerContainer"
<a
href="#"
>
<a
href="#"
>
LT
</a>
</div>
<div
id="TriggerContainer"
LT
</a>
<a
href="#"
>
<a
href="#"
>
Left
</a>
</div>
<div
id="TriggerContainer"
Left
</a>
<a
href="#"
>
<a
href="#"
>
LB
</a>
</div>
LB
</a>
</div>
<div
style="width:60px;margin-left:270px;"
>
<div
id="TriggerContainer"
<a
href="#"
>
<a
href="#"
>
RT
</a>
</div>
<div
id="TriggerContainer"
RT
</a>
<a
href="#"
>
<a
href="#"
>
Right
</a>
</div>
<div
id="TriggerContainer"
Right
</a>
<a
href="#"
>
<a
href="#"
>
RB
</a>
</div>
RB
</a>
</div>
<div
style="margin-left:60px;clear:both;"
>
<div
id="TriggerContainer"
<a
href="#"
>
<a
href="#"
>
BL
</a>
</div>
<div
id="TriggerContainer"
BL
</a>
<a
href="#"
>
<a
href="#"
>
Bottom
</a>
</div>
<div
id="TriggerContainer"
Bottom
</a>
<a
href="#"
>
<a
href="#"
>
BR
</a>
</div>
BR
</a>
</div>
</div>
`;

File diff suppressed because it is too large Load Diff

View File

@ -14,12 +14,12 @@ describe('Tooltip', () => {
mouseLeaveDelay={0}
onVisibleChange={onVisibleChange}
>
<div className="box">Hello world!</div>
<div>Hello world!</div>
</Tooltip>
);
// `title` is empty.
const div = wrapper.find('.box');
const div = wrapper.find('div').at(0);
div.simulate('mouseenter');
expect(onVisibleChange).not.toHaveBeenCalled();
expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
@ -30,23 +30,23 @@ describe('Tooltip', () => {
// update `title` value.
wrapper.setProps({ title: 'Have a nice day!' });
div.simulate('mouseenter');
wrapper.simulate('mouseenter');
expect(onVisibleChange).toHaveBeenLastCalledWith(true);
expect(wrapper.ref('tooltip').prop('visible')).toBe(true);
div.simulate('mouseleave');
wrapper.simulate('mouseleave');
expect(onVisibleChange).toHaveBeenLastCalledWith(false);
expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
// add `visible` props.
wrapper.setProps({ visible: false });
div.simulate('mouseenter');
wrapper.simulate('mouseenter');
expect(onVisibleChange).toHaveBeenLastCalledWith(true);
const lastCount = onVisibleChange.mock.calls.length;
expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
// always trigger onVisibleChange
div.simulate('mouseleave');
wrapper.simulate('mouseleave');
expect(onVisibleChange.mock.calls.length).toBe(lastCount); // no change with lastCount
expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
});
@ -88,7 +88,7 @@ describe('Tooltip', () => {
</Tooltip>
);
expect(wrapper).toMatchSnapshot();
expect(wrapper.getDOMNode().tagName).toBe('SPAN');
const button = wrapper.find('span').at(0);
button.simulate('mouseenter');
expect(onVisibleChange).toBeCalledWith(true);
@ -110,8 +110,8 @@ describe('Tooltip', () => {
<Button disabled style={{ display: 'block' }}>Hello world!</Button>
</Tooltip>
);
expect(wrapper1).toMatchSnapshot();
expect(wrapper2).toMatchSnapshot();
expect(wrapper1.getDOMNode().style.display).toBe('inline-block');
expect(wrapper2.getDOMNode().style.display).toBe('block');
});
it('should not wrap span when trigger is not hover', () => {
@ -130,44 +130,42 @@ describe('Tooltip', () => {
});
it('should works for arrowPointAtCenter', () => {
jest.dontMock('rc-trigger', () => {
const arrowWidth = 5;
const horizontalArrowShift = 16;
const triggerWidth = 200;
const arrowWidth = 5;
const horizontalArrowShift = 16;
const triggerWidth = 200;
const wrapper = mount(
<Tooltip
title="xxxxx"
trigger="click"
mouseEnterDelay={0}
mouseLeaveDelay={0}
placement="bottomLeft"
>
<button style={{ width: triggerWidth }}>
Hello world!
</button>
</Tooltip>
);
wrapper.find('button').at(0).simulate('click');
const popupLeftDefault = parseInt(wrapper.node.getPopupDomNode().style.left, 10);
const wrapper = mount(
<Tooltip
title="xxxxx"
trigger="click"
mouseEnterDelay={0}
mouseLeaveDelay={0}
placement="bottomLeft"
>
<button style={{ width: triggerWidth }}>
Hello world!
</button>
</Tooltip>
);
wrapper.find('button').at(0).simulate('click');
const popupLeftDefault = parseInt(wrapper.node.getPopupDomNode().style.left, 10);
const wrapper2 = mount(
<Tooltip
title="xxxxx"
trigger="click"
mouseEnterDelay={0}
mouseLeaveDelay={0}
placement="bottomLeft"
arrowPointAtCenter
>
<button style={{ width: triggerWidth }}>
Hello world!
</button>
</Tooltip>
);
wrapper2.find('button').at(0).simulate('click');
const popupLeftArrowPointAtCenter = parseInt(wrapper2.node.getPopupDomNode().style.left, 10);
expect(popupLeftArrowPointAtCenter - popupLeftDefault).toBe((triggerWidth / 2) - horizontalArrowShift - arrowWidth);
});
const wrapper2 = mount(
<Tooltip
title="xxxxx"
trigger="click"
mouseEnterDelay={0}
mouseLeaveDelay={0}
placement="bottomLeft"
arrowPointAtCenter
>
<button style={{ width: triggerWidth }}>
Hello world!
</button>
</Tooltip>
);
wrapper2.find('button').at(0).simulate('click');
const popupLeftArrowPointAtCenter = parseInt(wrapper2.node.getPopupDomNode().style.left, 10);
expect(popupLeftArrowPointAtCenter - popupLeftDefault).toBe((triggerWidth / 2) - horizontalArrowShift - arrowWidth);
});
});

View File

@ -1,184 +1,168 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/tree-select/demo/basic.md correctly 1`] = `
<div
id="TriggerContainer"
<span
class="ant-select ant-select-enabled ant-select-allow-clear"
style="width:300px;"
>
<span
class="ant-select ant-select-enabled ant-select-allow-clear"
style="width:300px;"
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<span
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-selection__rendered"
>
<span
class="ant-select-selection__rendered"
class="ant-select-selection__placeholder"
>
<span
class="ant-select-selection__placeholder"
>
Please select
</span>
</span>
<span
class="ant-select-arrow"
style="outline:none;"
>
<b />
Please select
</span>
</span>
<span
class="ant-select-arrow"
style="outline:none;"
>
<b />
</span>
</span>
</div>
</span>
`;
exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
<div
id="TriggerContainer"
<span
class="ant-select ant-select-enabled"
style="width:300px;"
>
<span
class="ant-select ant-select-enabled"
style="width:300px;"
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--multiple"
role="combobox"
>
<span
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--multiple"
role="combobox"
<ul
class="ant-select-selection__rendered"
>
<ul
class="ant-select-selection__rendered"
<li
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;"
title="Node1"
unselectable="unselectable"
>
<li
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;"
title="Node1"
unselectable="unselectable"
<span
class="ant-select-selection__choice__remove"
/>
<span
class="ant-select-selection__choice__content"
>
<span
class="ant-select-selection__choice__remove"
Node1
</span>
</li>
<li
class="ant-select-search ant-select-search--inline"
>
<span
class="ant-select-search__field__wrap"
>
<input
class="ant-select-search__field"
role="textbox"
value=""
/>
<span
class="ant-select-selection__choice__content"
class="ant-select-search__field__mirror"
>
Node1
 
</span>
</li>
<li
class="ant-select-search ant-select-search--inline"
>
<span
class="ant-select-search__field__wrap"
>
<input
class="ant-select-search__field"
role="textbox"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</span>
</li>
</ul>
<span
class="ant-select-search__field__placeholder"
style="display:none;"
>
Please select
</span>
</span>
</li>
</ul>
<span
class="ant-select-search__field__placeholder"
style="display:none;"
>
Please select
</span>
</span>
</div>
</span>
`;
exports[`renders ./components/tree-select/demo/multiple.md correctly 1`] = `
<div
id="TriggerContainer"
<span
class="ant-select ant-select-enabled ant-select-allow-clear"
style="width:300px;"
>
<span
class="ant-select ant-select-enabled ant-select-allow-clear"
style="width:300px;"
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--multiple"
role="combobox"
>
<ul
class="ant-select-selection__rendered"
>
<li
class="ant-select-search ant-select-search--inline"
>
<span
class="ant-select-search__field__wrap"
>
<input
class="ant-select-search__field"
role="textbox"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</span>
</li>
</ul>
<span
class="ant-select-search__field__placeholder"
style="display:block;"
>
Please select
</span>
</span>
</span>
`;
exports[`renders ./components/tree-select/demo/treeData.md correctly 1`] = `
<span
class="ant-select ant-select-enabled"
style="width:300px;"
>
<span
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<span
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--multiple"
role="combobox"
class="ant-select-selection__rendered"
>
<ul
class="ant-select-selection__rendered"
>
<li
class="ant-select-search ant-select-search--inline"
>
<span
class="ant-select-search__field__wrap"
>
<input
class="ant-select-search__field"
role="textbox"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</span>
</li>
</ul>
<span
class="ant-select-search__field__placeholder"
style="display:block;"
class="ant-select-selection__placeholder"
>
Please select
</span>
</span>
</span>
</div>
`;
exports[`renders ./components/tree-select/demo/treeData.md correctly 1`] = `
<div
id="TriggerContainer"
>
<span
class="ant-select ant-select-enabled"
style="width:300px;"
>
<span
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select-arrow"
style="outline:none;"
>
<span
class="ant-select-selection__rendered"
>
<span
class="ant-select-selection__placeholder"
>
Please select
</span>
</span>
<span
class="ant-select-arrow"
style="outline:none;"
>
<b />
</span>
<b />
</span>
</span>
</div>
</span>
`;

View File

@ -94,24 +94,20 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
<div
class="ant-upload-list-item-info"
>
<div
id="TriggerContainer"
>
<span>
<i
class="anticon anticon-paper-clip"
/>
<a
class="ant-upload-list-item-name"
href="http://www.baidu.com/zzz.png"
rel="noopener noreferrer"
target="_blank"
title="zzz.png"
>
zzz.png
</a>
</span>
</div>
<span>
<i
class="anticon anticon-paper-clip"
/>
<a
class="ant-upload-list-item-name"
href="http://www.baidu.com/zzz.png"
rel="noopener noreferrer"
target="_blank"
title="zzz.png"
>
zzz.png
</a>
</span>
</div>
<i
class="anticon anticon-cross"

View File

@ -1,17 +0,0 @@
import React from 'react';
const Trigger = require.requireActual('rc-trigger');
const render = Trigger.prototype.render;
Trigger.prototype.render = function () { // eslint-disable-line
const { popupVisible } = this.state;
return (
<div id="TriggerContainer">
{render.call(this)}
{popupVisible && this.getComponent()}
</div>
);
};
export default Trigger;