mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-16 01:41:02 +08:00
775 lines
17 KiB
Plaintext
775 lines
17 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||
|
||
exports[`renders ./components/input/demo/addon.md correctly 1`] = `
|
||
<div>
|
||
<div
|
||
style="margin-bottom:16px"
|
||
>
|
||
<span
|
||
class="ant-input-group-wrapper"
|
||
>
|
||
<span
|
||
class="ant-input-wrapper ant-input-group"
|
||
>
|
||
<span
|
||
class="ant-input-group-addon"
|
||
>
|
||
Http://
|
||
</span>
|
||
<input
|
||
class="ant-input"
|
||
type="text"
|
||
value="mysite"
|
||
/>
|
||
<span
|
||
class="ant-input-group-addon"
|
||
>
|
||
.com
|
||
</span>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
<div
|
||
style="margin-bottom:16px"
|
||
>
|
||
<span
|
||
class="ant-input-group-wrapper"
|
||
>
|
||
<span
|
||
class="ant-input-wrapper ant-input-group"
|
||
>
|
||
<span
|
||
class="ant-input-group-addon"
|
||
>
|
||
<div
|
||
class="ant-select ant-select-enabled"
|
||
style="width:90px"
|
||
>
|
||
<div
|
||
aria-autocomplete="list"
|
||
aria-expanded="false"
|
||
aria-haspopup="true"
|
||
class="ant-select-selection
|
||
ant-select-selection--single"
|
||
role="combobox"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="ant-select-selection__rendered"
|
||
>
|
||
<div
|
||
class="ant-select-selection-selected-value"
|
||
style="display:block;opacity:1"
|
||
title="Http://"
|
||
>
|
||
Http://
|
||
</div>
|
||
</div>
|
||
<span
|
||
class="ant-select-arrow"
|
||
style="user-select:none;-webkit-user-select:none"
|
||
unselectable="unselectable"
|
||
>
|
||
<b />
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</span>
|
||
<input
|
||
class="ant-input"
|
||
type="text"
|
||
value="mysite"
|
||
/>
|
||
<span
|
||
class="ant-input-group-addon"
|
||
>
|
||
<div
|
||
class="ant-select ant-select-enabled"
|
||
style="width:80px"
|
||
>
|
||
<div
|
||
aria-autocomplete="list"
|
||
aria-expanded="false"
|
||
aria-haspopup="true"
|
||
class="ant-select-selection
|
||
ant-select-selection--single"
|
||
role="combobox"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="ant-select-selection__rendered"
|
||
>
|
||
<div
|
||
class="ant-select-selection-selected-value"
|
||
style="display:block;opacity:1"
|
||
title=".com"
|
||
>
|
||
.com
|
||
</div>
|
||
</div>
|
||
<span
|
||
class="ant-select-arrow"
|
||
style="user-select:none;-webkit-user-select:none"
|
||
unselectable="unselectable"
|
||
>
|
||
<b />
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</span>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
<div
|
||
style="margin-bottom:16px"
|
||
>
|
||
<span
|
||
class="ant-input-group-wrapper"
|
||
>
|
||
<span
|
||
class="ant-input-wrapper ant-input-group"
|
||
>
|
||
<input
|
||
class="ant-input"
|
||
type="text"
|
||
value="mysite"
|
||
/>
|
||
<span
|
||
class="ant-input-group-addon"
|
||
>
|
||
<i
|
||
class="anticon anticon-setting"
|
||
/>
|
||
</span>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
`;
|
||
|
||
exports[`renders ./components/input/demo/autosize-textarea.md correctly 1`] = `
|
||
<div>
|
||
<textarea
|
||
class="ant-input"
|
||
placeholder="Autosize height based on content lines"
|
||
/>
|
||
<div
|
||
style="margin:24px 0"
|
||
/>
|
||
<textarea
|
||
class="ant-input"
|
||
placeholder="Autosize height with minimum and maximum number of lines"
|
||
/>
|
||
</div>
|
||
`;
|
||
|
||
exports[`renders ./components/input/demo/basic.md correctly 1`] = `
|
||
<input
|
||
class="ant-input"
|
||
placeholder="Basic usage"
|
||
type="text"
|
||
/>
|
||
`;
|
||
|
||
exports[`renders ./components/input/demo/group.md correctly 1`] = `
|
||
<div>
|
||
<span
|
||
class="ant-input-group ant-input-group-lg"
|
||
>
|
||
<div
|
||
class="ant-col-5"
|
||
>
|
||
<input
|
||
class="ant-input"
|
||
type="text"
|
||
value="0571"
|
||
/>
|
||
</div>
|
||
<div
|
||
class="ant-col-8"
|
||
>
|
||
<input
|
||
class="ant-input"
|
||
type="text"
|
||
value="26888888"
|
||
/>
|
||
</div>
|
||
</span>
|
||
<br />
|
||
<span
|
||
class="ant-input-group ant-input-group-compact"
|
||
>
|
||
<input
|
||
class="ant-input"
|
||
style="width:20%"
|
||
type="text"
|
||
value="0571"
|
||
/>
|
||
<input
|
||
class="ant-input"
|
||
style="width:30%"
|
||
type="text"
|
||
value="26888888"
|
||
/>
|
||
</span>
|
||
<br />
|
||
<span
|
||
class="ant-input-group ant-input-group-compact"
|
||
>
|
||
<div
|
||
class="ant-select ant-select-enabled"
|
||
>
|
||
<div
|
||
aria-autocomplete="list"
|
||
aria-expanded="false"
|
||
aria-haspopup="true"
|
||
class="ant-select-selection
|
||
ant-select-selection--single"
|
||
role="combobox"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="ant-select-selection__rendered"
|
||
>
|
||
<div
|
||
class="ant-select-selection-selected-value"
|
||
style="display:block;opacity:1"
|
||
title="Zhejiang"
|
||
>
|
||
Zhejiang
|
||
</div>
|
||
</div>
|
||
<span
|
||
class="ant-select-arrow"
|
||
style="user-select:none;-webkit-user-select:none"
|
||
unselectable="unselectable"
|
||
>
|
||
<b />
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<input
|
||
class="ant-input"
|
||
style="width:50%"
|
||
type="text"
|
||
value="Xihu District, Hangzhou"
|
||
/>
|
||
</span>
|
||
<br />
|
||
<span
|
||
class="ant-input-group ant-input-group-compact"
|
||
>
|
||
<div
|
||
class="ant-select ant-select-enabled"
|
||
>
|
||
<div
|
||
aria-autocomplete="list"
|
||
aria-expanded="false"
|
||
aria-haspopup="true"
|
||
class="ant-select-selection
|
||
ant-select-selection--single"
|
||
role="combobox"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="ant-select-selection__rendered"
|
||
>
|
||
<div
|
||
class="ant-select-selection-selected-value"
|
||
style="display:block;opacity:1"
|
||
title="Option1"
|
||
>
|
||
Option1
|
||
</div>
|
||
</div>
|
||
<span
|
||
class="ant-select-arrow"
|
||
style="user-select:none;-webkit-user-select:none"
|
||
unselectable="unselectable"
|
||
>
|
||
<b />
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<input
|
||
class="ant-input"
|
||
style="width:50%"
|
||
type="text"
|
||
value="input content"
|
||
/>
|
||
<div
|
||
class="ant-input-number"
|
||
>
|
||
<div
|
||
class="ant-input-number-handler-wrap"
|
||
>
|
||
<span
|
||
aria-disabled="false"
|
||
aria-label="Increase Value"
|
||
class="ant-input-number-handler ant-input-number-handler-up "
|
||
role="button"
|
||
unselectable="unselectable"
|
||
>
|
||
<span
|
||
class="ant-input-number-handler-up-inner"
|
||
unselectable="unselectable"
|
||
/>
|
||
</span>
|
||
<span
|
||
aria-disabled="false"
|
||
aria-label="Decrease Value"
|
||
class="ant-input-number-handler ant-input-number-handler-down "
|
||
role="button"
|
||
unselectable="unselectable"
|
||
>
|
||
<span
|
||
class="ant-input-number-handler-down-inner"
|
||
unselectable="unselectable"
|
||
/>
|
||
</span>
|
||
</div>
|
||
<div
|
||
aria-valuemin="-9007199254740991"
|
||
class="ant-input-number-input-wrap"
|
||
role="spinbutton"
|
||
>
|
||
<input
|
||
autocomplete="off"
|
||
class="ant-input-number-input"
|
||
min="-9007199254740991"
|
||
step="1"
|
||
value=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</span>
|
||
<br />
|
||
<span
|
||
class="ant-input-group ant-input-group-compact"
|
||
>
|
||
<input
|
||
class="ant-input"
|
||
style="width:50%"
|
||
type="text"
|
||
value="input content"
|
||
/>
|
||
<span
|
||
class="ant-calendar-picker"
|
||
>
|
||
<div>
|
||
<input
|
||
class="ant-calendar-picker-input ant-input"
|
||
placeholder="Select date"
|
||
readonly=""
|
||
value=""
|
||
/>
|
||
<span
|
||
class="ant-calendar-picker-icon"
|
||
/>
|
||
</div>
|
||
</span>
|
||
</span>
|
||
<br />
|
||
<span
|
||
class="ant-input-group ant-input-group-compact"
|
||
>
|
||
<div
|
||
class="ant-select ant-select-enabled"
|
||
>
|
||
<div
|
||
aria-autocomplete="list"
|
||
aria-expanded="false"
|
||
aria-haspopup="true"
|
||
class="ant-select-selection
|
||
ant-select-selection--single"
|
||
role="combobox"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="ant-select-selection__rendered"
|
||
>
|
||
<div
|
||
class="ant-select-selection-selected-value"
|
||
style="display:block;opacity:1"
|
||
title="Option1-1"
|
||
>
|
||
Option1-1
|
||
</div>
|
||
</div>
|
||
<span
|
||
class="ant-select-arrow"
|
||
style="user-select:none;-webkit-user-select:none"
|
||
unselectable="unselectable"
|
||
>
|
||
<b />
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="ant-select ant-select-enabled"
|
||
>
|
||
<div
|
||
aria-autocomplete="list"
|
||
aria-expanded="false"
|
||
aria-haspopup="true"
|
||
class="ant-select-selection
|
||
ant-select-selection--single"
|
||
role="combobox"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="ant-select-selection__rendered"
|
||
>
|
||
<div
|
||
class="ant-select-selection-selected-value"
|
||
style="display:block;opacity:1"
|
||
title="Option2-2"
|
||
>
|
||
Option2-2
|
||
</div>
|
||
</div>
|
||
<span
|
||
class="ant-select-arrow"
|
||
style="user-select:none;-webkit-user-select:none"
|
||
unselectable="unselectable"
|
||
>
|
||
<b />
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</span>
|
||
<br />
|
||
<span
|
||
class="ant-input-group ant-input-group-compact"
|
||
>
|
||
<div
|
||
class="ant-select ant-select-enabled"
|
||
>
|
||
<div
|
||
aria-autocomplete="list"
|
||
aria-expanded="false"
|
||
aria-haspopup="true"
|
||
class="ant-select-selection
|
||
ant-select-selection--single"
|
||
role="combobox"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="ant-select-selection__rendered"
|
||
>
|
||
<div
|
||
class="ant-select-selection-selected-value"
|
||
style="display:block;opacity:1"
|
||
title="Between"
|
||
>
|
||
Between
|
||
</div>
|
||
</div>
|
||
<span
|
||
class="ant-select-arrow"
|
||
style="user-select:none;-webkit-user-select:none"
|
||
unselectable="unselectable"
|
||
>
|
||
<b />
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<input
|
||
class="ant-input"
|
||
placeholder="Minimum"
|
||
style="width:100px;text-align:center"
|
||
type="text"
|
||
/>
|
||
<input
|
||
class="ant-input ant-input-disabled"
|
||
disabled=""
|
||
placeholder="~"
|
||
style="width:30px;border-left:0;pointer-events:none;background-color:#fff"
|
||
type="text"
|
||
/>
|
||
<input
|
||
class="ant-input"
|
||
placeholder="Maximum"
|
||
style="width:100px;text-align:center;border-left:0"
|
||
type="text"
|
||
/>
|
||
</span>
|
||
<br />
|
||
<span
|
||
class="ant-input-group ant-input-group-compact"
|
||
>
|
||
<div
|
||
class="ant-select ant-select-enabled"
|
||
>
|
||
<div
|
||
aria-autocomplete="list"
|
||
aria-expanded="false"
|
||
aria-haspopup="true"
|
||
class="ant-select-selection
|
||
ant-select-selection--single"
|
||
role="combobox"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="ant-select-selection__rendered"
|
||
>
|
||
<div
|
||
class="ant-select-selection-selected-value"
|
||
style="display:block;opacity:1"
|
||
title="Sign Up"
|
||
>
|
||
Sign Up
|
||
</div>
|
||
</div>
|
||
<span
|
||
class="ant-select-arrow"
|
||
style="user-select:none;-webkit-user-select:none"
|
||
unselectable="unselectable"
|
||
>
|
||
<b />
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="ant-select-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"
|
||
>
|
||
Email
|
||
</div>
|
||
<ul>
|
||
<li
|
||
class="ant-select-search ant-select-search--inline"
|
||
>
|
||
<div
|
||
class="ant-select-search__field__wrap"
|
||
>
|
||
<input
|
||
class="ant-input ant-select-search__field"
|
||
type="text"
|
||
value=""
|
||
/>
|
||
<span
|
||
class="ant-select-search__field__mirror"
|
||
>
|
||
|
||
</span>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<span
|
||
class="ant-select-arrow"
|
||
style="user-select:none;-webkit-user-select:none"
|
||
unselectable="unselectable"
|
||
>
|
||
<b />
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</span>
|
||
<br />
|
||
<span
|
||
class="ant-input-group ant-input-group-compact"
|
||
>
|
||
<div
|
||
class="ant-select ant-select-enabled"
|
||
style="width:30%"
|
||
>
|
||
<div
|
||
aria-autocomplete="list"
|
||
aria-expanded="false"
|
||
aria-haspopup="true"
|
||
class="ant-select-selection
|
||
ant-select-selection--single"
|
||
role="combobox"
|
||
tabindex="0"
|
||
>
|
||
<div
|
||
class="ant-select-selection__rendered"
|
||
>
|
||
<div
|
||
class="ant-select-selection-selected-value"
|
||
style="display:block;opacity:1"
|
||
title="Home"
|
||
>
|
||
Home
|
||
</div>
|
||
</div>
|
||
<span
|
||
class="ant-select-arrow"
|
||
style="user-select:none;-webkit-user-select:none"
|
||
unselectable="unselectable"
|
||
>
|
||
<b />
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<span
|
||
class="ant-cascader-picker"
|
||
style="width:70%"
|
||
tabindex="0"
|
||
>
|
||
<span
|
||
class="ant-cascader-picker-label"
|
||
/>
|
||
<input
|
||
autocomplete="off"
|
||
class="ant-input ant-cascader-input "
|
||
placeholder="Select Address"
|
||
readonly=""
|
||
type="text"
|
||
value=""
|
||
/>
|
||
<i
|
||
class="anticon anticon-down ant-cascader-picker-arrow"
|
||
/>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
`;
|
||
|
||
exports[`renders ./components/input/demo/presuffix.md correctly 1`] = `
|
||
<span
|
||
class="ant-input-affix-wrapper"
|
||
>
|
||
<span
|
||
class="ant-input-prefix"
|
||
>
|
||
<i
|
||
class="anticon anticon-user"
|
||
style="color:rgba(0,0,0,.25)"
|
||
/>
|
||
</span>
|
||
<input
|
||
class="ant-input"
|
||
placeholder="Enter your username"
|
||
type="text"
|
||
value=""
|
||
/>
|
||
</span>
|
||
`;
|
||
|
||
exports[`renders ./components/input/demo/search-input.md correctly 1`] = `
|
||
<div>
|
||
<span
|
||
class="ant-input-search ant-input-affix-wrapper"
|
||
style="width:200px"
|
||
>
|
||
<input
|
||
class="ant-input"
|
||
placeholder="input search text"
|
||
type="text"
|
||
/>
|
||
<span
|
||
class="ant-input-suffix"
|
||
>
|
||
<i
|
||
class="anticon anticon-search ant-input-search-icon"
|
||
/>
|
||
</span>
|
||
</span>
|
||
<br />
|
||
<br />
|
||
<span
|
||
class="ant-input-search ant-input-search-enter-button ant-input-affix-wrapper"
|
||
>
|
||
<input
|
||
class="ant-input"
|
||
placeholder="input search text"
|
||
type="text"
|
||
/>
|
||
<span
|
||
class="ant-input-suffix"
|
||
>
|
||
<button
|
||
class="ant-btn ant-input-search-button ant-btn-primary"
|
||
type="button"
|
||
>
|
||
<i
|
||
class="anticon anticon-search"
|
||
/>
|
||
</button>
|
||
</span>
|
||
</span>
|
||
<br />
|
||
<br />
|
||
<span
|
||
class="ant-input-search ant-input-search-enter-button ant-input-search-large ant-input-affix-wrapper ant-input-affix-wrapper-lg"
|
||
>
|
||
<input
|
||
class="ant-input ant-input-lg"
|
||
placeholder="input search text"
|
||
type="text"
|
||
/>
|
||
<span
|
||
class="ant-input-suffix"
|
||
>
|
||
<button
|
||
class="ant-btn ant-input-search-button ant-btn-primary ant-btn-lg"
|
||
type="button"
|
||
>
|
||
<span>
|
||
Search
|
||
</span>
|
||
</button>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
`;
|
||
|
||
exports[`renders ./components/input/demo/size.md correctly 1`] = `
|
||
<div
|
||
class="example-input"
|
||
>
|
||
<input
|
||
class="ant-input ant-input-lg"
|
||
placeholder="large size"
|
||
type="text"
|
||
/>
|
||
<input
|
||
class="ant-input"
|
||
placeholder="default size"
|
||
type="text"
|
||
/>
|
||
<input
|
||
class="ant-input ant-input-sm"
|
||
placeholder="small size"
|
||
type="text"
|
||
/>
|
||
</div>
|
||
`;
|
||
|
||
exports[`renders ./components/input/demo/textarea.md correctly 1`] = `
|
||
<textarea
|
||
class="ant-input"
|
||
rows="4"
|
||
/>
|
||
`;
|
||
|
||
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=""
|
||
/>
|
||
`;
|