Mock rc-trigger

Ref #5522
This commit is contained in:
Wei Zhu 2017-09-15 16:14:26 +08:00
parent 9df6e06d70
commit 9d2c91598b
31 changed files with 7065 additions and 4138 deletions

View File

@ -2,109 +2,117 @@
exports[`renders ./components/auto-complete/demo/antd.md correctly 1`] = `
<div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;height:50px;"
id="TriggerContainer"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
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-selection__rendered"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
>
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
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;"
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>
<b />
</span>
</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
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
id="TriggerContainer"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
>
<div
class="ant-select-selection__rendered"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
>
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
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"
>
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>
<b />
</span>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
`;
@ -115,8 +123,141 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
style="width:250px;"
>
<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%;"
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;"
>
<div
aria-autocomplete="list"
@ -143,22 +284,11 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
<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>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
@ -180,187 +310,81 @@ exports[`renders ./components/auto-complete/demo/certain-category.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
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%;"
id="TriggerContainer"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
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-selection__rendered"
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
>
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
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;"
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>
<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

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

View File

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

View File

@ -1,236 +1,9 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/cascader/demo/basic.md correctly 1`] = `
<span
class="ant-cascader-picker"
tabindex="0"
<div
id="TriggerContainer"
>
<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>
`;
exports[`renders ./components/cascader/demo/change-on-select.md correctly 1`] = `
<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>
`;
exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
<span
class="ant-cascader-picker"
style="width:270px;"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
>
<span>
Zhejiang /
</span>
<span>
Hangzhou /
</span>
<span>
West Lake (
<a>
752100
</a>
)
</span>
</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>
`;
exports[`renders ./components/cascader/demo/custom-trigger.md correctly 1`] = `
<span>
Unselect 
<a
href="#"
tabindex="0"
>
Change city
</a>
</span>
`;
exports[`renders ./components/cascader/demo/default-value.md correctly 1`] = `
<span
class="ant-cascader-picker"
tabindex="0"
>
<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"
/>
</span>
`;
exports[`renders ./components/cascader/demo/disabled-option.md correctly 1`] = `
<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>
`;
exports[`renders ./components/cascader/demo/hover.md correctly 1`] = `
<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>
`;
exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
<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>
`;
exports[`renders ./components/cascader/demo/search.md correctly 1`] = `
<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>
`;
exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
<div>
<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>
<br />
<br />
<span
class="ant-cascader-picker"
tabindex="0"
@ -250,8 +23,13 @@ exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
<br />
<br />
</div>
`;
exports[`renders ./components/cascader/demo/change-on-select.md correctly 1`] = `
<div
id="TriggerContainer"
>
<span
class="ant-cascader-picker"
tabindex="0"
@ -261,7 +39,7 @@ exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input ant-input-sm"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
@ -271,6 +49,276 @@ exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
`;
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-label"
>
<span>
Zhejiang /
</span>
<span>
Hangzhou /
</span>
<span>
West Lake (
<a>
752100
</a>
)
</span>
</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>
`;
exports[`renders ./components/cascader/demo/custom-trigger.md correctly 1`] = `
<span>
Unselect 
<div
id="TriggerContainer"
>
<a
href="#"
tabindex="0"
>
Change city
</a>
</div>
</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-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"
/>
</span>
</div>
`;
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-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>
`;
exports[`renders ./components/cascader/demo/hover.md correctly 1`] = `
<div
id="TriggerContainer"
>
<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>
`;
exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
<div
id="TriggerContainer"
>
<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>
`;
exports[`renders ./components/cascader/demo/search.md correctly 1`] = `
<div
id="TriggerContainer"
>
<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>
`;
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-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>
<br />
<br />
<div
id="TriggerContainer"
>
<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>
<br />
<br />
<div
id="TriggerContainer"
>
<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>
<br />
<br />
</div>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -47,36 +47,40 @@ exports[`renders ./components/notification/demo/duration.md correctly 1`] = `
exports[`renders ./components/notification/demo/placement.md correctly 1`] = `
<div>
<div
class="ant-select ant-select-enabled"
style="width:120px;margin-right:10px;"
id="TriggerContainer"
>
<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 ant-select-enabled"
style="width:120px;margin-right:10px;"
>
<div
class="ant-select-selection__rendered"
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-selected-value"
style="display:block;opacity:1;"
title="topRight"
class="ant-select-selection__rendered"
>
topRight
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="topRight"
>
topRight
</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>
<button

View File

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

View File

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

View File

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

File diff suppressed because it is too large Load Diff

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -794,35 +794,39 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
>
Tab position
<div
class="ant-select ant-select-enabled"
id="TriggerContainer"
>
<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 ant-select-enabled"
>
<div
class="ant-select-selection__rendered"
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-selected-value"
style="display:block;opacity:1;"
title="top"
class="ant-select-selection__rendered"
>
top
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="top"
>
top
</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>
</div>

View File

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

View File

@ -2,22 +2,30 @@
exports[`renders ./components/tooltip/demo/arrow-point-at-center.md correctly 1`] = `
<div>
<button
class="ant-btn"
type="button"
<div
id="TriggerContainer"
>
<span>
Align edge / 边缘对齐
</span>
</button>
<button
class="ant-btn"
type="button"
<button
class="ant-btn"
type="button"
>
<span>
Align edge / 边缘对齐
</span>
</button>
</div>
<div
id="TriggerContainer"
>
<span>
Arrow points to center / 箭头指向中心
</span>
</button>
<button
class="ant-btn"
type="button"
>
<span>
Arrow points to center / 箭头指向中心
</span>
</button>
</div>
</div>
`;
@ -25,30 +33,42 @@ exports[`renders ./components/tooltip/demo/auto-adjust-overflow.md correctly 1`]
<div
style="overflow:hidden;position:relative;padding:24px;border:1px solid #e9e9e9;"
>
<button
class="ant-btn"
type="button"
<div
id="TriggerContainer"
>
<span>
Adjust automatically / 自动调整
</span>
</button>
<button
class="ant-btn"
type="button"
>
<span>
Adjust automatically / 自动调整
</span>
</button>
</div>
<br />
<button
class="ant-btn"
type="button"
<div
id="TriggerContainer"
>
<span>
Ingore / 不处理
</span>
</button>
<button
class="ant-btn"
type="button"
>
<span>
Ingore / 不处理
</span>
</button>
</div>
</div>
`;
exports[`renders ./components/tooltip/demo/basic.md correctly 1`] = `
<span>
Tooltip will show when mouse enter.
</span>
<div
id="TriggerContainer"
>
<span>
Tooltip will show when mouse enter.
</span>
</div>
`;
exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
@ -56,78 +76,126 @@ exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
<div
style="margin-left:60px;"
>
<a
href="#"
<div
id="TriggerContainer"
>
TL
</a>
<a
href="#"
<a
href="#"
>
TL
</a>
</div>
<div
id="TriggerContainer"
>
Top
</a>
<a
href="#"
<a
href="#"
>
Top
</a>
</div>
<div
id="TriggerContainer"
>
TR
</a>
<a
href="#"
>
TR
</a>
</div>
</div>
<div
style="width:60px;float:left;"
>
<a
href="#"
<div
id="TriggerContainer"
>
LT
</a>
<a
href="#"
<a
href="#"
>
LT
</a>
</div>
<div
id="TriggerContainer"
>
Left
</a>
<a
href="#"
<a
href="#"
>
Left
</a>
</div>
<div
id="TriggerContainer"
>
LB
</a>
<a
href="#"
>
LB
</a>
</div>
</div>
<div
style="width:60px;margin-left:270px;"
>
<a
href="#"
<div
id="TriggerContainer"
>
RT
</a>
<a
href="#"
<a
href="#"
>
RT
</a>
</div>
<div
id="TriggerContainer"
>
Right
</a>
<a
href="#"
<a
href="#"
>
Right
</a>
</div>
<div
id="TriggerContainer"
>
RB
</a>
<a
href="#"
>
RB
</a>
</div>
</div>
<div
style="margin-left:60px;clear:both;"
>
<a
href="#"
<div
id="TriggerContainer"
>
BL
</a>
<a
href="#"
<a
href="#"
>
BL
</a>
</div>
<div
id="TriggerContainer"
>
Bottom
</a>
<a
href="#"
<a
href="#"
>
Bottom
</a>
</div>
<div
id="TriggerContainer"
>
BR
</a>
<a
href="#"
>
BR
</a>
</div>
</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>Hello world!</div>
<div className="box">Hello world!</div>
</Tooltip>
);
// `title` is empty.
const div = wrapper.find('div').at(0);
const div = wrapper.find('.box');
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!' });
wrapper.simulate('mouseenter');
div.simulate('mouseenter');
expect(onVisibleChange).toHaveBeenLastCalledWith(true);
expect(wrapper.ref('tooltip').prop('visible')).toBe(true);
wrapper.simulate('mouseleave');
div.simulate('mouseleave');
expect(onVisibleChange).toHaveBeenLastCalledWith(false);
expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
// add `visible` props.
wrapper.setProps({ visible: false });
wrapper.simulate('mouseenter');
div.simulate('mouseenter');
expect(onVisibleChange).toHaveBeenLastCalledWith(true);
const lastCount = onVisibleChange.mock.calls.length;
expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
// always trigger onVisibleChange
wrapper.simulate('mouseleave');
div.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.getDOMNode().tagName).toBe('SPAN');
expect(wrapper).toMatchSnapshot();
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.getDOMNode().style.display).toBe('inline-block');
expect(wrapper2.getDOMNode().style.display).toBe('block');
expect(wrapper1).toMatchSnapshot();
expect(wrapper2).toMatchSnapshot();
});
it('should not wrap span when trigger is not hover', () => {
@ -130,42 +130,44 @@ describe('Tooltip', () => {
});
it('should works for arrowPointAtCenter', () => {
const arrowWidth = 5;
const horizontalArrowShift = 16;
const triggerWidth = 200;
jest.dontMock('rc-trigger', () => {
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,168 +1,184 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/tree-select/demo/basic.md correctly 1`] = `
<span
class="ant-select ant-select-enabled ant-select-allow-clear"
style="width:300px;"
<div
id="TriggerContainer"
>
<span
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
class="ant-select ant-select-enabled ant-select-allow-clear"
style="width:300px;"
>
<span
class="ant-select-selection__rendered"
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<span
class="ant-select-selection__placeholder"
class="ant-select-selection__rendered"
>
Please select
<span
class="ant-select-selection__placeholder"
>
Please select
</span>
</span>
<span
class="ant-select-arrow"
style="outline:none;"
>
<b />
</span>
</span>
<span
class="ant-select-arrow"
style="outline:none;"
>
<b />
</span>
</span>
</span>
</div>
`;
exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
<span
class="ant-select ant-select-enabled"
style="width:300px;"
<div
id="TriggerContainer"
>
<span
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--multiple"
role="combobox"
class="ant-select ant-select-enabled"
style="width:300px;"
>
<ul
class="ant-select-selection__rendered"
<span
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--multiple"
role="combobox"
>
<li
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;"
title="Node1"
unselectable="unselectable"
<ul
class="ant-select-selection__rendered"
>
<span
class="ant-select-selection__choice__remove"
/>
<span
class="ant-select-selection__choice__content"
<li
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;"
title="Node1"
unselectable="unselectable"
>
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__remove"
/>
<span
class="ant-select-search__field__mirror"
class="ant-select-selection__choice__content"
>
 
Node1
</span>
</span>
</li>
</ul>
<span
class="ant-select-search__field__placeholder"
style="display:none;"
>
Please select
</span>
</span>
</span>
`;
exports[`renders ./components/tree-select/demo/multiple.md correctly 1`] = `
<span
class="ant-select ant-select-enabled ant-select-allow-clear"
style="width:300px;"
>
<span
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"
</li>
<li
class="ant-select-search ant-select-search--inline"
>
<input
class="ant-select-search__field"
role="textbox"
value=""
/>
<span
class="ant-select-search__field__mirror"
class="ant-select-search__field__wrap"
>
 
<input
class="ant-select-search__field"
role="textbox"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</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
class="ant-select-selection__rendered"
>
</li>
</ul>
<span
class="ant-select-selection__placeholder"
class="ant-select-search__field__placeholder"
style="display:none;"
>
Please select
</span>
</span>
</span>
</div>
`;
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-arrow"
style="outline:none;"
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--multiple"
role="combobox"
>
<b />
<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>
</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"
>
<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>
</span>
</span>
</div>
`;

View File

@ -94,20 +94,24 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
<div
class="ant-upload-list-item-info"
>
<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
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>
</div>
<i
class="anticon anticon-cross"

View File

@ -0,0 +1,17 @@
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;