test: update snapshots
undefined
parent
ff25efe185
commit
054a8ceb6f
|
|
@ -3,24 +3,17 @@
|
|||
exports[`renders ./components/affix/demo/basic.md correctly 1`] = `
|
||||
<div>
|
||||
<div>
|
||||
<div class="">
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Affix top</span></button>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class=""><button type="button" class="ant-btn ant-btn-primary"><span>Affix top</span></button></div>
|
||||
</div> <br>
|
||||
<div>
|
||||
<div class="">
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Affix bottom</span></button>
|
||||
</div>
|
||||
<div class=""><button type="button" class="ant-btn ant-btn-primary"><span>Affix bottom</span></button></div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/affix/demo/on-change.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>120px to affix top</span></button>
|
||||
</div>
|
||||
<div class=""><button type="button" class="ant-btn ant-btn-default"><span>120px to affix top</span></button></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -28,9 +21,7 @@ exports[`renders ./components/affix/demo/target.md correctly 1`] = `
|
|||
<div id="components-affix-demo-target" class="scrollable-container">
|
||||
<div class="background">
|
||||
<div>
|
||||
<div class="">
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Fixed at the top of container</span></button>
|
||||
</div>
|
||||
<div class=""><button type="button" class="ant-btn ant-btn-primary"><span>Fixed at the top of container</span></button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,20 +2,10 @@
|
|||
|
||||
exports[`renders ./components/alert/demo/banner.md correctly 1`] = `
|
||||
<div>
|
||||
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-banner">
|
||||
<i class="anticon anticon-exclamation-circle ant-alert-icon"></i><span class="ant-alert-message">Warning text</span><span class="ant-alert-description"></span></div>
|
||||
<br>
|
||||
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-banner">
|
||||
<i class="anticon anticon-exclamation-circle ant-alert-icon"></i><span class="ant-alert-message">Very long warning text warning text text text text text text text</span><span class="ant-alert-description"></span>
|
||||
<a class="ant-alert-close-icon">
|
||||
<i class="anticon anticon-cross"></i>
|
||||
</a>
|
||||
</div>
|
||||
<br>
|
||||
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-no-icon ant-alert-banner"><span class="ant-alert-message">Warning text without icon</span><span class="ant-alert-description"></span></div>
|
||||
<br>
|
||||
<div data-show="true" class="ant-alert ant-alert-error ant-alert-banner">
|
||||
<i class="anticon anticon-cross-circle ant-alert-icon"></i><span class="ant-alert-message">Error text</span><span class="ant-alert-description"></span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-banner"><i class="anticon anticon-exclamation-circle ant-alert-icon"></i><span class="ant-alert-message">Warning text</span><span class="ant-alert-description"></span></div> <br>
|
||||
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-banner"><i class="anticon anticon-exclamation-circle ant-alert-icon"></i><span class="ant-alert-message">Very long warning text warning text text text text text text text</span><span class="ant-alert-description"></span><a class="ant-alert-close-icon"><i class="anticon anticon-cross"></i></a></div> <br>
|
||||
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-no-icon ant-alert-banner"><span class="ant-alert-message">Warning text without icon</span><span class="ant-alert-description"></span></div> <br>
|
||||
<div data-show="true" class="ant-alert ant-alert-error ant-alert-banner"><i class="anticon anticon-cross-circle ant-alert-icon"></i><span class="ant-alert-message">Error text</span><span class="ant-alert-description"></span></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -23,32 +13,18 @@ exports[`renders ./components/alert/demo/basic.md correctly 1`] = `<div data-sho
|
|||
|
||||
exports[`renders ./components/alert/demo/closable.md correctly 1`] = `
|
||||
<div>
|
||||
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-no-icon"><span class="ant-alert-message">Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text</span><span class="ant-alert-description"></span>
|
||||
<a class="ant-alert-close-icon">
|
||||
<i class="anticon anticon-cross"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div data-show="true" class="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon"><span class="ant-alert-message">Error Text</span><span class="ant-alert-description">Error Description Error Description Error Description Error Description Error Description Error Description</span>
|
||||
<a class="ant-alert-close-icon">
|
||||
<i class="anticon anticon-cross"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-no-icon"><span class="ant-alert-message">Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text</span><span class="ant-alert-description"></span><a class="ant-alert-close-icon"><i class="anticon anticon-cross"></i></a></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon"><span class="ant-alert-message">Error Text</span><span class="ant-alert-description">Error Description Error Description Error Description Error Description Error Description Error Description</span><a class="ant-alert-close-icon"><i class="anticon anticon-cross"></i></a></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/alert/demo/close-text.md correctly 1`] = `
|
||||
<div data-show="true" class="ant-alert ant-alert-info ant-alert-no-icon"><span class="ant-alert-message">Info Text</span><span class="ant-alert-description"></span>
|
||||
<a class="ant-alert-close-icon">Close Now</a>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/alert/demo/close-text.md correctly 1`] = `<div data-show="true" class="ant-alert ant-alert-info ant-alert-no-icon"><span class="ant-alert-message">Info Text</span><span class="ant-alert-description"></span><a class="ant-alert-close-icon">Close Now</a></div>`;
|
||||
|
||||
exports[`renders ./components/alert/demo/description.md correctly 1`] = `
|
||||
<div>
|
||||
<div data-show="true" class="ant-alert ant-alert-success ant-alert-with-description ant-alert-no-icon"><span class="ant-alert-message">Success Text</span><span class="ant-alert-description"><p>
|
||||
Success Description <span style="color: red;">Success</span> Description Success Description
|
||||
</p>
|
||||
</span>
|
||||
</div>
|
||||
</p></span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon"><span class="ant-alert-message">Info Text</span><span class="ant-alert-description">Info Description Info Description Info Description Info Description</span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-with-description ant-alert-no-icon"><span class="ant-alert-message">Warning Text</span><span class="ant-alert-description">Warning Description Warning Description Warning Description Warning Description</span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon"><span class="ant-alert-message">Error Text</span><span class="ant-alert-description">Error Description Error Description Error Description Error Description</span></div>
|
||||
|
|
@ -57,32 +33,20 @@ exports[`renders ./components/alert/demo/description.md correctly 1`] = `
|
|||
|
||||
exports[`renders ./components/alert/demo/icon.md correctly 1`] = `
|
||||
<div>
|
||||
<div data-show="true" class="ant-alert ant-alert-success">
|
||||
<i class="anticon anticon-check-circle ant-alert-icon"></i><span class="ant-alert-message">Success Tips</span><span class="ant-alert-description"></span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-info">
|
||||
<i class="anticon anticon-info-circle ant-alert-icon"></i><span class="ant-alert-message">Informational Notes</span><span class="ant-alert-description"></span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-warning">
|
||||
<i class="anticon anticon-exclamation-circle ant-alert-icon"></i><span class="ant-alert-message">Warning</span><span class="ant-alert-description"></span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-error">
|
||||
<i class="anticon anticon-cross-circle ant-alert-icon"></i><span class="ant-alert-message">Error</span><span class="ant-alert-description"></span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-success ant-alert-with-description">
|
||||
<i class="anticon anticon-check-circle-o ant-alert-icon"></i><span class="ant-alert-message">Success Tips</span><span class="ant-alert-description">Detailed description and advices about successful copywriting.</span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-info ant-alert-with-description">
|
||||
<i class="anticon anticon-info-circle-o ant-alert-icon"></i><span class="ant-alert-message">Informational Notes</span><span class="ant-alert-description">Additional description and informations about copywriting.</span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-with-description">
|
||||
<i class="anticon anticon-exclamation-circle-o ant-alert-icon"></i><span class="ant-alert-message">Warning</span><span class="ant-alert-description">This is a warning notice about copywriting.</span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-error ant-alert-with-description">
|
||||
<i class="anticon anticon-cross-circle-o ant-alert-icon"></i><span class="ant-alert-message">Error</span><span class="ant-alert-description">This is an error message about copywriting.</span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-success"><i class="anticon anticon-check-circle ant-alert-icon"></i><span class="ant-alert-message">Success Tips</span><span class="ant-alert-description"></span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-info"><i class="anticon anticon-info-circle ant-alert-icon"></i><span class="ant-alert-message">Informational Notes</span><span class="ant-alert-description"></span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-warning"><i class="anticon anticon-exclamation-circle ant-alert-icon"></i><span class="ant-alert-message">Warning</span><span class="ant-alert-description"></span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-error"><i class="anticon anticon-cross-circle ant-alert-icon"></i><span class="ant-alert-message">Error</span><span class="ant-alert-description"></span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-success ant-alert-with-description"><i class="anticon anticon-check-circle-o ant-alert-icon"></i><span class="ant-alert-message">Success Tips</span><span class="ant-alert-description">Detailed description and advices about successful copywriting.</span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-info ant-alert-with-description"><i class="anticon anticon-info-circle-o ant-alert-icon"></i><span class="ant-alert-message">Informational Notes</span><span class="ant-alert-description">Additional description and informations about copywriting.</span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-with-description"><i class="anticon anticon-exclamation-circle-o ant-alert-icon"></i><span class="ant-alert-message">Warning</span><span class="ant-alert-description">This is a warning notice about copywriting.</span></div>
|
||||
<div data-show="true" class="ant-alert ant-alert-error ant-alert-with-description"><i class="anticon anticon-cross-circle-o ant-alert-icon"></i><span class="ant-alert-message">Error</span><span class="ant-alert-description">This is an error message about copywriting.</span></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/alert/demo/smooth-closed.md correctly 1`] = `
|
||||
<div>
|
||||
<div data-show="true" class="ant-alert ant-alert-success ant-alert-no-icon"><span class="ant-alert-message">Alert Message Text</span><span class="ant-alert-description"></span>
|
||||
<a class="ant-alert-close-icon">
|
||||
<i class="anticon anticon-cross"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div data-show="true" class="ant-alert ant-alert-success ant-alert-no-icon"><span class="ant-alert-message">Alert Message Text</span><span class="ant-alert-description"></span><a class="ant-alert-close-icon"><i class="anticon anticon-cross"></i></a></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
|
|||
|
|
@ -6,20 +6,11 @@ exports[`renders ./components/anchor/demo/basic.md correctly 1`] = `
|
|||
<div class="ant-anchor-wrapper" style="max-height: 100vh;">
|
||||
<div class="ant-anchor">
|
||||
<div class="ant-anchor-ink"><span class="ant-anchor-ink-ball"></span></div>
|
||||
<div class="ant-anchor-link">
|
||||
<a href="#components-anchor-demo-basic" title="Basic demo" class="ant-anchor-link-title">Basic demo</a>
|
||||
</div>
|
||||
<div class="ant-anchor-link">
|
||||
<a href="#components-anchor-demo-static-anchor" title="Fixed demo" class="ant-anchor-link-title">Fixed demo</a>
|
||||
</div>
|
||||
<div class="ant-anchor-link">
|
||||
<a href="#API" title="API" class="ant-anchor-link-title">API</a>
|
||||
<div class="ant-anchor-link">
|
||||
<a href="#Anchor-Props" title="Anchor Props" class="ant-anchor-link-title">Anchor Props</a>
|
||||
</div>
|
||||
<div class="ant-anchor-link">
|
||||
<a href="#Link-Props" title="Link Props" class="ant-anchor-link-title">Link Props</a>
|
||||
</div>
|
||||
<div class="ant-anchor-link"><a href="#components-anchor-demo-basic" title="Basic demo" class="ant-anchor-link-title">Basic demo</a></div>
|
||||
<div class="ant-anchor-link"><a href="#components-anchor-demo-static-anchor" title="Fixed demo" class="ant-anchor-link-title">Fixed demo</a></div>
|
||||
<div class="ant-anchor-link"><a href="#API" title="API" class="ant-anchor-link-title">API</a>
|
||||
<div class="ant-anchor-link"><a href="#Anchor-Props" title="Anchor Props" class="ant-anchor-link-title">Anchor Props</a></div>
|
||||
<div class="ant-anchor-link"><a href="#Link-Props" title="Link Props" class="ant-anchor-link-title">Link Props</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -31,20 +22,11 @@ exports[`renders ./components/anchor/demo/static.md correctly 1`] = `
|
|||
<div class="ant-anchor-wrapper" style="max-height: 100vh;">
|
||||
<div class="ant-anchor fixed">
|
||||
<div class="ant-anchor-ink"><span class="ant-anchor-ink-ball"></span></div>
|
||||
<div class="ant-anchor-link">
|
||||
<a href="#components-anchor-demo-basic" title="Basic demo" class="ant-anchor-link-title">Basic demo</a>
|
||||
</div>
|
||||
<div class="ant-anchor-link">
|
||||
<a href="#components-anchor-demo-static-anchor" title="Fixed demo" class="ant-anchor-link-title">Fixed demo</a>
|
||||
</div>
|
||||
<div class="ant-anchor-link">
|
||||
<a href="#API" title="API" class="ant-anchor-link-title">API</a>
|
||||
<div class="ant-anchor-link">
|
||||
<a href="#Anchor-Props" title="Anchor Props" class="ant-anchor-link-title">Anchor Props</a>
|
||||
</div>
|
||||
<div class="ant-anchor-link">
|
||||
<a href="#Link-Props" title="Link Props" class="ant-anchor-link-title">Link Props</a>
|
||||
</div>
|
||||
<div class="ant-anchor-link"><a href="#components-anchor-demo-basic" title="Basic demo" class="ant-anchor-link-title">Basic demo</a></div>
|
||||
<div class="ant-anchor-link"><a href="#components-anchor-demo-static-anchor" title="Fixed demo" class="ant-anchor-link-title">Fixed demo</a></div>
|
||||
<div class="ant-anchor-link"><a href="#API" title="API" class="ant-anchor-link-title">API</a>
|
||||
<div class="ant-anchor-link"><a href="#Anchor-Props" title="Anchor Props" class="ant-anchor-link-title">Anchor Props</a></div>
|
||||
<div class="ant-anchor-link"><a href="#Link-Props" title="Link Props" class="ant-anchor-link-title">Link Props</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@ exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
|
|||
<div unselectable="on" class="ant-select-selection__placeholder" style="display: block;">input here</div>
|
||||
<ul>
|
||||
<li class="ant-select-search ant-select-search--inline">
|
||||
<div class="ant-select-search__field__wrap">
|
||||
<input value="" type="text" class="ant-input ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
<div class="ant-select-search__field__wrap"><input value="" type="text" class="ant-input ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -26,7 +26,8 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
|
|||
<div class="ant-select-search__field__wrap"><span class="ant-input-affix-wrapper ant-select-search__field" value=""><input value="" type="text" class="ant-input"><span class="ant-input-suffix"><i class="certain-category-icon anticon anticon-search"></i></span></span><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
@ -37,11 +38,11 @@ exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
|
|||
<div class="ant-select-selection__rendered">
|
||||
<ul>
|
||||
<li class="ant-select-search ant-select-search--inline">
|
||||
<div class="ant-select-search__field__wrap">
|
||||
<textarea value="" placeholder="input here" class="custom ant-input ant-select-search__field" style="height: 50px;"></textarea><span class="ant-select-search__field__mirror"> </span></div>
|
||||
<div class="ant-select-search__field__wrap"><textarea value="" placeholder="input here" class="custom ant-input ant-select-search__field" style="height: 50px;"></textarea><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -52,11 +53,11 @@ exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly
|
|||
<div unselectable="on" class="ant-select-selection__placeholder" style="display: block;">input here</div>
|
||||
<ul>
|
||||
<li class="ant-select-search ant-select-search--inline">
|
||||
<div class="ant-select-search__field__wrap">
|
||||
<input value="" type="text" class="ant-input ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
<div class="ant-select-search__field__wrap"><input value="" type="text" class="ant-input ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -67,11 +68,11 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
|
|||
<div unselectable="on" class="ant-select-selection__placeholder" style="display: block;">input here</div>
|
||||
<ul>
|
||||
<li class="ant-select-search ant-select-search--inline">
|
||||
<div class="ant-select-search__field__wrap">
|
||||
<input value="" type="text" class="ant-input ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
<div class="ant-select-search__field__wrap"><input value="" type="text" class="ant-input ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -83,13 +84,11 @@ exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly
|
|||
<div unselectable="on" class="ant-select-selection__placeholder" style="display: block;">input here</div>
|
||||
<ul>
|
||||
<li class="ant-select-search ant-select-search--inline">
|
||||
<div class="ant-select-search__field__wrap"><span class="ant-input-affix-wrapper ant-select-search__field" value=""><input value="" type="text" class="ant-input"><span class="ant-input-suffix"><button type="button" class="search-btn ant-btn ant-btn-primary ant-btn-lg"><i class="anticon anticon-search"></i></button></span></span>
|
||||
<span
|
||||
class="ant-select-search__field__mirror"> </span>
|
||||
</div>
|
||||
<div class="ant-select-search__field__wrap"><span class="ant-input-affix-wrapper ant-select-search__field" value=""><input value="" type="text" class="ant-input"><span class="ant-input-suffix"><button type="button" class="search-btn ant-btn ant-btn-primary ant-btn-lg"><i class="anticon anticon-search"></i></button></span></span><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -1,32 +1,14 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`renders ./components/avatar/demo/badge.md correctly 1`] = `
|
||||
<div><span style="margin-right: 24px;"><span class="ant-badge"><span class="ant-avatar ant-avatar-square ant-avatar-icon"><i class="anticon anticon-user"></i></span>
|
||||
<sup title="1" class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1100%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="current">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
|
||||
</span>
|
||||
</span> <span><span class="ant-badge"><span class="ant-avatar ant-avatar-square ant-avatar-icon"><i class="anticon anticon-user"></i></span>
|
||||
<sup class="ant-scroll-number ant-badge-dot ant-badge-zoom-enter"></sup>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/avatar/demo/badge.md correctly 1`] = `<div><span style="margin-right: 24px;"><span class="ant-badge"><span class="ant-avatar ant-avatar-square ant-avatar-icon"><i class="anticon anticon-user"></i></span><sup title="1" class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1100%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="current">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup></span></span> <span><span class="ant-badge"><span class="ant-avatar ant-avatar-square ant-avatar-icon"><i class="anticon anticon-user"></i></span><sup class="ant-scroll-number ant-badge-dot ant-badge-zoom-enter"></sup></span></span></div>`;
|
||||
|
||||
exports[`renders ./components/avatar/demo/basic.md correctly 1`] = `
|
||||
<div>
|
||||
<div><span class="ant-avatar ant-avatar-circle ant-avatar-icon" style="width: 64px; height: 64px; line-height: 64px; font-size: 32px;"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-icon"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-circle ant-avatar-icon"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-sm ant-avatar-circle ant-avatar-icon"><i class="anticon anticon-user"></i></span></div>
|
||||
<br>
|
||||
<div><span class="ant-avatar ant-avatar-square ant-avatar-icon" style="width: 64px; height: 64px; line-height: 64px; font-size: 32px;"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-lg ant-avatar-square ant-avatar-icon"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-square ant-avatar-icon"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-sm ant-avatar-square ant-avatar-icon"><i class="anticon anticon-user"></i></span></div>
|
||||
<div><span class="ant-avatar ant-avatar-circle ant-avatar-icon" style="width: 64px; height: 64px; line-height: 64px; font-size: 32px;"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-icon"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-circle ant-avatar-icon"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-sm ant-avatar-circle ant-avatar-icon"><i class="anticon anticon-user"></i></span></div> <br>
|
||||
<div><span class="ant-avatar ant-avatar-square ant-avatar-icon" style="width: 64px; height: 64px; line-height: 64px; font-size: 32px;"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-lg ant-avatar-square ant-avatar-icon"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-square ant-avatar-icon"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-sm ant-avatar-square ant-avatar-icon"><i class="anticon anticon-user"></i></span></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/avatar/demo/dynamic.md correctly 1`] = `
|
||||
<div><span class="ant-avatar ant-avatar-lg ant-avatar-square" style="background-color: rgb(245, 106, 0); vertical-align: middle;"><span class="ant-avatar-string">U</span></span>
|
||||
<button type="button" class="ant-btn ant-btn-default ant-btn-sm" style="vertical-align: middle;"><span>改 变</span></button>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/avatar/demo/dynamic.md correctly 1`] = `<div><span class="ant-avatar ant-avatar-lg ant-avatar-square" style="background-color: rgb(245, 106, 0); vertical-align: middle;"><span class="ant-avatar-string">U</span></span> <button type="button" class="ant-btn ant-btn-default ant-btn-sm" style="vertical-align: middle;"><span>改 变</span></button></div>`;
|
||||
|
||||
exports[`renders ./components/avatar/demo/type.md correctly 1`] = `
|
||||
<div><span class="ant-avatar ant-avatar-circle ant-avatar-icon"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-circle"><span class="ant-avatar-string">U</span></span> <span class="ant-avatar ant-avatar-circle"><span class="ant-avatar-string">USER</span></span>
|
||||
<span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></span> <span class="ant-avatar ant-avatar-circle" style="color: rgb(245, 106, 0); background-color: rgb(253, 227, 207);"><span class="ant-avatar-string">U</span></span>
|
||||
<span class="ant-avatar ant-avatar-circle ant-avatar-icon" style="background-color: rgb(135, 208, 104);"><i class="anticon anticon-user"></i></span></div>
|
||||
`;
|
||||
exports[`renders ./components/avatar/demo/type.md correctly 1`] = `<div><span class="ant-avatar ant-avatar-circle ant-avatar-icon"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-circle"><span class="ant-avatar-string">U</span></span> <span class="ant-avatar ant-avatar-circle"><span class="ant-avatar-string">USER</span></span> <span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></span> <span class="ant-avatar ant-avatar-circle" style="color: rgb(245, 106, 0); background-color: rgb(253, 227, 207);"><span class="ant-avatar-string">U</span></span> <span class="ant-avatar ant-avatar-circle ant-avatar-icon" style="background-color: rgb(135, 208, 104);"><i class="anticon anticon-user"></i></span></div>`;
|
||||
|
|
|
|||
|
|
@ -4,7 +4,8 @@ exports[`renders ./components/back-top/demo/basic.md correctly 1`] = `
|
|||
<div>
|
||||
<!---->
|
||||
Scroll down to see the bottom-right
|
||||
<strong style="color: rgba(64, 64, 64, 0.6);"> gray </strong> button.
|
||||
<strong style="color: rgba(64, 64, 64, 0.6);"> gray </strong>
|
||||
button.
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -12,6 +13,7 @@ exports[`renders ./components/back-top/demo/custom.md correctly 1`] = `
|
|||
<div id="components-back-top-demo-custom">
|
||||
<!---->
|
||||
Scroll down to see the bottom-right
|
||||
<strong style="color: rgb(16, 136, 233);"> blue </strong> button.
|
||||
<strong style="color: rgb(16, 136, 233);"> blue </strong>
|
||||
button.
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -1,138 +1,24 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`renders ./components/badge/demo/basic.md correctly 1`] = `
|
||||
<div><span class="ant-badge"><a href="#" class="head-example"></a><sup title="5" class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1500%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="current">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
|
||||
</span>
|
||||
<span class="ant-badge"><a href="#" class="head-example"></a><sup title="0" class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1000%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="current">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/badge/demo/basic.md correctly 1`] = `<div><span class="ant-badge"><a href="#" class="head-example"></a><sup title="5" class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1500%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="current">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup></span> <span class="ant-badge"><a href="#" class="head-example"></a><sup title="0" class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1000%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="current">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup></span></div>`;
|
||||
|
||||
exports[`renders ./components/badge/demo/change.md correctly 1`] = `
|
||||
<div>
|
||||
<div><span class="ant-badge"><a href="#" class="head-example"></a><sup title="5" class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1500%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="current">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
|
||||
</span>
|
||||
<div class="ant-btn-group">
|
||||
<button type="button" class="ant-btn ant-btn-default">
|
||||
<i class="anticon anticon-minus"></i>
|
||||
</button>
|
||||
<button type="button" class="ant-btn ant-btn-default">
|
||||
<i class="anticon anticon-plus"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 10px;"><span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-dot ant-badge-zoom-enter"></sup></span> <span tabindex="0" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"></span></span>
|
||||
<div><span class="ant-badge"><a href="#" class="head-example"></a><sup title="5" class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1500%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="current">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup></span>
|
||||
<div class="ant-btn-group"><button type="button" class="ant-btn ant-btn-default"><i class="anticon anticon-minus"></i></button><button type="button" class="ant-btn ant-btn-default"><i class="anticon anticon-plus"></i></button></div>
|
||||
</div>
|
||||
<div style="margin-top: 10px;"><span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-dot ant-badge-zoom-enter"></sup></span> <span tabindex="0" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"></span></span></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/badge/demo/dot.md correctly 1`] = `<div id="components-badge-demo-dot"><span class="ant-badge"><i class="anticon anticon-notification"></i><sup class="ant-scroll-number ant-badge-dot ant-badge-zoom-enter"></sup></span> <span class="ant-badge"><i class="anticon anticon-notification"></i><!----></span> <span class="ant-badge"><a href="#">Link something</a><sup class="ant-scroll-number ant-badge-dot ant-badge-zoom-enter"></sup></span></div>`;
|
||||
|
||||
exports[`renders ./components/badge/demo/link.md correctly 1`] = `
|
||||
<a href="#"><span class="ant-badge"><span class="head-example"></span>
|
||||
<sup title="5" class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1500%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="current">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
|
||||
</span>
|
||||
</a>
|
||||
`;
|
||||
exports[`renders ./components/badge/demo/link.md correctly 1`] = `<a href="#"><span class="ant-badge"><span class="head-example"></span><sup title="5" class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1500%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="current">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup></span></a>`;
|
||||
|
||||
exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
|
||||
<div><span class="ant-badge ant-badge-not-a-wrapper"><sup title="25" class="ant-scroll-number ant-badge-count ant-badge-multiple-words -enter"><span class="ant-scroll-number-only" style="transform: translateY(-1200%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="current">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span>
|
||||
<span
|
||||
class="ant-scroll-number-only" style="transform: translateY(-1500%);">
|
||||
<p class="">0</p>
|
||||
<p class="">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="">9</p>
|
||||
<p class="">0</p>
|
||||
<p class="">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="current">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="">9</p>
|
||||
<p class="">0</p>
|
||||
<p class="">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="">9</p>
|
||||
</span>
|
||||
</sup>
|
||||
</span> <span class="ant-badge ant-badge-not-a-wrapper"><sup title="4" class="ant-scroll-number ant-badge-count -enter" style="background-color: rgb(255, 255, 255); color: rgb(153, 153, 153); box-shadow: 0 0 0 1px #d9d9d9 inset;"><span class="ant-scroll-number-only" style="transform: translateY(-1400%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="current">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
|
||||
</span>
|
||||
<span class="ant-badge ant-badge-not-a-wrapper"><sup title="109" class="ant-scroll-number ant-badge-count ant-badge-multiple-words -enter" style="background-color: rgb(82, 196, 26);">99+</sup></span></div>
|
||||
`;
|
||||
exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `<div><span class="ant-badge ant-badge-not-a-wrapper"><sup title="25" class="ant-scroll-number ant-badge-count ant-badge-multiple-words -enter"><span class="ant-scroll-number-only" style="transform: translateY(-1200%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="current">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span><span class="ant-scroll-number-only" style="transform: translateY(-1500%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="current">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup></span> <span class="ant-badge ant-badge-not-a-wrapper"><sup title="4" class="ant-scroll-number ant-badge-count -enter" style="background-color: rgb(255, 255, 255); color: rgb(153, 153, 153); box-shadow: 0 0 0 1px #d9d9d9 inset;"><span class="ant-scroll-number-only" style="transform: translateY(-1400%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="current">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup></span> <span class="ant-badge ant-badge-not-a-wrapper"><sup title="109" class="ant-scroll-number ant-badge-count ant-badge-multiple-words -enter" style="background-color: rgb(82, 196, 26);">99+</sup></span></div>`;
|
||||
|
||||
exports[`renders ./components/badge/demo/overflow.md correctly 1`] = `
|
||||
<div><span class="ant-badge"><a href="#" class="head-example"></a><sup title="99" class="ant-scroll-number ant-badge-count ant-badge-multiple-words ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1900%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="current">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span>
|
||||
<span
|
||||
class="ant-scroll-number-only" style="transform: translateY(-1900%);">
|
||||
<p class="">0</p>
|
||||
<p class="">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="">9</p>
|
||||
<p class="">0</p>
|
||||
<p class="">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="current">9</p>
|
||||
<p class="">0</p>
|
||||
<p class="">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="">9</p>
|
||||
</span>
|
||||
</sup>
|
||||
</span> <span class="ant-badge"><a href="#" class="head-example"></a><sup title="100" class="ant-scroll-number ant-badge-count ant-badge-multiple-words ant-badge-zoom-enter">99+</sup></span> <span class="ant-badge"><a href="#" class="head-example"></a><sup title="99" class="ant-scroll-number ant-badge-count ant-badge-multiple-words ant-badge-zoom-enter">10+</sup></span> <span class="ant-badge"><a href="#" class="head-example"></a><sup title="1000" class="ant-scroll-number ant-badge-count ant-badge-multiple-words ant-badge-zoom-enter">999+</sup></span></div>
|
||||
`;
|
||||
exports[`renders ./components/badge/demo/overflow.md correctly 1`] = `<div><span class="ant-badge"><a href="#" class="head-example"></a><sup title="99" class="ant-scroll-number ant-badge-count ant-badge-multiple-words ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1900%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="current">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span><span class="ant-scroll-number-only" style="transform: translateY(-1900%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="current">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup></span> <span class="ant-badge"><a href="#" class="head-example"></a><sup title="100" class="ant-scroll-number ant-badge-count ant-badge-multiple-words ant-badge-zoom-enter">99+</sup></span> <span class="ant-badge"><a href="#" class="head-example"></a><sup title="99" class="ant-scroll-number ant-badge-count ant-badge-multiple-words ant-badge-zoom-enter">10+</sup></span> <span class="ant-badge"><a href="#" class="head-example"></a><sup title="1000" class="ant-scroll-number ant-badge-count ant-badge-multiple-words ant-badge-zoom-enter">999+</sup></span></div>`;
|
||||
|
||||
exports[`renders ./components/badge/demo/status.md correctly 1`] = `
|
||||
<div><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text"></span></span> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span>
|
||||
<span
|
||||
class="ant-badge-status-text"></span>
|
||||
</span> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-default"></span><span class="ant-badge-status-text"></span></span> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-processing"></span>
|
||||
<span
|
||||
class="ant-badge-status-text"></span>
|
||||
</span> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text"></span></span>
|
||||
<br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">Success</span></span>
|
||||
<br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">Error</span></span>
|
||||
<br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-default"></span><span class="ant-badge-status-text">Default</span></span>
|
||||
<br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-processing"></span><span class="ant-badge-status-text">Processing</span></span>
|
||||
<br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">warning</span></span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/badge/demo/status.md correctly 1`] = `<div><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text"></span></span> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text"></span></span> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-default"></span><span class="ant-badge-status-text"></span></span> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-processing"></span><span class="ant-badge-status-text"></span></span> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text"></span></span> <br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">Success</span></span> <br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">Error</span></span> <br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-default"></span><span class="ant-badge-status-text">Default</span></span> <br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-processing"></span><span class="ant-badge-status-text">Processing</span></span> <br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">warning</span></span></div>`;
|
||||
|
||||
exports[`renders ./components/badge/demo/title.md correctly 1`] = `
|
||||
<div id="components-badge-demo-title"><span class="ant-badge"><a href="#" class="head-example"></a><sup title="Custom hover text" class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1500%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="current">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/badge/demo/title.md correctly 1`] = `<div id="components-badge-demo-title"><span class="ant-badge"><a href="#" class="head-example"></a><sup title="Custom hover text" class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1500%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="current">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup></span></div>`;
|
||||
|
|
|
|||
|
|
@ -1,167 +1,13 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Badge should be compatible with borderColor style 1`] = `
|
||||
<span class="ant-badge ant-badge-not-a-wrapper" style="background-color: rgb(255, 255, 255); color: rgb(153, 153, 153); border-color: #d9d9d9;"><sup title="4" class="ant-scroll-number ant-badge-count"><span class="ant-scroll-number-only" style="transform: translateY(-1400%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="current">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
|
||||
</span>
|
||||
`;
|
||||
exports[`Badge should be compatible with borderColor style 1`] = `<span class="ant-badge ant-badge-not-a-wrapper" style="background-color: rgb(255, 255, 255); color: rgb(153, 153, 153); border-color: #d9d9d9;"><sup title="4" class="ant-scroll-number ant-badge-count"><span class="ant-scroll-number-only" style="transform: translateY(-1400%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="current">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup></span>`;
|
||||
|
||||
exports[`Badge should render when count is changed 1`] = `
|
||||
<span class="ant-badge ant-badge-not-a-wrapper"><sup title="10" class="ant-scroll-number ant-badge-count ant-badge-multiple-words"><span class="ant-scroll-number-only" style="transform: translateY(-2100%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="current">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span>
|
||||
<span
|
||||
class="ant-scroll-number-only" style="transform: translateY(-2000%);">
|
||||
<p class="">0</p>
|
||||
<p class="">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="">9</p>
|
||||
<p class="">0</p>
|
||||
<p class="">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="">9</p>
|
||||
<p class="current">0</p>
|
||||
<p class="">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="">9</p>
|
||||
</span>
|
||||
</sup>
|
||||
</span>
|
||||
`;
|
||||
exports[`Badge should render when count is changed 1`] = `<span class="ant-badge ant-badge-not-a-wrapper"><sup title="10" class="ant-scroll-number ant-badge-count ant-badge-multiple-words"><span class="ant-scroll-number-only" style="transform: translateY(-2100%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="current">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span><span class="ant-scroll-number-only" style="transform: translateY(-2000%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="current">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup></span>`;
|
||||
|
||||
exports[`Badge should render when count is changed 2`] = `
|
||||
<span class="ant-badge ant-badge-not-a-wrapper"><sup title="11" class="ant-scroll-number ant-badge-count ant-badge-multiple-words"><span class="ant-scroll-number-only" style="transform: translateY(-1100%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="current">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span>
|
||||
<span
|
||||
class="ant-scroll-number-only" style="transform: translateY(-1100%);">
|
||||
<p class="">0</p>
|
||||
<p class="">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="">9</p>
|
||||
<p class="">0</p>
|
||||
<p class="current">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="">9</p>
|
||||
<p class="">0</p>
|
||||
<p class="">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="">9</p>
|
||||
</span>
|
||||
</sup>
|
||||
</span>
|
||||
`;
|
||||
exports[`Badge should render when count is changed 2`] = `<span class="ant-badge ant-badge-not-a-wrapper"><sup title="11" class="ant-scroll-number ant-badge-count ant-badge-multiple-words"><span class="ant-scroll-number-only" style="transform: translateY(-1100%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="current">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span><span class="ant-scroll-number-only" style="transform: translateY(-1100%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="current">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup></span>`;
|
||||
|
||||
exports[`Badge should render when count is changed 3`] = `
|
||||
<span class="ant-badge ant-badge-not-a-wrapper"><sup title="11" class="ant-scroll-number ant-badge-count ant-badge-multiple-words"><span class="ant-scroll-number-only" style="transform: translateY(-1100%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="current">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span>
|
||||
<span
|
||||
class="ant-scroll-number-only" style="transform: translateY(-1100%);">
|
||||
<p class="">0</p>
|
||||
<p class="">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="">9</p>
|
||||
<p class="">0</p>
|
||||
<p class="current">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="">9</p>
|
||||
<p class="">0</p>
|
||||
<p class="">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="">9</p>
|
||||
</span>
|
||||
</sup>
|
||||
</span>
|
||||
`;
|
||||
exports[`Badge should render when count is changed 3`] = `<span class="ant-badge ant-badge-not-a-wrapper"><sup title="11" class="ant-scroll-number ant-badge-count ant-badge-multiple-words"><span class="ant-scroll-number-only" style="transform: translateY(-1100%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="current">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span><span class="ant-scroll-number-only" style="transform: translateY(-1100%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="current">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup></span>`;
|
||||
|
||||
exports[`Badge should render when count is changed 4`] = `
|
||||
<span class="ant-badge ant-badge-not-a-wrapper"><sup title="10" class="ant-scroll-number ant-badge-count ant-badge-multiple-words"><span class="ant-scroll-number-only" style="transform: translateY(-1100%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="current">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span>
|
||||
<span
|
||||
class="ant-scroll-number-only" style="transform: translateY(-1000%);">
|
||||
<p class="">0</p>
|
||||
<p class="">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="">9</p>
|
||||
<p class="current">0</p>
|
||||
<p class="">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="">9</p>
|
||||
<p class="">0</p>
|
||||
<p class="">1</p>
|
||||
<p class="">2</p>
|
||||
<p class="">3</p>
|
||||
<p class="">4</p>
|
||||
<p class="">5</p>
|
||||
<p class="">6</p>
|
||||
<p class="">7</p>
|
||||
<p class="">8</p>
|
||||
<p class="">9</p>
|
||||
</span>
|
||||
</sup>
|
||||
</span>
|
||||
`;
|
||||
exports[`Badge should render when count is changed 4`] = `<span class="ant-badge ant-badge-not-a-wrapper"><sup title="10" class="ant-scroll-number ant-badge-count ant-badge-multiple-words"><span class="ant-scroll-number-only" style="transform: translateY(-1100%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="current">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span><span class="ant-scroll-number-only" style="transform: translateY(-1000%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="current">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup></span>`;
|
||||
|
||||
exports[`Badge should render when count is changed 5`] = `
|
||||
<span class="ant-badge ant-badge-not-a-wrapper"><sup title="9" class="ant-scroll-number ant-badge-count"><span class="ant-scroll-number-only" style="transform: translateY(-900%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="current">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
|
||||
</span>
|
||||
`;
|
||||
exports[`Badge should render when count is changed 5`] = `<span class="ant-badge ant-badge-not-a-wrapper"><sup title="9" class="ant-scroll-number ant-badge-count"><span class="ant-scroll-number-only" style="transform: translateY(-900%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="current">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup></span>`;
|
||||
|
|
|
|||
|
|
@ -1,12 +1,8 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Breadcrumb should allow Breadcrumb.Item is null or undefined 1`] = `
|
||||
<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span>
|
||||
</div>
|
||||
`;
|
||||
exports[`Breadcrumb should allow Breadcrumb.Item is null or undefined 1`] = `<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span></div>`;
|
||||
|
||||
exports[`Breadcrumb should not display Breadcrumb Item when its children is falsy 1`] = `
|
||||
<div class="ant-breadcrumb">
|
||||
<!----><span class=""><span class="ant-breadcrumb-link">xxx</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">yyy</span><span class="ant-breadcrumb-separator">/</span></span>
|
||||
</div>
|
||||
<!----><span class=""><span class="ant-breadcrumb-link">xxx</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">yyy</span><span class="ant-breadcrumb-separator">/</span></span></div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -1,35 +1,18 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`renders ./components/breadcrumb/demo/basic.md correctly 1`] = `
|
||||
<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link"><a href="">Application Center</a></span><span class="ant-breadcrumb-separator">/</span></span>
|
||||
<span
|
||||
class=""><span class="ant-breadcrumb-link"><a href="">Application List</a></span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator">/</span></span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/breadcrumb/demo/basic.md correctly 1`] = `<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link"><a href="">Application Center</a></span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link"><a href="">Application List</a></span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator">/</span></span></div>`;
|
||||
|
||||
exports[`renders ./components/breadcrumb/demo/router.md correctly 1`] = `<!---->`;
|
||||
|
||||
exports[`renders ./components/breadcrumb/demo/separator.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">></span></span><span class=""><a class="ant-breadcrumb-link">Application Center</a><span class="ant-breadcrumb-separator">></span></span><span class=""><a class="ant-breadcrumb-link">Application List</a><span class="ant-breadcrumb-separator">></span></span>
|
||||
<span
|
||||
class=""><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator">></span></span>
|
||||
</div>
|
||||
<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator"><span style="color: red;">></span></span>
|
||||
</span><span class=""><a class="ant-breadcrumb-link">Application Center</a><span class="ant-breadcrumb-separator"><span style="color: red;">></span></span>
|
||||
</span><span class=""><a class="ant-breadcrumb-link">Application List</a><span class="ant-breadcrumb-separator"><span style="color: red;">></span></span>
|
||||
</span><span class=""><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator"><span style="color: red;">></span></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">></span></span><span class=""><a class="ant-breadcrumb-link">Application Center</a><span class="ant-breadcrumb-separator">></span></span><span class=""><a class="ant-breadcrumb-link">Application List</a><span class="ant-breadcrumb-separator">></span></span><span class=""><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator">></span></span></div>
|
||||
<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator"><span style="color: red;">></span></span></span><span class=""><a class="ant-breadcrumb-link">Application Center</a><span class="ant-breadcrumb-separator"><span style="color: red;">></span></span></span><span class=""><a class="ant-breadcrumb-link">Application List</a><span class="ant-breadcrumb-separator"><span style="color: red;">></span></span></span><span class=""><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator"><span style="color: red;">></span></span></span></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/breadcrumb/demo/withIcon.md correctly 1`] = `
|
||||
<div class="ant-breadcrumb"><span class=""><a class="ant-breadcrumb-link"><i class="anticon anticon-home"></i></a><span class="ant-breadcrumb-separator">/</span></span><span class=""><a class="ant-breadcrumb-link"><i class="anticon anticon-user"></i> <span>Application List</span></a>
|
||||
<span
|
||||
class="ant-breadcrumb-separator">/</span>
|
||||
</span><span class=""><span class="ant-breadcrumb-link">
|
||||
<div class="ant-breadcrumb"><span class=""><a class="ant-breadcrumb-link"><i class="anticon anticon-home"></i></a><span class="ant-breadcrumb-separator">/</span></span><span class=""><a class="ant-breadcrumb-link"><i class="anticon anticon-user"></i> <span>Application List</span></a><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">
|
||||
Application
|
||||
</span><span class="ant-breadcrumb-separator">/</span></span>
|
||||
</div>
|
||||
</span><span class="ant-breadcrumb-separator">/</span></span></div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -1,172 +1,45 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`renders ./components/button/demo/basic.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Primary</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Default</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-dashed"><span>Dashed</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-danger"><span>Danger</span></button>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/button/demo/basic.md correctly 1`] = `<div><button type="button" class="ant-btn ant-btn-primary"><span>Primary</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Default</span></button> <button type="button" class="ant-btn ant-btn-dashed"><span>Dashed</span></button> <button type="button" class="ant-btn ant-btn-danger"><span>Danger</span></button></div>`;
|
||||
|
||||
exports[`renders ./components/button/demo/block.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-primary ant-btn-block"><span>Primary</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default ant-btn-block"><span>Default</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-dashed ant-btn-block"><span>Dashed</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-danger ant-btn-block"><span>danger</span></button>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/button/demo/block.md correctly 1`] = `<div><button type="button" class="ant-btn ant-btn-primary ant-btn-block"><span>Primary</span></button> <button type="button" class="ant-btn ant-btn-default ant-btn-block"><span>Default</span></button> <button type="button" class="ant-btn ant-btn-dashed ant-btn-block"><span>Dashed</span></button> <button type="button" class="ant-btn ant-btn-danger ant-btn-block"><span>danger</span></button></div>`;
|
||||
|
||||
exports[`renders ./components/button/demo/button-group.md correctly 1`] = `
|
||||
<div id="components-button-demo-button-group">
|
||||
<h4>Basic</h4>
|
||||
<div class="ant-btn-group">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Cancel</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>OK</span></button>
|
||||
</div>
|
||||
<div class="ant-btn-group">
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-default"><span>L</span></button>
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-default"><span>M</span></button>
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-default"><span>R</span></button>
|
||||
</div>
|
||||
<div class="ant-btn-group">
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>L</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>M</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>M</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-dashed"><span>R</span></button>
|
||||
</div>
|
||||
<div class="ant-btn-group"><button type="button" class="ant-btn ant-btn-default"><span>Cancel</span></button><button type="button" class="ant-btn ant-btn-primary"><span>OK</span></button></div>
|
||||
<div class="ant-btn-group"><button type="button" disabled="disabled" class="ant-btn ant-btn-default"><span>L</span></button><button type="button" disabled="disabled" class="ant-btn ant-btn-default"><span>M</span></button><button type="button" disabled="disabled" class="ant-btn ant-btn-default"><span>R</span></button></div>
|
||||
<div class="ant-btn-group"><button type="button" class="ant-btn ant-btn-primary"><span>L</span></button><button type="button" class="ant-btn ant-btn-default"><span>M</span></button><button type="button" class="ant-btn ant-btn-default"><span>M</span></button><button type="button" class="ant-btn ant-btn-dashed"><span>R</span></button></div>
|
||||
<h4>With Icon</h4>
|
||||
<div class="ant-btn-group">
|
||||
<button type="button" class="ant-btn ant-btn-primary">
|
||||
<i class="anticon anticon-left"></i>Go back
|
||||
</button>
|
||||
<button type="button" class="ant-btn ant-btn-primary">
|
||||
Go forward
|
||||
<i class="anticon anticon-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="ant-btn-group">
|
||||
<button type="button" class="ant-btn ant-btn-primary">
|
||||
<i class="anticon anticon-cloud"></i>
|
||||
</button>
|
||||
<button type="button" class="ant-btn ant-btn-primary">
|
||||
<i class="anticon anticon-cloud-download"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="ant-btn-group"><button type="button" class="ant-btn ant-btn-primary"><i class="anticon anticon-left"></i>Go back
|
||||
</button><button type="button" class="ant-btn ant-btn-primary">
|
||||
Go forward<i class="anticon anticon-right"></i></button></div>
|
||||
<div class="ant-btn-group"><button type="button" class="ant-btn ant-btn-primary"><i class="anticon anticon-cloud"></i></button><button type="button" class="ant-btn ant-btn-primary"><i class="anticon anticon-cloud-download"></i></button></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/button/demo/disabled.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Primary</span></button>
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary"><span>Primary(disabled)</span></button>
|
||||
<br>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Default</span></button>
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-default"><span>Default(disabled)</span></button>
|
||||
<br>
|
||||
<button type="button" class="ant-btn ant-btn-dashed"><span>Dashed</span></button>
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-dashed"><span>Dashed(disabled)</span></button>
|
||||
<div style="padding: 8px 8px 0px 8px; background: rgb(190, 200, 200);">
|
||||
<button type="button" class="ant-btn ant-btn-default ant-btn-background-ghost"><span>Ghost</span></button>
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-default ant-btn-background-ghost"><span>Ghost(disabled)</span></button>
|
||||
</div>
|
||||
<div><button type="button" class="ant-btn ant-btn-primary"><span>Primary</span></button> <button type="button" disabled="disabled" class="ant-btn ant-btn-primary"><span>Primary(disabled)</span></button> <br> <button type="button" class="ant-btn ant-btn-default"><span>Default</span></button> <button type="button" disabled="disabled" class="ant-btn ant-btn-default"><span>Default(disabled)</span></button> <br> <button type="button" class="ant-btn ant-btn-dashed"><span>Dashed</span></button> <button type="button" disabled="disabled" class="ant-btn ant-btn-dashed"><span>Dashed(disabled)</span></button>
|
||||
<div style="padding: 8px 8px 0px 8px; background: rgb(190, 200, 200);"><button type="button" class="ant-btn ant-btn-default ant-btn-background-ghost"><span>Ghost</span></button> <button type="button" disabled="disabled" class="ant-btn ant-btn-default ant-btn-background-ghost"><span>Ghost(disabled)</span></button></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/button/demo/ghost.md correctly 1`] = `
|
||||
<div style="background: rgb(190, 200, 200); padding: 26px 16px 16px;">
|
||||
<button type="button" class="ant-btn ant-btn-primary ant-btn-background-ghost"><span>Primary</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default ant-btn-background-ghost"><span>Default</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-dashed ant-btn-background-ghost"><span>Dashed</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-danger ant-btn-background-ghost"><span>danger</span></button>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/button/demo/ghost.md correctly 1`] = `<div style="background: rgb(190, 200, 200); padding: 26px 16px 16px;"><button type="button" class="ant-btn ant-btn-primary ant-btn-background-ghost"><span>Primary</span></button> <button type="button" class="ant-btn ant-btn-default ant-btn-background-ghost"><span>Default</span></button> <button type="button" class="ant-btn ant-btn-dashed ant-btn-background-ghost"><span>Dashed</span></button> <button type="button" class="ant-btn ant-btn-danger ant-btn-background-ghost"><span>danger</span></button></div>`;
|
||||
|
||||
exports[`renders ./components/button/demo/icon.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-primary ant-btn-circle">
|
||||
<i class="anticon anticon-search"></i>
|
||||
</button>
|
||||
<button type="button" class="ant-btn ant-btn-primary">
|
||||
<i class="anticon anticon-search"></i><span>Search</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default ant-btn-circle">
|
||||
<i class="anticon anticon-search"></i>
|
||||
</button>
|
||||
<button type="button" class="ant-btn ant-btn-default">
|
||||
<i class="anticon anticon-search"></i><span>Search</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default ant-btn-circle">
|
||||
<i class="anticon anticon-search"></i>
|
||||
</button>
|
||||
<button type="button" class="ant-btn ant-btn-default">
|
||||
<i class="anticon anticon-search"></i><span>Search</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-dashed ant-btn-circle">
|
||||
<i class="anticon anticon-search"></i>
|
||||
</button>
|
||||
<button type="button" class="ant-btn ant-btn-dashed">
|
||||
<i class="anticon anticon-search"></i><span>Search</span></button>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/button/demo/icon.md correctly 1`] = `<div><button type="button" class="ant-btn ant-btn-primary ant-btn-circle"><i class="anticon anticon-search"></i></button> <button type="button" class="ant-btn ant-btn-primary"><i class="anticon anticon-search"></i><span>Search</span></button> <button type="button" class="ant-btn ant-btn-default ant-btn-circle"><i class="anticon anticon-search"></i></button> <button type="button" class="ant-btn ant-btn-default"><i class="anticon anticon-search"></i><span>Search</span></button> <button type="button" class="ant-btn ant-btn-default ant-btn-circle"><i class="anticon anticon-search"></i></button> <button type="button" class="ant-btn ant-btn-default"><i class="anticon anticon-search"></i><span>Search</span></button> <button type="button" class="ant-btn ant-btn-dashed ant-btn-circle"><i class="anticon anticon-search"></i></button> <button type="button" class="ant-btn ant-btn-dashed"><i class="anticon anticon-search"></i><span>Search</span></button></div>`;
|
||||
|
||||
exports[`renders ./components/button/demo/loading.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-primary ant-btn-loading">
|
||||
<i class="anticon anticon-loading anticon-spin"></i><span>Loading</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-primary ant-btn-sm ant-btn-loading">
|
||||
<i class="anticon anticon-loading anticon-spin"></i><span>Loading</span></button>
|
||||
<br>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>mouseenter me!</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-primary">
|
||||
<i class="anticon anticon-poweroff"></i><span>延迟1s</span></button>
|
||||
<br>
|
||||
<button type="button" class="ant-btn ant-btn-default ant-btn-circle ant-btn-loading">
|
||||
<i class="anticon anticon-loading anticon-spin"></i>
|
||||
</button>
|
||||
<button type="button" class="ant-btn ant-btn-primary ant-btn-circle ant-btn-loading">
|
||||
<i class="anticon anticon-loading anticon-spin"></i>
|
||||
</button>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/button/demo/loading.md correctly 1`] = `<div><button type="button" class="ant-btn ant-btn-primary ant-btn-loading"><i class="anticon anticon-loading anticon-spin"></i><span>Loading</span></button> <button type="button" class="ant-btn ant-btn-primary ant-btn-sm ant-btn-loading"><i class="anticon anticon-loading anticon-spin"></i><span>Loading</span></button> <br> <button type="button" class="ant-btn ant-btn-primary"><span>mouseenter me!</span></button> <button type="button" class="ant-btn ant-btn-primary"><i class="anticon anticon-poweroff"></i><span>延迟1s</span></button> <br> <button type="button" class="ant-btn ant-btn-default ant-btn-circle ant-btn-loading"><i class="anticon anticon-loading anticon-spin"></i></button> <button type="button" class="ant-btn ant-btn-primary ant-btn-circle ant-btn-loading"><i class="anticon anticon-loading anticon-spin"></i></button></div>`;
|
||||
|
||||
exports[`renders ./components/button/demo/multiple.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Primary</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>secondary</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger">
|
||||
Actions
|
||||
<i class="anticon anticon-down"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div><button type="button" class="ant-btn ant-btn-primary"><span>Primary</span></button> <button type="button" class="ant-btn ant-btn-default"><span>secondary</span></button> <button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger">
|
||||
Actions <i class="anticon anticon-down"></i></button></div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/button/demo/size.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
<button type="button" class="ant-btn ant-btn-primary ant-btn-lg"><span>Primary</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default ant-btn-lg"><span>Normal</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-dashed ant-btn-lg"><span>Dashed</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-danger ant-btn-lg"><span>Danger</span></button>
|
||||
<br>
|
||||
<button type="button" class="ant-btn ant-btn-primary ant-btn-circle ant-btn-lg">
|
||||
<i class="anticon anticon-download"></i>
|
||||
</button>
|
||||
<button type="button" class="ant-btn ant-btn-primary ant-btn-lg">
|
||||
<i class="anticon anticon-download"></i><span>Download</span></button>
|
||||
<br>
|
||||
<div class="ant-btn-group ant-btn-group-lg">
|
||||
<button type="button" class="ant-btn ant-btn-primary">
|
||||
<i class="anticon anticon-left"></i>Backward
|
||||
</button>
|
||||
<button type="button" class="ant-btn ant-btn-primary">
|
||||
Forward
|
||||
<i class="anticon anticon-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label></div> <br><br> <button type="button" class="ant-btn ant-btn-primary ant-btn-lg"><span>Primary</span></button> <button type="button" class="ant-btn ant-btn-default ant-btn-lg"><span>Normal</span></button> <button type="button" class="ant-btn ant-btn-dashed ant-btn-lg"><span>Dashed</span></button> <button type="button" class="ant-btn ant-btn-danger ant-btn-lg"><span>Danger</span></button> <br> <button type="button" class="ant-btn ant-btn-primary ant-btn-circle ant-btn-lg"><i class="anticon anticon-download"></i></button> <button type="button" class="ant-btn ant-btn-primary ant-btn-lg"><i class="anticon anticon-download"></i><span>Download</span></button> <br>
|
||||
<div class="ant-btn-group ant-btn-group-lg"><button type="button" class="ant-btn ant-btn-primary"><i class="anticon anticon-left"></i>Backward
|
||||
</button><button type="button" class="ant-btn ant-btn-primary">
|
||||
Forward<i class="anticon anticon-right"></i></button></div>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -6,30 +6,15 @@ exports[`Button fixbug renders {0} , 0 and {false} 2`] = `<button type="button"
|
|||
|
||||
exports[`Button fixbug renders {0} , 0 and {false} 3`] = `<button type="button" class="ant-btn ant-btn-default"></button>`;
|
||||
|
||||
exports[`Button renders Chinese characters correctly 1`] = `
|
||||
<button type="button" class="ant-btn ant-btn-default">
|
||||
<i class="anticon anticon-search"></i><span>按钮</span></button>
|
||||
`;
|
||||
exports[`Button renders Chinese characters correctly 1`] = `<button type="button" class="ant-btn ant-btn-default"><i class="anticon anticon-search"></i><span>按钮</span></button>`;
|
||||
|
||||
exports[`Button renders Chinese characters correctly 2`] = `
|
||||
<button type="button" class="ant-btn ant-btn-default">
|
||||
<i class="anticon anticon-search"></i>按钮</button>
|
||||
`;
|
||||
exports[`Button renders Chinese characters correctly 2`] = `<button type="button" class="ant-btn ant-btn-default"><i class="anticon anticon-search"></i>按钮</button>`;
|
||||
|
||||
exports[`Button renders Chinese characters correctly 3`] = `
|
||||
<button type="button" class="ant-btn ant-btn-default">
|
||||
<i class="anticon anticon-search"></i><span>按钮</span></button>
|
||||
`;
|
||||
exports[`Button renders Chinese characters correctly 3`] = `<button type="button" class="ant-btn ant-btn-default"><i class="anticon anticon-search"></i><span>按钮</span></button>`;
|
||||
|
||||
exports[`Button renders Chinese characters correctly 4`] = `
|
||||
<button type="button" class="ant-btn ant-btn-default ant-btn-loading">
|
||||
<i class="anticon anticon-loading anticon-spin"></i><span>按钮</span></button>
|
||||
`;
|
||||
exports[`Button renders Chinese characters correctly 4`] = `<button type="button" class="ant-btn ant-btn-default ant-btn-loading"><i class="anticon anticon-loading anticon-spin"></i><span>按钮</span></button>`;
|
||||
|
||||
exports[`Button renders Chinese characters correctly 5`] = `
|
||||
<button type="button" class="ant-btn ant-btn-default ant-btn-loading">
|
||||
<i class="anticon anticon-loading anticon-spin"></i><span>按 钮</span></button>
|
||||
`;
|
||||
exports[`Button renders Chinese characters correctly 5`] = `<button type="button" class="ant-btn ant-btn-default ant-btn-loading"><i class="anticon anticon-loading anticon-spin"></i><span>按 钮</span></button>`;
|
||||
|
||||
exports[`Button renders correctly 1`] = `<button type="button" class="ant-btn ant-btn-default"><span>Follow</span></button>`;
|
||||
|
||||
|
|
|
|||
|
|
@ -7,18 +7,17 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
|
|||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="2016" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2016</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-select ant-select-enabled ant-fullcalendar-month-select">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="Nov" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Nov</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="date"><span class="ant-radio-button-inner"></span></span><span>Month</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Year</span></label>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="date"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
|
||||
</div>
|
||||
<div tabindex="0" class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen">
|
||||
<div class="ant-fullcalendar-calendar-body">
|
||||
|
|
@ -314,18 +313,17 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
|
|||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="2016" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2016</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-select ant-select-enabled ant-select-sm ant-fullcalendar-month-select">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="Nov" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Nov</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-small">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="date"><span class="ant-radio-button-inner"></span></span><span>Month</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Year</span></label>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-small"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="date"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
|
||||
</div>
|
||||
<div tabindex="0" class="ant-fullcalendar ant-fullcalendar-full">
|
||||
<div class="ant-fullcalendar-calendar-body">
|
||||
|
|
@ -621,18 +619,17 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
|
|||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="2016" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2016</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-select ant-select-enabled ant-fullcalendar-month-select">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="Nov" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Nov</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="date"><span class="ant-radio-button-inner"></span></span><span>Month</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Year</span></label>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="date"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
|
||||
</div>
|
||||
<div tabindex="0" class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen">
|
||||
<div class="ant-fullcalendar-calendar-body">
|
||||
|
|
@ -729,10 +726,8 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
|
|||
<div class="ant-fullcalendar-value">08</div>
|
||||
<div class="ant-fullcalendar-content">
|
||||
<ul class="events">
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event.</span></span>
|
||||
</li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is usual event.</span></span>
|
||||
</li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event.</span></span></li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is usual event.</span></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -750,12 +745,9 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
|
|||
<div class="ant-fullcalendar-value">10</div>
|
||||
<div class="ant-fullcalendar-content">
|
||||
<ul class="events">
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event.</span></span>
|
||||
</li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is usual event.</span></span>
|
||||
</li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event.</span></span>
|
||||
</li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event.</span></span></li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is usual event.</span></span></li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event.</span></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -799,18 +791,12 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
|
|||
<div class="ant-fullcalendar-value">15</div>
|
||||
<div class="ant-fullcalendar-content">
|
||||
<ul class="events">
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event</span></span>
|
||||
</li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is very long usual event。。....</span></span>
|
||||
</li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event 1.</span></span>
|
||||
</li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event 2.</span></span>
|
||||
</li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event 3.</span></span>
|
||||
</li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event 4.</span></span>
|
||||
</li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event</span></span></li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is very long usual event。。....</span></span></li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event 1.</span></span></li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event 2.</span></span></li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event 3.</span></span></li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event 4.</span></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1002,10 +988,8 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
|
|||
<div class="ant-fullcalendar-value">08</div>
|
||||
<div class="ant-fullcalendar-content">
|
||||
<ul class="events">
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event.</span></span>
|
||||
</li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is usual event.</span></span>
|
||||
</li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event.</span></span></li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is usual event.</span></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1023,12 +1007,9 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
|
|||
<div class="ant-fullcalendar-value">10</div>
|
||||
<div class="ant-fullcalendar-content">
|
||||
<ul class="events">
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event.</span></span>
|
||||
</li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is usual event.</span></span>
|
||||
</li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event.</span></span>
|
||||
</li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event.</span></span></li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is usual event.</span></span></li>
|
||||
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event.</span></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1051,18 +1032,17 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
|
|||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="2017" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2017</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-select ant-select-enabled ant-fullcalendar-month-select">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="Jan" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Jan</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="date"><span class="ant-radio-button-inner"></span></span><span>Month</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Year</span></label>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="date"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
|
||||
</div>
|
||||
<div tabindex="0" class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen">
|
||||
<div class="ant-fullcalendar-calendar-body">
|
||||
|
|
@ -1356,18 +1336,17 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
|
|||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="2017" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2017</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-select ant-select-enabled ant-fullcalendar-month-select">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="Jan" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Jan</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="date"><span class="ant-radio-button-inner"></span></span><span>Month</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Year</span></label>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="date"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
|
||||
</div>
|
||||
<div tabindex="0" class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen">
|
||||
<div class="ant-fullcalendar-calendar-body">
|
||||
|
|
|
|||
|
|
@ -5,9 +5,7 @@ exports[`renders ./components/card/demo/basic.md correctly 1`] = `
|
|||
<div class="ant-card-head">
|
||||
<div class="ant-card-head-wrapper">
|
||||
<div class="ant-card-head-title">Card Title</div>
|
||||
<div class="ant-card-extra">
|
||||
<a href="#">more</a>
|
||||
</div>
|
||||
<div class="ant-card-extra"><a href="#">more</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-card-body">
|
||||
|
|
@ -47,9 +45,7 @@ exports[`renders ./components/card/demo/concise.md correctly 1`] = `
|
|||
|
||||
exports[`renders ./components/card/demo/flexible-content.md correctly 1`] = `
|
||||
<div class="ant-card ant-card-bordered ant-card-hoverable" style="width: 240px;">
|
||||
<div class="ant-card-cover">
|
||||
<img alt="example" src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png">
|
||||
</div>
|
||||
<div class="ant-card-cover"><img alt="example" src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png"></div>
|
||||
<div class="ant-card-body">
|
||||
<div class="ant-card-meta">
|
||||
<div class="ant-card-meta-detail">
|
||||
|
|
@ -138,9 +134,7 @@ exports[`renders ./components/card/demo/inner.md correctly 1`] = `
|
|||
<div class="ant-card-head">
|
||||
<div class="ant-card-head-wrapper">
|
||||
<div class="ant-card-head-title">Inner card title</div>
|
||||
<div class="ant-card-extra">
|
||||
<a href="#">More</a>
|
||||
</div>
|
||||
<div class="ant-card-extra"><a href="#">More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-card-body">
|
||||
|
|
@ -151,9 +145,7 @@ exports[`renders ./components/card/demo/inner.md correctly 1`] = `
|
|||
<div class="ant-card-head">
|
||||
<div class="ant-card-head-wrapper">
|
||||
<div class="ant-card-head-title">Inner card title</div>
|
||||
<div class="ant-card-extra">
|
||||
<a href="#">More</a>
|
||||
</div>
|
||||
<div class="ant-card-extra"><a href="#">More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-card-body">
|
||||
|
|
@ -227,16 +219,13 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="ant-btn ant-btn-default" style="margin-top: 16px;"><span>Toggle loading</span></button>
|
||||
</div> <button type="button" class="ant-btn ant-btn-default" style="margin-top: 16px;"><span>Toggle loading</span></button>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/card/demo/meta.md correctly 1`] = `
|
||||
<div class="ant-card ant-card-bordered ant-card-hoverable" style="width: 300px;">
|
||||
<div class="ant-card-cover">
|
||||
<img alt="example" src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png">
|
||||
</div>
|
||||
<div class="ant-card-cover"><img alt="example" src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"></div>
|
||||
<div class="ant-card-body">
|
||||
<div class="ant-card-meta">
|
||||
<div class="ant-card-meta-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></span></div>
|
||||
|
|
@ -270,15 +259,12 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
|
|||
<div class="ant-card-head">
|
||||
<div class="ant-card-head-wrapper">
|
||||
<div class="ant-card-head-title">Card title</div>
|
||||
<div class="ant-card-extra">
|
||||
<a href="#">More</a>
|
||||
</div>
|
||||
<div class="ant-card-extra"><a href="#">More</a></div>
|
||||
</div>
|
||||
<div class="ant-tabs ant-tabs-top ant-tabs-large ant-tabs-line ant-card-head-tabs no-flex">
|
||||
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
||||
<div
|
||||
class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-scroll">
|
||||
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
||||
<div>
|
||||
|
|
@ -289,52 +275,49 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
|
|||
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-card-body">
|
||||
content1
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
<div class="ant-card ant-card-bordered ant-card-contain-tabs" style="width: 100%;">
|
||||
<div class="ant-card-head">
|
||||
<div class="ant-card-head-wrapper"></div>
|
||||
<div class="ant-tabs ant-tabs-top ant-tabs-large ant-tabs-line ant-card-head-tabs no-flex">
|
||||
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
||||
<div
|
||||
class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-scroll">
|
||||
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
||||
<div>
|
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">article</div>
|
||||
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">app</div>
|
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">project</div>
|
||||
</div>
|
||||
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: -100%;">
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div class="ant-card-body">
|
||||
content1
|
||||
</div>
|
||||
</div> <br><br>
|
||||
<div class="ant-card ant-card-bordered ant-card-contain-tabs" style="width: 100%;">
|
||||
<div class="ant-card-head">
|
||||
<div class="ant-card-head-wrapper"></div>
|
||||
<div class="ant-tabs ant-tabs-top ant-tabs-large ant-tabs-line ant-card-head-tabs no-flex">
|
||||
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
||||
<div class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-scroll">
|
||||
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
||||
<div>
|
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">article</div>
|
||||
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">app</div>
|
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">project</div>
|
||||
</div>
|
||||
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: -100%;">
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-card-body">
|
||||
<p>app content</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-card-body">
|
||||
<p>app content</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -71,18 +71,10 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<ul class="slick-dots" style="display: block;">
|
||||
<li class="slick-active">
|
||||
<button class="">1</button>
|
||||
</li>
|
||||
<li class="">
|
||||
<button class="">2</button>
|
||||
</li>
|
||||
<li class="">
|
||||
<button class="">3</button>
|
||||
</li>
|
||||
<li class="">
|
||||
<button class="">4</button>
|
||||
</li>
|
||||
<li class="slick-active"><button class="">1</button></li>
|
||||
<li class=""><button class="">2</button></li>
|
||||
<li class=""><button class="">3</button></li>
|
||||
<li class=""><button class="">4</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -159,18 +151,10 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<ul class="slick-dots" style="display: block;">
|
||||
<li class="slick-active">
|
||||
<button class="">1</button>
|
||||
</li>
|
||||
<li class="">
|
||||
<button class="">2</button>
|
||||
</li>
|
||||
<li class="">
|
||||
<button class="">3</button>
|
||||
</li>
|
||||
<li class="">
|
||||
<button class="">4</button>
|
||||
</li>
|
||||
<li class="slick-active"><button class="">1</button></li>
|
||||
<li class=""><button class="">2</button></li>
|
||||
<li class=""><button class="">3</button></li>
|
||||
<li class=""><button class="">4</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -179,9 +163,7 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
|
|||
exports[`renders ./components/carousel/demo/customArrows.md correctly 1`] = `
|
||||
<div class="ant-carousel">
|
||||
<div class="slick-slider slick-initialized">
|
||||
<div class="custom-slick-arrow slick-arrow slick-prev" style="left: 10px; z-index: 1; display: block;">
|
||||
<i class="anticon anticon-left-circle"></i>
|
||||
</div>
|
||||
<div class="custom-slick-arrow slick-arrow slick-prev" style="left: 10px; z-index: 1; display: block;"><i class="anticon anticon-left-circle"></i></div>
|
||||
<div class="slick-list">
|
||||
<div class="slick-track" style="width: 900%; left: -100%;">
|
||||
<div tabindex="-1" data-index="-1" aria-hidden="true" class="slick-slide slick-cloned" style="width: 11.11111111111111%;">
|
||||
|
|
@ -249,22 +231,12 @@ exports[`renders ./components/carousel/demo/customArrows.md correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="custom-slick-arrow slick-arrow slick-next" style="right: 10px; display: block;">
|
||||
<i class="anticon anticon-right-circle"></i>
|
||||
</div>
|
||||
<div class="custom-slick-arrow slick-arrow slick-next" style="right: 10px; display: block;"><i class="anticon anticon-right-circle"></i></div>
|
||||
<ul class="slick-dots" style="display: block;">
|
||||
<li class="slick-active">
|
||||
<button class="">1</button>
|
||||
</li>
|
||||
<li class="">
|
||||
<button class="">2</button>
|
||||
</li>
|
||||
<li class="">
|
||||
<button class="">3</button>
|
||||
</li>
|
||||
<li class="">
|
||||
<button class="">4</button>
|
||||
</li>
|
||||
<li class="slick-active"><button class="">1</button></li>
|
||||
<li class=""><button class="">2</button></li>
|
||||
<li class=""><button class="">3</button></li>
|
||||
<li class=""><button class="">4</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -272,97 +244,61 @@ exports[`renders ./components/carousel/demo/customArrows.md correctly 1`] = `
|
|||
|
||||
exports[`renders ./components/carousel/demo/customPaging.md correctly 1`] = `
|
||||
<div class="ant-carousel">
|
||||
<div class="slick-slider slick-initialized">
|
||||
<button type="button" class="slick-arrow slick-prev" style="display: block;"> Previous</button>
|
||||
<div class="slick-slider slick-initialized"><button type="button" class="slick-arrow slick-prev" style="display: block;"> Previous</button>
|
||||
<div class="slick-list">
|
||||
<div class="slick-track" style="width: 900%; left: -100%;">
|
||||
<div tabindex="-1" data-index="-1" aria-hidden="true" class="slick-slide slick-cloned" style="width: 11.11111111111111%;">
|
||||
<div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;">
|
||||
<img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract04.jpg">
|
||||
</div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;"><img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract04.jpg"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="-1" data-index="0" class="slick-slide slick-active slick-current" style="outline: none; width: 11.11111111111111%;">
|
||||
<div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;">
|
||||
<img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract01.jpg">
|
||||
</div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;"><img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract01.jpg"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="-1" data-index="1" aria-hidden="true" class="slick-slide" style="outline: none; width: 11.11111111111111%;">
|
||||
<div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;">
|
||||
<img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract02.jpg">
|
||||
</div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;"><img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract02.jpg"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="-1" data-index="2" aria-hidden="true" class="slick-slide" style="outline: none; width: 11.11111111111111%;">
|
||||
<div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;">
|
||||
<img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract03.jpg">
|
||||
</div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;"><img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract03.jpg"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="-1" data-index="3" aria-hidden="true" class="slick-slide" style="outline: none; width: 11.11111111111111%;">
|
||||
<div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;">
|
||||
<img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract04.jpg">
|
||||
</div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;"><img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract04.jpg"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="-1" data-index="4" aria-hidden="true" class="slick-slide slick-cloned" style="width: 11.11111111111111%;">
|
||||
<div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;">
|
||||
<img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract01.jpg">
|
||||
</div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;"><img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract01.jpg"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="-1" data-index="5" aria-hidden="true" class="slick-slide slick-cloned" style="width: 11.11111111111111%;">
|
||||
<div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;">
|
||||
<img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract02.jpg">
|
||||
</div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;"><img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract02.jpg"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="-1" data-index="6" aria-hidden="true" class="slick-slide slick-cloned" style="width: 11.11111111111111%;">
|
||||
<div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;">
|
||||
<img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract03.jpg">
|
||||
</div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;"><img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract03.jpg"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="-1" data-index="7" aria-hidden="true" class="slick-slide slick-cloned" style="width: 11.11111111111111%;">
|
||||
<div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;">
|
||||
<img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract04.jpg">
|
||||
</div>
|
||||
<div tabindex="-1" class="" style="width: 100%; display: inline-block;"><img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract04.jpg"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="slick-arrow slick-next" style="display: block;"> Next</button>
|
||||
</div><button type="button" class="slick-arrow slick-next" style="display: block;"> Next</button>
|
||||
<ul class="slick-dots slick-thumb" style="display: block;">
|
||||
<li class="slick-active">
|
||||
<a class="">
|
||||
<img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract01.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li class="">
|
||||
<a class="">
|
||||
<img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract02.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li class="">
|
||||
<a class="">
|
||||
<img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract03.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li class="">
|
||||
<a class="">
|
||||
<img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract04.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li class="slick-active"><a class=""><img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract01.jpg"></a></li>
|
||||
<li class=""><a class=""><img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract02.jpg"></a></li>
|
||||
<li class=""><a class=""><img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract03.jpg"></a></li>
|
||||
<li class=""><a class=""><img src="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/abstract04.jpg"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -404,18 +340,10 @@ exports[`renders ./components/carousel/demo/fade.md correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<ul class="slick-dots" style="display: block;">
|
||||
<li class="slick-active">
|
||||
<button class="">1</button>
|
||||
</li>
|
||||
<li class="">
|
||||
<button class="">2</button>
|
||||
</li>
|
||||
<li class="">
|
||||
<button class="">3</button>
|
||||
</li>
|
||||
<li class="">
|
||||
<button class="">4</button>
|
||||
</li>
|
||||
<li class="slick-active"><button class="">1</button></li>
|
||||
<li class=""><button class="">2</button></li>
|
||||
<li class=""><button class="">3</button></li>
|
||||
<li class=""><button class="">4</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -492,18 +420,10 @@ exports[`renders ./components/carousel/demo/vertical.md correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<ul class="slick-dots" style="display: block;">
|
||||
<li class="slick-active">
|
||||
<button class="">1</button>
|
||||
</li>
|
||||
<li class="">
|
||||
<button class="">2</button>
|
||||
</li>
|
||||
<li class="">
|
||||
<button class="">3</button>
|
||||
</li>
|
||||
<li class="">
|
||||
<button class="">4</button>
|
||||
</li>
|
||||
<li class="slick-active"><button class="">1</button></li>
|
||||
<li class=""><button class="">2</button></li>
|
||||
<li class=""><button class="">3</button></li>
|
||||
<li class=""><button class="">4</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,16 +1,8 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`renders ./components/cascader/demo/basic.md correctly 1`] = `
|
||||
<span tabindex="0" class="ant-cascader-picker"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span>
|
||||
<i class="anticon anticon-down ant-cascader-picker-arrow"></i>
|
||||
</span>
|
||||
`;
|
||||
exports[`renders ./components/cascader/demo/basic.md correctly 1`] = `<span tabindex="0" class="ant-cascader-picker"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i class="anticon anticon-down ant-cascader-picker-arrow"></i></span>`;
|
||||
|
||||
exports[`renders ./components/cascader/demo/change-on-select.md correctly 1`] = `
|
||||
<span tabindex="0" class="ant-cascader-picker"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span>
|
||||
<i class="anticon anticon-down ant-cascader-picker-arrow"></i>
|
||||
</span>
|
||||
`;
|
||||
exports[`renders ./components/cascader/demo/change-on-select.md correctly 1`] = `<span tabindex="0" class="ant-cascader-picker"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i class="anticon anticon-down ant-cascader-picker-arrow"></i></span>`;
|
||||
|
||||
exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
|
||||
<span tabindex="0" class="ant-cascader-picker" style="width: 100%;"><input value="" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"><span><span>
|
||||
|
|
@ -19,11 +11,7 @@ exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
|
|||
Hangzhou /
|
||||
</span></span><span><span>
|
||||
West Lake (<a>752100</a>)
|
||||
</span></span>
|
||||
</span>
|
||||
<i class="anticon anticon-cross-circle ant-cascader-picker-clear"></i>
|
||||
<i class="anticon anticon-down ant-cascader-picker-arrow"></i>
|
||||
</span>
|
||||
</span></span></span><i class="anticon anticon-cross-circle ant-cascader-picker-clear"></i><i class="anticon anticon-down ant-cascader-picker-arrow"></i></span>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/cascader/demo/custom-trigger.md correctly 1`] = `
|
||||
|
|
@ -33,59 +21,16 @@ exports[`renders ./components/cascader/demo/custom-trigger.md correctly 1`] = `
|
|||
<a href="#" tabindex="0" class="">Change city</a></span>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/cascader/demo/default-value.md correctly 1`] = `
|
||||
<span tabindex="0" class="ant-cascader-picker"><input value="" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label">Zhejiang / Hangzhou / West Lake</span>
|
||||
<i class="anticon anticon-cross-circle ant-cascader-picker-clear"></i>
|
||||
<i class="anticon anticon-down ant-cascader-picker-arrow"></i>
|
||||
</span>
|
||||
`;
|
||||
exports[`renders ./components/cascader/demo/default-value.md correctly 1`] = `<span tabindex="0" class="ant-cascader-picker"><input value="" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label">Zhejiang / Hangzhou / West Lake</span><i class="anticon anticon-cross-circle ant-cascader-picker-clear"></i><i class="anticon anticon-down ant-cascader-picker-arrow"></i></span>`;
|
||||
|
||||
exports[`renders ./components/cascader/demo/disabled-option.md correctly 1`] = `
|
||||
<span tabindex="0" class="ant-cascader-picker"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span>
|
||||
<i class="anticon anticon-down ant-cascader-picker-arrow"></i>
|
||||
</span>
|
||||
`;
|
||||
exports[`renders ./components/cascader/demo/disabled-option.md correctly 1`] = `<span tabindex="0" class="ant-cascader-picker"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i class="anticon anticon-down ant-cascader-picker-arrow"></i></span>`;
|
||||
|
||||
exports[`renders ./components/cascader/demo/fields-name.md correctly 1`] = `
|
||||
<span tabindex="0" class="ant-cascader-picker"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span>
|
||||
<i class="anticon anticon-down ant-cascader-picker-arrow"></i>
|
||||
</span>
|
||||
`;
|
||||
exports[`renders ./components/cascader/demo/fields-name.md correctly 1`] = `<span tabindex="0" class="ant-cascader-picker"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i class="anticon anticon-down ant-cascader-picker-arrow"></i></span>`;
|
||||
|
||||
exports[`renders ./components/cascader/demo/hover.md correctly 1`] = `
|
||||
<span tabindex="0" class="ant-cascader-picker"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span>
|
||||
<i class="anticon anticon-down ant-cascader-picker-arrow"></i>
|
||||
</span>
|
||||
`;
|
||||
exports[`renders ./components/cascader/demo/hover.md correctly 1`] = `<span tabindex="0" class="ant-cascader-picker"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i class="anticon anticon-down ant-cascader-picker-arrow"></i></span>`;
|
||||
|
||||
exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
|
||||
<span tabindex="0" class="ant-cascader-picker"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span>
|
||||
<i class="anticon anticon-down ant-cascader-picker-arrow"></i>
|
||||
</span>
|
||||
`;
|
||||
exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `<span tabindex="0" class="ant-cascader-picker"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i class="anticon anticon-down ant-cascader-picker-arrow"></i></span>`;
|
||||
|
||||
exports[`renders ./components/cascader/demo/search.md correctly 1`] = `
|
||||
<span tabindex="0" class="ant-cascader-picker ant-cascader-picker-show-search"><span class="ant-cascader-picker-label"></span>
|
||||
<input value="" placeholder="Please select" type="text" class="ant-input ant-cascader-input ant-cascader-input ">
|
||||
<i class="anticon anticon-down ant-cascader-picker-arrow"></i>
|
||||
</span>
|
||||
`;
|
||||
exports[`renders ./components/cascader/demo/search.md correctly 1`] = `<span tabindex="0" class="ant-cascader-picker ant-cascader-picker-show-search"><span class="ant-cascader-picker-label"></span><input value="" placeholder="Please select" type="text" class="ant-input ant-cascader-input ant-cascader-input "><i class="anticon anticon-down ant-cascader-picker-arrow"></i></span>`;
|
||||
|
||||
exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
|
||||
<div><span tabindex="0" class="ant-cascader-picker ant-cascader-picker-large"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-input-lg ant-cascader-input ant-input-lg"><span class="ant-cascader-picker-label"></span>
|
||||
<i
|
||||
class="anticon anticon-down ant-cascader-picker-arrow"></i>
|
||||
</span>
|
||||
<br>
|
||||
<br> <span tabindex="0" class="ant-cascader-picker"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span>
|
||||
<i class="anticon anticon-down ant-cascader-picker-arrow"></i>
|
||||
</span>
|
||||
<br>
|
||||
<br> <span tabindex="0" class="ant-cascader-picker ant-cascader-picker-small"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-input-sm ant-cascader-input ant-input-sm"><span class="ant-cascader-picker-label"></span>
|
||||
<i
|
||||
class="anticon anticon-down ant-cascader-picker-arrow"></i>
|
||||
</span>
|
||||
<br>
|
||||
<br>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/cascader/demo/size.md correctly 1`] = `<div><span tabindex="0" class="ant-cascader-picker ant-cascader-picker-large"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-input-lg ant-cascader-input ant-input-lg"><span class="ant-cascader-picker-label"></span><i class="anticon anticon-down ant-cascader-picker-arrow"></i></span><br><br> <span tabindex="0" class="ant-cascader-picker"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i class="anticon anticon-down ant-cascader-picker-arrow"></i></span><br><br> <span tabindex="0" class="ant-cascader-picker ant-cascader-picker-small"><input value="" placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-input-sm ant-cascader-input ant-input-sm"><span class="ant-cascader-picker-label"></span><i class="anticon anticon-down ant-cascader-picker-arrow"></i></span><br><br></div>`;
|
||||
|
|
|
|||
|
|
@ -94,9 +94,4 @@ exports[`Cascader popup correctly with defaultValue 1`] = `
|
|||
</div>
|
||||
`;
|
||||
|
||||
exports[`Cascader support controlled mode 1`] = `
|
||||
<span tabindex="0" class="ant-cascader-picker"><input value="" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label">Zhejiang / Hangzhou / West Lake</span>
|
||||
<i class="anticon anticon-cross-circle ant-cascader-picker-clear"></i>
|
||||
<i class="anticon anticon-down ant-cascader-picker-arrow"></i>
|
||||
</span>
|
||||
`;
|
||||
exports[`Cascader support controlled mode 1`] = `<span tabindex="0" class="ant-cascader-picker"><input value="" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label">Zhejiang / Hangzhou / West Lake</span><i class="anticon anticon-cross-circle ant-cascader-picker-clear"></i><i class="anticon anticon-down ant-cascader-picker-arrow"></i></span>`;
|
||||
|
|
|
|||
|
|
@ -4,90 +4,41 @@ exports[`renders ./components/checkbox/demo/basic.md correctly 1`] = `<label cla
|
|||
|
||||
exports[`renders ./components/checkbox/demo/check-all.md correctly 1`] = `
|
||||
<div>
|
||||
<div style="border-bottom: 1px solid #E9E9E9;">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-indeterminate"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span><span>
|
||||
<div style="border-bottom: 1px solid #E9E9E9;"><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-indeterminate"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span><span>
|
||||
Check all
|
||||
</span></label>
|
||||
</div>
|
||||
<br>
|
||||
<div class="ant-checkbox-group">
|
||||
<label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value="Apple"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label>
|
||||
<label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Pear"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label>
|
||||
<label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value="Orange"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label>
|
||||
</div>
|
||||
</span></label></div> <br>
|
||||
<div class="ant-checkbox-group"><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value="Apple"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Pear"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value="Orange"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/checkbox/demo/controller.md correctly 1`] = `
|
||||
<div>
|
||||
<p style="margin-bottom: 20px;">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span><span>
|
||||
<p style="margin-bottom: 20px;"><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span><span>
|
||||
Checked-Enabled
|
||||
</span></label>
|
||||
</p>
|
||||
<p>
|
||||
<button type="button" class="ant-btn ant-btn-primary ant-btn-sm"><span>Uncheck</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-primary ant-btn-sm" style="margin-left: 10px;"><span>Disable</span></button>
|
||||
</p>
|
||||
</span></label></p>
|
||||
<p><button type="button" class="ant-btn ant-btn-primary ant-btn-sm"><span>Uncheck</span></button> <button type="button" class="ant-btn ant-btn-primary ant-btn-sm" style="margin-left: 10px;"><span>Disable</span></button></p>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/checkbox/demo/disabled.md correctly 1`] = `
|
||||
<div>
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label>
|
||||
<br>
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/checkbox/demo/disabled.md correctly 1`] = `<div><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label> <br> <label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></div>`;
|
||||
|
||||
exports[`renders ./components/checkbox/demo/group.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-checkbox-group">
|
||||
<label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Apple"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label>
|
||||
<label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Pear"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label>
|
||||
<label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Orange"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label>
|
||||
</div>
|
||||
<br>
|
||||
<div class="ant-checkbox-group">
|
||||
<label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value="Apple"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label>
|
||||
<label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Pear"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label>
|
||||
<label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Orange"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label>
|
||||
</div>
|
||||
<br>
|
||||
<div class="ant-checkbox-group">
|
||||
<label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Apple"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label>
|
||||
<label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value="Pear"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label>
|
||||
<label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Orange"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label>
|
||||
</div>
|
||||
<br>
|
||||
<div class="ant-checkbox-group">
|
||||
<label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value="Apple"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label>
|
||||
<label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value="Pear"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label>
|
||||
<label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value="Orange"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label>
|
||||
</div>
|
||||
<div class="ant-checkbox-group"><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Apple"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Pear"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Orange"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label></div> <br>
|
||||
<div class="ant-checkbox-group"><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value="Apple"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Pear"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Orange"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label></div> <br>
|
||||
<div class="ant-checkbox-group"><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Apple"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value="Pear"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Orange"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label></div> <br>
|
||||
<div class="ant-checkbox-group"><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value="Apple"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value="Pear"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value="Orange"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/checkbox/demo/layout.md correctly 1`] = `
|
||||
<div class="ant-checkbox-group">
|
||||
<div class="ant-row">
|
||||
<div class="ant-col-8">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="A"><span class="ant-checkbox-inner"></span></span><span>A</span></label>
|
||||
</div>
|
||||
<div class="ant-col-8">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="B"><span class="ant-checkbox-inner"></span></span><span>B</span></label>
|
||||
</div>
|
||||
<div class="ant-col-8">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="C"><span class="ant-checkbox-inner"></span></span><span>C</span></label>
|
||||
</div>
|
||||
<div class="ant-col-8">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="D"><span class="ant-checkbox-inner"></span></span><span>D</span></label>
|
||||
</div>
|
||||
<div class="ant-col-8">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="E"><span class="ant-checkbox-inner"></span></span><span>E</span></label>
|
||||
</div>
|
||||
<div class="ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="A"><span class="ant-checkbox-inner"></span></span><span>A</span></label></div>
|
||||
<div class="ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="B"><span class="ant-checkbox-inner"></span></span><span>B</span></label></div>
|
||||
<div class="ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="C"><span class="ant-checkbox-inner"></span></span><span>C</span></label></div>
|
||||
<div class="ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="D"><span class="ant-checkbox-inner"></span></span><span>D</span></label></div>
|
||||
<div class="ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="E"><span class="ant-checkbox-inner"></span></span><span>E</span></label></div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -1,8 +1,3 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`CheckboxGroup passes prefixCls down to checkbox 1`] = `
|
||||
<div class="my-checkbox-group">
|
||||
<label class="my-checkbox-wrapper my-checkbox-group-item"><span class="my-checkbox"><input type="checkbox" class="my-checkbox-input" value="Apple"><span class="my-checkbox-inner"></span></span><span>Apple</span></label>
|
||||
<label class="my-checkbox-wrapper my-checkbox-group-item"><span class="my-checkbox"><input type="checkbox" class="my-checkbox-input" value="Orange"><span class="my-checkbox-inner"></span></span><span>Orange</span></label>
|
||||
</div>
|
||||
`;
|
||||
exports[`CheckboxGroup passes prefixCls down to checkbox 1`] = `<div class="my-checkbox-group"><label class="my-checkbox-wrapper my-checkbox-group-item"><span class="my-checkbox"><input type="checkbox" class="my-checkbox-input" value="Apple"><span class="my-checkbox-inner"></span></span><span>Apple</span></label><label class="my-checkbox-wrapper my-checkbox-group-item"><span class="my-checkbox"><input type="checkbox" class="my-checkbox-input" value="Orange"><span class="my-checkbox-inner"></span></span><span>Orange</span></label></div>`;
|
||||
|
|
|
|||
|
|
@ -4,18 +4,15 @@ exports[`renders ./components/collapse/demo/accordion.md correctly 1`] = `
|
|||
<div>
|
||||
<div role="tablist" class="ant-collapse">
|
||||
<div role="tablist" class="ant-collapse-item">
|
||||
<div role="tab" tabindex="0" class="ant-collapse-header">
|
||||
<i class="arrow"></i>This is panel header 1</div>
|
||||
<div role="tab" tabindex="0" class="ant-collapse-header"><i class="arrow"></i>This is panel header 1</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div role="tablist" class="ant-collapse-item">
|
||||
<div role="tab" tabindex="0" class="ant-collapse-header">
|
||||
<i class="arrow"></i>This is panel header 2</div>
|
||||
<div role="tab" tabindex="0" class="ant-collapse-header"><i class="arrow"></i>This is panel header 2</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div role="tablist" class="ant-collapse-item">
|
||||
<div role="tab" tabindex="0" class="ant-collapse-header">
|
||||
<i class="arrow"></i>This is panel header 3</div>
|
||||
<div role="tab" tabindex="0" class="ant-collapse-header"><i class="arrow"></i>This is panel header 3</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -26,8 +23,7 @@ exports[`renders ./components/collapse/demo/basic.md correctly 1`] = `
|
|||
<div>
|
||||
<div class="ant-collapse">
|
||||
<div role="tablist" class="ant-collapse-item ant-collapse-item-active">
|
||||
<div role="button" tabindex="0" aria-expanded="true" class="ant-collapse-header">
|
||||
<i class="arrow"></i>This is panel header 1</div>
|
||||
<div role="button" tabindex="0" aria-expanded="true" class="ant-collapse-header"><i class="arrow"></i>This is panel header 1</div>
|
||||
<div class="ant-collapse-content ant-collapse-content-active ant-motion-collapse" style="height: 0px; opacity: 0;">
|
||||
<div class="ant-collapse-content-box">
|
||||
<p>A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.</p>
|
||||
|
|
@ -35,13 +31,11 @@ exports[`renders ./components/collapse/demo/basic.md correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div role="tablist" class="ant-collapse-item">
|
||||
<div role="button" tabindex="0" class="ant-collapse-header">
|
||||
<i class="arrow"></i>This is panel header 2</div>
|
||||
<div role="button" tabindex="0" class="ant-collapse-header"><i class="arrow"></i>This is panel header 2</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div role="tablist" class="ant-collapse-item ant-collapse-item-disabled">
|
||||
<div role="button" tabindex="-1" class="ant-collapse-header">
|
||||
<i class="arrow"></i>This is panel header 3</div>
|
||||
<div role="button" tabindex="-1" class="ant-collapse-header"><i class="arrow"></i>This is panel header 3</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -52,8 +46,7 @@ exports[`renders ./components/collapse/demo/borderless.md correctly 1`] = `
|
|||
<div>
|
||||
<div class="ant-collapse ant-collapse-borderless">
|
||||
<div role="tablist" class="ant-collapse-item ant-collapse-item-active">
|
||||
<div role="button" tabindex="0" aria-expanded="true" class="ant-collapse-header">
|
||||
<i class="arrow"></i>This is panel header 1</div>
|
||||
<div role="button" tabindex="0" aria-expanded="true" class="ant-collapse-header"><i class="arrow"></i>This is panel header 1</div>
|
||||
<div class="ant-collapse-content ant-collapse-content-active ant-motion-collapse" style="height: 0px; opacity: 0;">
|
||||
<div class="ant-collapse-content-box">
|
||||
<p>A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.</p>
|
||||
|
|
@ -61,13 +54,11 @@ exports[`renders ./components/collapse/demo/borderless.md correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div role="tablist" class="ant-collapse-item">
|
||||
<div role="button" tabindex="0" class="ant-collapse-header">
|
||||
<i class="arrow"></i>This is panel header 2</div>
|
||||
<div role="button" tabindex="0" class="ant-collapse-header"><i class="arrow"></i>This is panel header 2</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div role="tablist" class="ant-collapse-item">
|
||||
<div role="button" tabindex="0" class="ant-collapse-header">
|
||||
<i class="arrow"></i>This is panel header 3</div>
|
||||
<div role="button" tabindex="0" class="ant-collapse-header"><i class="arrow"></i>This is panel header 3</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -78,11 +69,8 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
|
|||
<div>
|
||||
<div class="ant-collapse ant-collapse-borderless">
|
||||
<div role="tablist" class="ant-collapse-item ant-collapse-item-active" style="background: rgb(247, 247, 247); border-radius: 4px; margin-bottom: 24px; border: 0px; overflow: hidden;">
|
||||
<div role="button" tabindex="0" aria-expanded="true" class="ant-collapse-header">
|
||||
<i class="arrow"></i>
|
||||
This is panel header 1
|
||||
<i class="anticon anticon-question-circle-o"></i>
|
||||
</div>
|
||||
<div role="button" tabindex="0" aria-expanded="true" class="ant-collapse-header"><i class="arrow"></i>
|
||||
This is panel header 1<i class="anticon anticon-question-circle-o"></i></div>
|
||||
<div class="ant-collapse-content ant-collapse-content-active ant-motion-collapse" style="height: 0px; opacity: 0;">
|
||||
<div class="ant-collapse-content-box">
|
||||
<p>A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.</p>
|
||||
|
|
@ -90,13 +78,11 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div role="tablist" class="ant-collapse-item" style="background: rgb(247, 247, 247); border-radius: 4px; margin-bottom: 24px; border: 0px; overflow: hidden;">
|
||||
<div role="button" tabindex="0" class="ant-collapse-header">
|
||||
<i class="arrow"></i>This is panel header 2</div>
|
||||
<div role="button" tabindex="0" class="ant-collapse-header"><i class="arrow"></i>This is panel header 2</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div role="tablist" class="ant-collapse-item" style="background: rgb(247, 247, 247); border-radius: 4px; margin-bottom: 24px; border: 0px; overflow: hidden;">
|
||||
<div role="button" tabindex="0" class="ant-collapse-header">
|
||||
<i class="arrow"></i>This is panel header 3</div>
|
||||
<div role="button" tabindex="0" class="ant-collapse-header"><i class="arrow"></i>This is panel header 3</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -107,18 +93,15 @@ exports[`renders ./components/collapse/demo/mix.md correctly 1`] = `
|
|||
<div>
|
||||
<div class="ant-collapse">
|
||||
<div role="tablist" class="ant-collapse-item">
|
||||
<div role="button" tabindex="0" class="ant-collapse-header">
|
||||
<i class="arrow"></i>This is panel header 1</div>
|
||||
<div role="button" tabindex="0" class="ant-collapse-header"><i class="arrow"></i>This is panel header 1</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div role="tablist" class="ant-collapse-item">
|
||||
<div role="button" tabindex="0" class="ant-collapse-header">
|
||||
<i class="arrow"></i>This is panel header 2</div>
|
||||
<div role="button" tabindex="0" class="ant-collapse-header"><i class="arrow"></i>This is panel header 2</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div role="tablist" class="ant-collapse-item">
|
||||
<div role="button" tabindex="0" class="ant-collapse-header">
|
||||
<i class="arrow"></i>This is panel header 3</div>
|
||||
<div role="button" tabindex="0" class="ant-collapse-header"><i class="arrow"></i>This is panel header 3</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -129,8 +112,7 @@ exports[`renders ./components/collapse/demo/noarrow.md correctly 1`] = `
|
|||
<div>
|
||||
<div class="ant-collapse">
|
||||
<div role="tablist" class="ant-collapse-item ant-collapse-item-active">
|
||||
<div role="button" tabindex="0" aria-expanded="true" class="ant-collapse-header">
|
||||
<i class="arrow"></i>This is panel header with arrow icon</div>
|
||||
<div role="button" tabindex="0" aria-expanded="true" class="ant-collapse-header"><i class="arrow"></i>This is panel header with arrow icon</div>
|
||||
<div class="ant-collapse-content ant-collapse-content-active ant-motion-collapse" style="height: 0px; opacity: 0;">
|
||||
<div class="ant-collapse-content-box">
|
||||
<p>A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.</p>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,3 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`DatePicker prop locale should works 1`] = `
|
||||
<span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Избери дата" class="ant-calendar-picker-input ant-input"><i class="anticon anticon-cross-circle ant-calendar-picker-clear"></i><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
`;
|
||||
exports[`DatePicker prop locale should works 1`] = `<span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Избери дата" class="ant-calendar-picker-input ant-input"><i class="anticon anticon-cross-circle ant-calendar-picker-clear"></i><span class="ant-calendar-picker-icon"></span></div></span>`;
|
||||
|
|
|
|||
|
|
@ -8,15 +8,11 @@ exports[`RangePicker show month panel according to value 1`] = `
|
|||
<div class="ant-calendar-date-panel">
|
||||
<div class="ant-calendar-range-part ant-calendar-range-left">
|
||||
<div class="ant-calendar-input-wrap">
|
||||
<div class="ant-calendar-date-input-wrap">
|
||||
<input placeholder="Start date" class="ant-calendar-input ">
|
||||
</div>
|
||||
<div class="ant-calendar-date-input-wrap"><input placeholder="Start date" class="ant-calendar-input "></div>
|
||||
</div>
|
||||
<div style="outline: none;">
|
||||
<div class="ant-calendar-header">
|
||||
<div style="position: relative;">
|
||||
<a role="button" title="Last year (Control + left)" class="ant-calendar-prev-year-btn"></a>
|
||||
<a role="button" title="Previous month (PageUp)" class="ant-calendar-prev-month-btn"></a><span class="ant-calendar-my-select"><a role="button" title="Choose a month" class="ant-calendar-month-select">1月</a><a role="button" title="Choose a year" class="ant-calendar-year-select">2000</a></span></div>
|
||||
<div style="position: relative;"><a role="button" title="Last year (Control + left)" class="ant-calendar-prev-year-btn"></a><a role="button" title="Previous month (PageUp)" class="ant-calendar-prev-month-btn"></a><span class="ant-calendar-my-select"><a role="button" title="Choose a month" class="ant-calendar-month-select">1月</a><a role="button" title="Choose a year" class="ant-calendar-year-select">2000</a></span></div>
|
||||
</div>
|
||||
<div class="ant-calendar-body">
|
||||
<table cellspacing="0" role="grid" class="ant-calendar-table">
|
||||
|
|
@ -177,17 +173,11 @@ exports[`RangePicker show month panel according to value 1`] = `
|
|||
</div><span class="ant-calendar-range-middle">~</span>
|
||||
<div class="ant-calendar-range-part ant-calendar-range-right">
|
||||
<div class="ant-calendar-input-wrap">
|
||||
<div class="ant-calendar-date-input-wrap">
|
||||
<input placeholder="End date" class="ant-calendar-input ">
|
||||
</div>
|
||||
<div class="ant-calendar-date-input-wrap"><input placeholder="End date" class="ant-calendar-input "></div>
|
||||
</div>
|
||||
<div style="outline: none;">
|
||||
<div class="ant-calendar-header">
|
||||
<div style="position: relative;"><span class="ant-calendar-my-select"><a role="button" title="Choose a month" class="ant-calendar-month-select">2月</a><a role="button" title="Choose a year" class="ant-calendar-year-select">2000</a></span>
|
||||
<a title="Next month (PageDown)"
|
||||
class="ant-calendar-next-month-btn"></a>
|
||||
<a title="Next year (Control + right)" class="ant-calendar-next-year-btn"></a>
|
||||
</div>
|
||||
<div style="position: relative;"><span class="ant-calendar-my-select"><a role="button" title="Choose a month" class="ant-calendar-month-select">2月</a><a role="button" title="Choose a year" class="ant-calendar-year-select">2000</a></span><a title="Next month (PageDown)" class="ant-calendar-next-month-btn"></a><a title="Next year (Control + right)" class="ant-calendar-next-year-btn"></a></div>
|
||||
</div>
|
||||
<div class="ant-calendar-body">
|
||||
<table cellspacing="0" role="grid" class="ant-calendar-table">
|
||||
|
|
@ -348,10 +338,7 @@ exports[`RangePicker show month panel according to value 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-calendar-footer ant-calendar-range-bottom ant-calendar-footer-show-ok">
|
||||
<div class="ant-calendar-footer-btn">
|
||||
<a role="button" class="ant-calendar-time-picker-btn">select time</a>
|
||||
<a role="button" class="ant-calendar-ok-btn">Ok</a>
|
||||
</div>
|
||||
<div class="ant-calendar-footer-btn"><a role="button" class="ant-calendar-time-picker-btn">select time</a><a role="button" class="ant-calendar-ok-btn">Ok</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -367,15 +354,11 @@ exports[`RangePicker switch to corresponding month panel when click presetted ra
|
|||
<div class="ant-calendar-date-panel">
|
||||
<div class="ant-calendar-range-part ant-calendar-range-left">
|
||||
<div class="ant-calendar-input-wrap">
|
||||
<div class="ant-calendar-date-input-wrap">
|
||||
<input placeholder="Start date" class="ant-calendar-input ">
|
||||
</div>
|
||||
<div class="ant-calendar-date-input-wrap"><input placeholder="Start date" class="ant-calendar-input "></div>
|
||||
</div>
|
||||
<div style="outline: none;">
|
||||
<div class="ant-calendar-header">
|
||||
<div style="position: relative;">
|
||||
<a role="button" title="Last year (Control + left)" class="ant-calendar-prev-year-btn"></a>
|
||||
<a role="button" title="Previous month (PageUp)" class="ant-calendar-prev-month-btn"></a><span class="ant-calendar-my-select"><a role="button" title="Choose a month" class="ant-calendar-month-select">Sep</a><a role="button" title="Choose a year" class="ant-calendar-year-select">2017</a></span></div>
|
||||
<div style="position: relative;"><a role="button" title="Last year (Control + left)" class="ant-calendar-prev-year-btn"></a><a role="button" title="Previous month (PageUp)" class="ant-calendar-prev-month-btn"></a><span class="ant-calendar-my-select"><a role="button" title="Choose a month" class="ant-calendar-month-select">Sep</a><a role="button" title="Choose a year" class="ant-calendar-year-select">2017</a></span></div>
|
||||
</div>
|
||||
<div class="ant-calendar-body">
|
||||
<table cellspacing="0" role="grid" class="ant-calendar-table">
|
||||
|
|
@ -536,17 +519,11 @@ exports[`RangePicker switch to corresponding month panel when click presetted ra
|
|||
</div><span class="ant-calendar-range-middle">~</span>
|
||||
<div class="ant-calendar-range-part ant-calendar-range-right">
|
||||
<div class="ant-calendar-input-wrap">
|
||||
<div class="ant-calendar-date-input-wrap">
|
||||
<input placeholder="End date" class="ant-calendar-input ">
|
||||
</div>
|
||||
<div class="ant-calendar-date-input-wrap"><input placeholder="End date" class="ant-calendar-input "></div>
|
||||
</div>
|
||||
<div style="outline: none;">
|
||||
<div class="ant-calendar-header">
|
||||
<div style="position: relative;"><span class="ant-calendar-my-select"><a role="button" title="Choose a month" class="ant-calendar-month-select">Oct</a><a role="button" title="Choose a year" class="ant-calendar-year-select">2017</a></span>
|
||||
<a title="Next month (PageDown)"
|
||||
class="ant-calendar-next-month-btn"></a>
|
||||
<a title="Next year (Control + right)" class="ant-calendar-next-year-btn"></a>
|
||||
</div>
|
||||
<div style="position: relative;"><span class="ant-calendar-my-select"><a role="button" title="Choose a month" class="ant-calendar-month-select">Oct</a><a role="button" title="Choose a year" class="ant-calendar-year-select">2017</a></span><a title="Next month (PageDown)" class="ant-calendar-next-month-btn"></a><a title="Next year (Control + right)" class="ant-calendar-next-year-btn"></a></div>
|
||||
</div>
|
||||
<div class="ant-calendar-body">
|
||||
<table cellspacing="0" role="grid" class="ant-calendar-table">
|
||||
|
|
@ -710,10 +687,7 @@ exports[`RangePicker switch to corresponding month panel when click presetted ra
|
|||
<div class="ant-calendar-footer-extra ant-calendar-range-quick-selector">
|
||||
<div class="ant-tag ant-tag-blue">My Birthday</div>
|
||||
</div>
|
||||
<div class="ant-calendar-footer-btn">
|
||||
<a role="button" class="ant-calendar-time-picker-btn ant-calendar-time-picker-btn-disabled">select time</a>
|
||||
<a role="button" class="ant-calendar-ok-btn ant-calendar-ok-btn-disabled">Ok</a>
|
||||
</div>
|
||||
<div class="ant-calendar-footer-btn"><a role="button" class="ant-calendar-time-picker-btn ant-calendar-time-picker-btn-disabled">select time</a><a role="button" class="ant-calendar-ok-btn ant-calendar-ok-btn-disabled">Ok</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,3 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`WeekPicker should support style prop 1`] = `
|
||||
<span class="ant-calendar-picker" style="width: 400px;"><span class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span>
|
||||
`;
|
||||
exports[`WeekPicker should support style prop 1`] = `<span class="ant-calendar-picker" style="width: 400px;"><span class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span></span>`;
|
||||
|
|
|
|||
|
|
@ -1,136 +1,27 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
|
||||
<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
<br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select month" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
<br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
|
||||
<input
|
||||
readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span>
|
||||
<br> <span class="ant-calendar-picker"><span class=""><input readonly="true" placeholder="Select week" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span> <br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select month" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span> <br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <br> <span class="ant-calendar-picker"><span class=""><input readonly="true" placeholder="Select week" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`;
|
||||
|
||||
exports[`renders ./components/date-picker/demo/date-render.md correctly 1`] = `
|
||||
<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
|
||||
<input
|
||||
readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span> <span class="ant-calendar-picker"><span class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/date-picker/demo/date-render.md correctly 1`] = `<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <span class="ant-calendar-picker"><span class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`;
|
||||
|
||||
exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
|
||||
<div><span class="ant-calendar-picker"><div class=""><input disabled="disabled" readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input ant-input-disabled"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
<br> <span class="ant-calendar-picker"><div class=""><input disabled="disabled" readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input ant-input-disabled"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
<br> <span tabindex="-1" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input ant-input-disabled"><input disabled="disabled" readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
|
||||
<input
|
||||
disabled="disabled" readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `<div><span class="ant-calendar-picker"><div class=""><input disabled="disabled" readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input ant-input-disabled"><span class="ant-calendar-picker-icon"></span></div></span> <br> <span class="ant-calendar-picker"><div class=""><input disabled="disabled" readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input ant-input-disabled"><span class="ant-calendar-picker-icon"></span></div></span> <br> <span tabindex="-1" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input ant-input-disabled"><input disabled="disabled" readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input disabled="disabled" readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`;
|
||||
|
||||
exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] = `
|
||||
<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
<br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select month" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
<br> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
|
||||
<input
|
||||
readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] = `<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span> <br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select month" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span> <br> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`;
|
||||
|
||||
exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
|
||||
<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
|
||||
<input
|
||||
readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
|
||||
<input
|
||||
readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select month" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select month" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span></div>`;
|
||||
|
||||
exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
|
||||
<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i class="anticon anticon-cross-circle ant-calendar-picker-clear"></i><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
<br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i class="anticon anticon-cross-circle ant-calendar-picker-clear"></i><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
<br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
|
||||
<input
|
||||
readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input">
|
||||
<i class="anticon anticon-cross-circle ant-calendar-picker-clear"></i><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i class="anticon anticon-cross-circle ant-calendar-picker-clear"></i><span class="ant-calendar-picker-icon"></span></div></span> <br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i class="anticon anticon-cross-circle ant-calendar-picker-clear"></i><span class="ant-calendar-picker-icon"></span></div></span> <br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><i class="anticon anticon-cross-circle ant-calendar-picker-clear"></i><span class="ant-calendar-picker-icon"></span></span></span></div>`;
|
||||
|
||||
exports[`renders ./components/date-picker/demo/mode.md correctly 1`] = `
|
||||
<div><span class="ant-calendar-picker" mode="time"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
<br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start month" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
|
||||
<input
|
||||
readonly="true" placeholder="End month" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/date-picker/demo/mode.md correctly 1`] = `<div><span class="ant-calendar-picker" mode="time"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span> <br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start month" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End month" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`;
|
||||
|
||||
exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`] = `
|
||||
<div><span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
|
||||
<input
|
||||
readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span>
|
||||
<br> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
|
||||
<input
|
||||
readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`] = `<div><span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <br> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`;
|
||||
|
||||
exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label>
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label>
|
||||
</div>
|
||||
<br>
|
||||
<br> <span class="ant-calendar-picker ant-calendar-picker-default"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
<br> <span class="ant-calendar-picker ant-calendar-picker-default"><div class=""><input readonly="true" placeholder="Select Month" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
<br> <span tabindex="0" class="ant-calendar-picker ant-calendar-picker-default"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
|
||||
<input
|
||||
readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span>
|
||||
<br> <span class="ant-calendar-picker ant-calendar-picker-default"><span class=""><input readonly="true" placeholder="Select Week" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label></div> <br><br> <span class="ant-calendar-picker ant-calendar-picker-default"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span>
|
||||
</div></span> <br> <span class="ant-calendar-picker ant-calendar-picker-default"><div class=""><input readonly="true" placeholder="Select Month" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span> <br> <span tabindex="0" class="ant-calendar-picker ant-calendar-picker-default"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <br> <span class="ant-calendar-picker ant-calendar-picker-default"><span class=""><input readonly="true" placeholder="Select Week" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span></span></div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/date-picker/demo/start-end.md correctly 1`] = `
|
||||
<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Start" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="End" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/date-picker/demo/start-end.md correctly 1`] = `<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Start" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="End" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span></div>`;
|
||||
|
||||
exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `
|
||||
<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select Time" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
<br> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start Time" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
|
||||
<input
|
||||
readonly="true" placeholder="End Time" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select Time" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span> <br> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start Time" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End Time" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`;
|
||||
|
|
|
|||
|
|
@ -7,66 +7,32 @@ exports[`MonthPicker and WeekPicker render MonthPicker 1`] = `
|
|||
<div class="ant-calendar-month-calendar-content">
|
||||
<div class="ant-calendar-month-header-wrap">
|
||||
<div class="ant-calendar-header">
|
||||
<div style="position: relative;">
|
||||
<a role="button" title="Last year (Control + left)" class="ant-calendar-prev-year-btn"></a>
|
||||
<a role="button" title="Previous month (PageUp)" class="ant-calendar-prev-month-btn"></a><span class="ant-calendar-my-select"><a role="button" title="Choose a month" class="ant-calendar-month-select">1月</a><a role="button" title="Choose a year" class="ant-calendar-year-select">2000</a></span>
|
||||
<a title="Next month (PageDown)"
|
||||
class="ant-calendar-next-month-btn"></a>
|
||||
<a title="Next year (Control + right)" class="ant-calendar-next-year-btn"></a>
|
||||
</div>
|
||||
<div style="position: relative;"><a role="button" title="Last year (Control + left)" class="ant-calendar-prev-year-btn"></a><a role="button" title="Previous month (PageUp)" class="ant-calendar-prev-month-btn"></a><span class="ant-calendar-my-select"><a role="button" title="Choose a month" class="ant-calendar-month-select">1月</a><a role="button" title="Choose a year" class="ant-calendar-year-select">2000</a></span><a title="Next month (PageDown)" class="ant-calendar-next-month-btn"></a><a title="Next year (Control + right)" class="ant-calendar-next-year-btn"></a></div>
|
||||
<div class="ant-calendar-month-panel">
|
||||
<div>
|
||||
<div class="ant-calendar-month-panel-header">
|
||||
<a role="button" title="Last year (Control + left)" class="ant-calendar-month-panel-prev-year-btn"></a>
|
||||
<a role="button" title="Choose a year" class="ant-calendar-month-panel-year-select"><span class="ant-calendar-month-panel-year-select-content">2000</span><span class="ant-calendar-month-panel-year-select-arrow">x</span></a>
|
||||
<a role="button" title="Next year (Control + right)" class="ant-calendar-month-panel-next-year-btn"></a>
|
||||
</div>
|
||||
<div class="ant-calendar-month-panel-header"><a role="button" title="Last year (Control + left)" class="ant-calendar-month-panel-prev-year-btn"></a><a role="button" title="Choose a year" class="ant-calendar-month-panel-year-select"><span class="ant-calendar-month-panel-year-select-content">2000</span><span class="ant-calendar-month-panel-year-select-arrow">x</span></a><a role="button" title="Next year (Control + right)" class="ant-calendar-month-panel-next-year-btn"></a></div>
|
||||
<div class="ant-calendar-month-panel-body">
|
||||
<table cellspacing="0" role="grid" class="ant-calendar-month-panel-table">
|
||||
<tbody class="ant-calendar-month-panel-tbody">
|
||||
<tr role="row">
|
||||
<td role="gridcell" title="一月" class="ant-calendar-month-panel-cell ant-calendar-month-panel-selected-cell">
|
||||
<a class="ant-calendar-month-panel-month">一月</a>
|
||||
</td>
|
||||
<td role="gridcell" title="二月" class="ant-calendar-month-panel-cell">
|
||||
<a class="ant-calendar-month-panel-month">二月</a>
|
||||
</td>
|
||||
<td role="gridcell" title="三月" class="ant-calendar-month-panel-cell">
|
||||
<a class="ant-calendar-month-panel-month">三月</a>
|
||||
</td>
|
||||
<td role="gridcell" title="一月" class="ant-calendar-month-panel-cell ant-calendar-month-panel-selected-cell"><a class="ant-calendar-month-panel-month">一月</a></td>
|
||||
<td role="gridcell" title="二月" class="ant-calendar-month-panel-cell"><a class="ant-calendar-month-panel-month">二月</a></td>
|
||||
<td role="gridcell" title="三月" class="ant-calendar-month-panel-cell"><a class="ant-calendar-month-panel-month">三月</a></td>
|
||||
</tr>
|
||||
<tr role="row">
|
||||
<td role="gridcell" title="四月" class="ant-calendar-month-panel-cell">
|
||||
<a class="ant-calendar-month-panel-month">四月</a>
|
||||
</td>
|
||||
<td role="gridcell" title="五月" class="ant-calendar-month-panel-cell">
|
||||
<a class="ant-calendar-month-panel-month">五月</a>
|
||||
</td>
|
||||
<td role="gridcell" title="六月" class="ant-calendar-month-panel-cell">
|
||||
<a class="ant-calendar-month-panel-month">六月</a>
|
||||
</td>
|
||||
<td role="gridcell" title="四月" class="ant-calendar-month-panel-cell"><a class="ant-calendar-month-panel-month">四月</a></td>
|
||||
<td role="gridcell" title="五月" class="ant-calendar-month-panel-cell"><a class="ant-calendar-month-panel-month">五月</a></td>
|
||||
<td role="gridcell" title="六月" class="ant-calendar-month-panel-cell"><a class="ant-calendar-month-panel-month">六月</a></td>
|
||||
</tr>
|
||||
<tr role="row">
|
||||
<td role="gridcell" title="七月" class="ant-calendar-month-panel-cell">
|
||||
<a class="ant-calendar-month-panel-month">七月</a>
|
||||
</td>
|
||||
<td role="gridcell" title="八月" class="ant-calendar-month-panel-cell">
|
||||
<a class="ant-calendar-month-panel-month">八月</a>
|
||||
</td>
|
||||
<td role="gridcell" title="九月" class="ant-calendar-month-panel-cell">
|
||||
<a class="ant-calendar-month-panel-month">九月</a>
|
||||
</td>
|
||||
<td role="gridcell" title="七月" class="ant-calendar-month-panel-cell"><a class="ant-calendar-month-panel-month">七月</a></td>
|
||||
<td role="gridcell" title="八月" class="ant-calendar-month-panel-cell"><a class="ant-calendar-month-panel-month">八月</a></td>
|
||||
<td role="gridcell" title="九月" class="ant-calendar-month-panel-cell"><a class="ant-calendar-month-panel-month">九月</a></td>
|
||||
</tr>
|
||||
<tr role="row">
|
||||
<td role="gridcell" title="十月" class="ant-calendar-month-panel-cell">
|
||||
<a class="ant-calendar-month-panel-month">十月</a>
|
||||
</td>
|
||||
<td role="gridcell" title="十一月" class="ant-calendar-month-panel-cell">
|
||||
<a class="ant-calendar-month-panel-month">十一月</a>
|
||||
</td>
|
||||
<td role="gridcell" title="十二月" class="ant-calendar-month-panel-cell">
|
||||
<a class="ant-calendar-month-panel-month">十二月</a>
|
||||
</td>
|
||||
<td role="gridcell" title="十月" class="ant-calendar-month-panel-cell"><a class="ant-calendar-month-panel-month">十月</a></td>
|
||||
<td role="gridcell" title="十一月" class="ant-calendar-month-panel-cell"><a class="ant-calendar-month-panel-month">十一月</a></td>
|
||||
<td role="gridcell" title="十二月" class="ant-calendar-month-panel-cell"><a class="ant-calendar-month-panel-month">十二月</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
@ -89,13 +55,7 @@ exports[`MonthPicker and WeekPicker render WeekPicker 1`] = `
|
|||
<div class="ant-calendar-panel">
|
||||
<div class="ant-calendar-date-panel">
|
||||
<div class="ant-calendar-header">
|
||||
<div style="position: relative;">
|
||||
<a role="button" title="Last year (Control + left)" class="ant-calendar-prev-year-btn"></a>
|
||||
<a role="button" title="Previous month (PageUp)" class="ant-calendar-prev-month-btn"></a><span class="ant-calendar-my-select"><a role="button" title="Choose a month" class="ant-calendar-month-select">1月</a><a role="button" title="Choose a year" class="ant-calendar-year-select">2000</a></span>
|
||||
<a title="Next month (PageDown)"
|
||||
class="ant-calendar-next-month-btn"></a>
|
||||
<a title="Next year (Control + right)" class="ant-calendar-next-year-btn"></a>
|
||||
</div>
|
||||
<div style="position: relative;"><a role="button" title="Last year (Control + left)" class="ant-calendar-prev-year-btn"></a><a role="button" title="Previous month (PageUp)" class="ant-calendar-prev-month-btn"></a><span class="ant-calendar-my-select"><a role="button" title="Choose a month" class="ant-calendar-month-select">1月</a><a role="button" title="Choose a year" class="ant-calendar-year-select">2000</a></span><a title="Next month (PageDown)" class="ant-calendar-next-month-btn"></a><a title="Next year (Control + right)" class="ant-calendar-next-year-btn"></a></div>
|
||||
</div>
|
||||
<div class="ant-calendar-body">
|
||||
<table cellspacing="0" role="grid" class="ant-calendar-table">
|
||||
|
|
|
|||
|
|
@ -24,9 +24,7 @@ exports[`renders ./components/divider/demo/orientation.md correctly 1`] = `
|
|||
exports[`renders ./components/divider/demo/vertical.md correctly 1`] = `
|
||||
<div>
|
||||
Text
|
||||
<div class="ant-divider ant-divider-vertical"></div>
|
||||
<a href="#">Link</a>
|
||||
<div class="ant-divider ant-divider-vertical"></div>
|
||||
<a href="#">Link</a>
|
||||
<div class="ant-divider ant-divider-vertical"></div> <a href="#">Link</a>
|
||||
<div class="ant-divider ant-divider-vertical"></div> <a href="#">Link</a>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -6,8 +6,7 @@ exports[`Drawer class is test_drawer 1`] = `
|
|||
<div class="ant-drawer-mask"></div>
|
||||
<div class="ant-drawer-content-wrapper" style="transform: translateX(100%); width: 256px;">
|
||||
<div class="ant-drawer-content">
|
||||
<div class="ant-drawer-wrapper-body" style="overflow: auto; height: 100%; opacity: 0;">
|
||||
<button aria-label="Close" class="ant-drawer-close"><span class="ant-drawer-close-x"></span></button>
|
||||
<div class="ant-drawer-wrapper-body" style="overflow: auto; height: 100%; opacity: 0;"><button aria-label="Close" class="ant-drawer-close"><span class="ant-drawer-close-x"></span></button>
|
||||
<div class="ant-drawer-body">Here is content of Drawer</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -55,8 +54,7 @@ exports[`Drawer have a title 1`] = `
|
|||
<div class="ant-drawer-wrapper-body" style="overflow: auto; height: 100%;">
|
||||
<div class="ant-drawer-header">
|
||||
<div class="ant-drawer-title">Test Title</div>
|
||||
</div>
|
||||
<button aria-label="Close" class="ant-drawer-close"><span class="ant-drawer-close-x"></span></button>
|
||||
</div><button aria-label="Close" class="ant-drawer-close"><span class="ant-drawer-close-x"></span></button>
|
||||
<div class="ant-drawer-body">Here is content of Drawer</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -71,8 +69,7 @@ exports[`Drawer render correctly 1`] = `
|
|||
<div class="ant-drawer-mask"></div>
|
||||
<div class="ant-drawer-content-wrapper" style="transform: translateX(100%); width: 400px;">
|
||||
<div class="ant-drawer-content">
|
||||
<div class="ant-drawer-wrapper-body" style="overflow: auto; height: 100%;">
|
||||
<button aria-label="Close" class="ant-drawer-close"><span class="ant-drawer-close-x"></span></button>
|
||||
<div class="ant-drawer-wrapper-body" style="overflow: auto; height: 100%;"><button aria-label="Close" class="ant-drawer-close"><span class="ant-drawer-close-x"></span></button>
|
||||
<div class="ant-drawer-body">Here is content of Drawer</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,15 +1,13 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Drawer render correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>open</span></button>
|
||||
<div><button type="button" class="ant-btn ant-btn-default"><span>open</span></button>
|
||||
<div>
|
||||
<div class="ant-drawer ant-drawer-right">
|
||||
<div class="ant-drawer-mask"></div>
|
||||
<div class="ant-drawer-content-wrapper" style="transform: translateX(100%); width: 256px;">
|
||||
<div class="ant-drawer-content">
|
||||
<div class="ant-drawer-wrapper-body" style="overflow: auto; height: 100%;">
|
||||
<button aria-label="Close" class="ant-drawer-close"><span class="ant-drawer-close-x"></span></button>
|
||||
<div class="ant-drawer-wrapper-body" style="overflow: auto; height: 100%;"><button aria-label="Close" class="ant-drawer-close"><span class="ant-drawer-close-x"></span></button>
|
||||
<div class="ant-drawer-body">Here is content of Drawer</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,22 +1,19 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`renders ./components/drawer/demo/basic-left.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
|
||||
<div><button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/drawer/demo/basic-right.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
|
||||
<div><button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/drawer/demo/multi-level-drawer.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
|
||||
<div><button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
|
@ -30,32 +27,24 @@ exports[`renders ./components/drawer/demo/user-profile.md correctly 1`] = `
|
|||
<div class="ant-list-item-meta">
|
||||
<div class="ant-list-item-meta-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png"></span></div>
|
||||
<div class="ant-list-item-meta-content">
|
||||
<h4 class="ant-list-item-meta-title">
|
||||
<a href="https://vuecomponent.github.io/ant-design-vue/">Lily</a>
|
||||
</h4>
|
||||
<h4 class="ant-list-item-meta-title"><a href="https://vuecomponent.github.io/ant-design-vue/">Lily</a></h4>
|
||||
<div class="ant-list-item-meta-description">Progresser AFX</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="ant-list-item-action">
|
||||
<li>
|
||||
<a>View Profile</a>
|
||||
</li>
|
||||
<li><a>View Profile</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="ant-list-item">
|
||||
<div class="ant-list-item-meta">
|
||||
<div class="ant-list-item-meta-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png"></span></div>
|
||||
<div class="ant-list-item-meta-content">
|
||||
<h4 class="ant-list-item-meta-title">
|
||||
<a href="https://vuecomponent.github.io/ant-design-vue/">Lily</a>
|
||||
</h4>
|
||||
<h4 class="ant-list-item-meta-title"><a href="https://vuecomponent.github.io/ant-design-vue/">Lily</a></h4>
|
||||
<div class="ant-list-item-meta-description">Progresser AFX</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="ant-list-item-action">
|
||||
<li>
|
||||
<a>View Profile</a>
|
||||
</li>
|
||||
<li><a>View Profile</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,82 +2,50 @@
|
|||
|
||||
exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = `
|
||||
<a href="#" class="ant-dropdown-link ant-dropdown-trigger">
|
||||
Hover me
|
||||
<i class="anticon anticon-down"></i>
|
||||
</a>
|
||||
Hover me <i class="anticon anticon-down"></i></a>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/dropdown/demo/context-menu.md correctly 1`] = `<span class="ant-dropdown-trigger">Right Click on Me</span>`;
|
||||
|
||||
exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-btn-group ant-dropdown-button">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Dropdown</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger">
|
||||
<i class="anticon anticon-ellipsis"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="ant-btn-group ant-dropdown-button" style="margin-left: 8px;">
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-default"><span>Dropdown</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger">
|
||||
<i class="anticon anticon-ellipsis"></i>
|
||||
</button>
|
||||
</div>
|
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger" style="margin-left: 8px;">
|
||||
Button
|
||||
<i class="anticon anticon-down"></i>
|
||||
</button>
|
||||
<div class="ant-btn-group ant-dropdown-button"><button type="button" class="ant-btn ant-btn-default"><span>Dropdown</span></button><button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><i class="anticon anticon-ellipsis"></i></button></div>
|
||||
<div class="ant-btn-group ant-dropdown-button" style="margin-left: 8px;"><button type="button" disabled="disabled" class="ant-btn ant-btn-default"><span>Dropdown</span></button><button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><i class="anticon anticon-ellipsis"></i></button></div> <button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger" style="margin-left: 8px;">
|
||||
Button <i class="anticon anticon-down"></i></button>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/dropdown/demo/event.md correctly 1`] = `
|
||||
<a href="#" class="ant-dropdown-link ant-dropdown-trigger">
|
||||
Hover me, Click menu item
|
||||
<i class="anticon anticon-down"></i>
|
||||
</a>
|
||||
Hover me, Click menu item <i class="anticon anticon-down"></i></a>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/dropdown/demo/item.md correctly 1`] = `
|
||||
<a href="#" class="ant-dropdown-link ant-dropdown-trigger">
|
||||
Hover me
|
||||
<i class="anticon anticon-down"></i>
|
||||
</a>
|
||||
Hover me <i class="anticon anticon-down"></i></a>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = `
|
||||
<a href="#" class="ant-dropdown-link ant-dropdown-trigger">
|
||||
Hover me
|
||||
<i class="anticon anticon-down"></i>
|
||||
</a>
|
||||
Hover me <i class="anticon anticon-down"></i></a>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
|
||||
<div id="components-dropdown-demo-placement">
|
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>bottomLeft</span></button>
|
||||
<!---->
|
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>bottomCenter</span></button>
|
||||
<!---->
|
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>bottomRight</span></button>
|
||||
<br>
|
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>topLeft</span></button>
|
||||
<!---->
|
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>topCenter</span></button>
|
||||
<!---->
|
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>topRight</span></button>
|
||||
<div id="components-dropdown-demo-placement"><button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>bottomLeft</span></button>
|
||||
<!----><button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>bottomCenter</span></button>
|
||||
<!----><button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>bottomRight</span></button> <br><button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>topLeft</span></button>
|
||||
<!----><button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>topCenter</span></button>
|
||||
<!----><button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>topRight</span></button>
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
|
||||
<a href="#" class="ant-dropdown-link ant-dropdown-trigger">
|
||||
Cascading menu
|
||||
<i class="anticon anticon-down"></i>
|
||||
</a>
|
||||
Cascading menu <i class="anticon anticon-down"></i></a>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
|
||||
<a href="#" class="ant-dropdown-link ant-dropdown-trigger">
|
||||
Click me
|
||||
<i class="anticon anticon-down"></i>
|
||||
</a>
|
||||
Click me <i class="anticon anticon-down"></i></a>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -6,9 +6,7 @@ exports[`renders ./components/form/demo/advanced-search.vue correctly 1`] = `
|
|||
<div class="ant-row" style="margin-left: -12px; margin-right: -12px;">
|
||||
<div class="ant-col-8" style="display: block; padding-left: 12px; padding-right: 12px;">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-label">
|
||||
<label for="field-0" title="Field 0" class="ant-form-item-required">Field 0</label>
|
||||
</div>
|
||||
<div class="ant-form-item-label"><label for="field-0" title="Field 0" class="ant-form-item-required">Field 0</label></div>
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="placeholder" type="text" data-__meta="[object Object]" data-__field="[object Object]" id="field-0" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -18,9 +16,7 @@ exports[`renders ./components/form/demo/advanced-search.vue correctly 1`] = `
|
|||
</div>
|
||||
<div class="ant-col-8" style="display: block; padding-left: 12px; padding-right: 12px;">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-label">
|
||||
<label for="field-1" title="Field 1" class="ant-form-item-required">Field 1</label>
|
||||
</div>
|
||||
<div class="ant-form-item-label"><label for="field-1" title="Field 1" class="ant-form-item-required">Field 1</label></div>
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="placeholder" type="text" data-__meta="[object Object]" data-__field="[object Object]" id="field-1" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -30,9 +26,7 @@ exports[`renders ./components/form/demo/advanced-search.vue correctly 1`] = `
|
|||
</div>
|
||||
<div class="ant-col-8" style="display: block; padding-left: 12px; padding-right: 12px;">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-label">
|
||||
<label for="field-2" title="Field 2" class="ant-form-item-required">Field 2</label>
|
||||
</div>
|
||||
<div class="ant-form-item-label"><label for="field-2" title="Field 2" class="ant-form-item-required">Field 2</label></div>
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="placeholder" type="text" data-__meta="[object Object]" data-__field="[object Object]" id="field-2" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -42,9 +36,7 @@ exports[`renders ./components/form/demo/advanced-search.vue correctly 1`] = `
|
|||
</div>
|
||||
<div class="ant-col-8" style="display: block; padding-left: 12px; padding-right: 12px;">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-label">
|
||||
<label for="field-3" title="Field 3" class="ant-form-item-required">Field 3</label>
|
||||
</div>
|
||||
<div class="ant-form-item-label"><label for="field-3" title="Field 3" class="ant-form-item-required">Field 3</label></div>
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="placeholder" type="text" data-__meta="[object Object]" data-__field="[object Object]" id="field-3" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -54,9 +46,7 @@ exports[`renders ./components/form/demo/advanced-search.vue correctly 1`] = `
|
|||
</div>
|
||||
<div class="ant-col-8" style="display: block; padding-left: 12px; padding-right: 12px;">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-label">
|
||||
<label for="field-4" title="Field 4" class="ant-form-item-required">Field 4</label>
|
||||
</div>
|
||||
<div class="ant-form-item-label"><label for="field-4" title="Field 4" class="ant-form-item-required">Field 4</label></div>
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="placeholder" type="text" data-__meta="[object Object]" data-__field="[object Object]" id="field-4" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -66,9 +56,7 @@ exports[`renders ./components/form/demo/advanced-search.vue correctly 1`] = `
|
|||
</div>
|
||||
<div class="ant-col-8" style="display: block; padding-left: 12px; padding-right: 12px;">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-label">
|
||||
<label for="field-5" title="Field 5" class="ant-form-item-required">Field 5</label>
|
||||
</div>
|
||||
<div class="ant-form-item-label"><label for="field-5" title="Field 5" class="ant-form-item-required">Field 5</label></div>
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="placeholder" type="text" data-__meta="[object Object]" data-__field="[object Object]" id="field-5" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -78,9 +66,7 @@ exports[`renders ./components/form/demo/advanced-search.vue correctly 1`] = `
|
|||
</div>
|
||||
<div class="ant-col-8" style="display: none; padding-left: 12px; padding-right: 12px;">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-label">
|
||||
<label for="field-6" title="Field 6" class="ant-form-item-required">Field 6</label>
|
||||
</div>
|
||||
<div class="ant-form-item-label"><label for="field-6" title="Field 6" class="ant-form-item-required">Field 6</label></div>
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="placeholder" type="text" data-__meta="[object Object]" data-__field="[object Object]" id="field-6" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -90,9 +76,7 @@ exports[`renders ./components/form/demo/advanced-search.vue correctly 1`] = `
|
|||
</div>
|
||||
<div class="ant-col-8" style="display: none; padding-left: 12px; padding-right: 12px;">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-label">
|
||||
<label for="field-7" title="Field 7" class="ant-form-item-required">Field 7</label>
|
||||
</div>
|
||||
<div class="ant-form-item-label"><label for="field-7" title="Field 7" class="ant-form-item-required">Field 7</label></div>
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="placeholder" type="text" data-__meta="[object Object]" data-__field="[object Object]" id="field-7" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -102,9 +86,7 @@ exports[`renders ./components/form/demo/advanced-search.vue correctly 1`] = `
|
|||
</div>
|
||||
<div class="ant-col-8" style="display: none; padding-left: 12px; padding-right: 12px;">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-label">
|
||||
<label for="field-8" title="Field 8" class="ant-form-item-required">Field 8</label>
|
||||
</div>
|
||||
<div class="ant-form-item-label"><label for="field-8" title="Field 8" class="ant-form-item-required">Field 8</label></div>
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="placeholder" type="text" data-__meta="[object Object]" data-__field="[object Object]" id="field-8" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -114,9 +96,7 @@ exports[`renders ./components/form/demo/advanced-search.vue correctly 1`] = `
|
|||
</div>
|
||||
<div class="ant-col-8" style="display: none; padding-left: 12px; padding-right: 12px;">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-label">
|
||||
<label for="field-9" title="Field 9" class="ant-form-item-required">Field 9</label>
|
||||
</div>
|
||||
<div class="ant-form-item-label"><label for="field-9" title="Field 9" class="ant-form-item-required">Field 9</label></div>
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="placeholder" type="text" data-__meta="[object Object]" data-__field="[object Object]" id="field-9" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -126,13 +106,7 @@ exports[`renders ./components/form/demo/advanced-search.vue correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-row">
|
||||
<div class="ant-col-24" style="text-align: right;">
|
||||
<button type="submit" class="ant-btn ant-btn-primary"><span>Search</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default" style="margin-left: 8px;"><span>Clear</span></button>
|
||||
<a style="margin-left: 8px; font-size: 12px;">Collapse
|
||||
<i class="anticon anticon-down"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="ant-col-24" style="text-align: right;"><button type="submit" class="ant-btn ant-btn-primary"><span>Search</span></button><button type="button" class="ant-btn ant-btn-default" style="margin-left: 8px;"><span>Clear</span></button><a style="margin-left: 8px; font-size: 12px;">Collapse <i class="anticon anticon-down"></i></a></div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="search-result-list">Search Result List</div>
|
||||
|
|
@ -142,9 +116,7 @@ exports[`renders ./components/form/demo/advanced-search.vue correctly 1`] = `
|
|||
exports[`renders ./components/form/demo/coordinated.vue correctly 1`] = `
|
||||
<form class="ant-form ant-form-horizontal">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-5 ant-form-item-label">
|
||||
<label for="note" title="Note" class="ant-form-item-required">Note</label>
|
||||
</div>
|
||||
<div class="ant-col-5 ant-form-item-label"><label for="note" title="Note" class="ant-form-item-required">Note</label></div>
|
||||
<div class="ant-col-12 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input type="text" data-__meta="[object Object]" data-__field="[object Object]" id="note" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -152,21 +124,17 @@ exports[`renders ./components/form/demo/coordinated.vue correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-5 ant-form-item-label">
|
||||
<label for="gender" title="Gender" class="ant-form-item-required">Gender</label>
|
||||
</div>
|
||||
<div class="ant-col-5 ant-form-item-label"><label for="gender" title="Gender" class="ant-form-item-required">Gender</label></div>
|
||||
<div class="ant-col-12 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-select ant-select-enabled" data-__meta="[object Object]" data-__field="[object Object]" id="gender"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div unselectable="on" class="ant-select-selection__placeholder" style="display: block;">Select a option and change input text above</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
</span>
|
||||
</div></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-12 ant-col-offset-5 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="submit" class="ant-btn ant-btn-primary"><span>Submit</span></button>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="submit" class="ant-btn ant-btn-primary"><span>Submit</span></button></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -177,22 +145,17 @@ exports[`renders ./components/form/demo/coordinated.vue correctly 1`] = `
|
|||
exports[`renders ./components/form/demo/customized-form-controls.vue correctly 1`] = `
|
||||
<form class="ant-form ant-form-inline">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-label">
|
||||
<label for="price" title="Price" class="">Price</label>
|
||||
</div>
|
||||
<div class="ant-form-item-label"><label for="price" title="Price" class="">Price</label></div>
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-success"><span class="ant-form-item-children"><span data-__meta="[object Object]" data-__field="[object Object]" id="price" class=""><input value="0" type="text" class="ant-input" style="width: 65%; margin-right: 3%;"><div class="ant-select ant-select-enabled" style="width: 32%;"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="RMB" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">RMB</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
</span>
|
||||
</span>
|
||||
</div></span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="submit" class="ant-btn ant-btn-primary"><span>Submit</span></button>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="submit" class="ant-btn ant-btn-primary"><span>Submit</span></button></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -211,8 +174,7 @@ exports[`renders ./components/form/demo/dynamic-form-item.vue correctly 1`] = `
|
|||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-20 ant-col-sm-offset-4 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="submit" class="ant-btn ant-btn-primary"><span>Submit</span></button>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="submit" class="ant-btn ant-btn-primary"><span>Submit</span></button></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -223,9 +185,7 @@ exports[`renders ./components/form/demo/dynamic-form-item.vue correctly 1`] = `
|
|||
exports[`renders ./components/form/demo/dynamic-rule.vue correctly 1`] = `
|
||||
<form class="ant-form ant-form-horizontal">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-4 ant-form-item-label">
|
||||
<label for="username" title="Name" class="ant-form-item-required">Name</label>
|
||||
</div>
|
||||
<div class="ant-col-4 ant-form-item-label"><label for="username" title="Name" class="ant-form-item-required">Name</label></div>
|
||||
<div class="ant-col-8 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="Please input your name" type="text" data-__meta="[object Object]" data-__field="[object Object]" id="username" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -233,9 +193,7 @@ exports[`renders ./components/form/demo/dynamic-rule.vue correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-4 ant-form-item-label">
|
||||
<label for="nickname" title="Nickname" class="">Nickname</label>
|
||||
</div>
|
||||
<div class="ant-col-4 ant-form-item-label"><label for="nickname" title="Nickname" class="">Nickname</label></div>
|
||||
<div class="ant-col-8 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="Please input your nickname" type="text" data-__meta="[object Object]" data-__field="[object Object]" id="nickname" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -246,16 +204,14 @@ exports[`renders ./components/form/demo/dynamic-rule.vue correctly 1`] = `
|
|||
<div class="ant-col-8 ant-col-offset-4 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span><span>
|
||||
Nickname is required
|
||||
</span></label>
|
||||
</span>
|
||||
</span></label></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-8 ant-col-offset-4 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="button" class="ant-btn ant-btn-primary"><span>Check</span></button>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="button" class="ant-btn ant-btn-primary"><span>Check</span></button></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -264,8 +220,7 @@ exports[`renders ./components/form/demo/dynamic-rule.vue correctly 1`] = `
|
|||
`;
|
||||
|
||||
exports[`renders ./components/form/demo/form-in-modal.vue correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>New Collection</span></button>
|
||||
<div><button type="button" class="ant-btn ant-btn-primary"><span>New Collection</span></button>
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
|
@ -274,9 +229,7 @@ exports[`renders ./components/form/demo/global-state.vue correctly 1`] = `
|
|||
<div id="components-form-demo-global-state">
|
||||
<form class="ant-form ant-form-inline">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-label">
|
||||
<label for="username" title="Username" class="ant-form-item-required">Username</label>
|
||||
</div>
|
||||
<div class="ant-form-item-label"><label for="username" title="Username" class="ant-form-item-required">Username</label></div>
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-success"><span class="ant-form-item-children"><input value="benjycui" type="text" data-__meta="[object Object]" data-__field="[object Object]" id="username" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -287,37 +240,29 @@ exports[`renders ./components/form/demo/global-state.vue correctly 1`] = `
|
|||
"username": {
|
||||
"value": "benjycui"
|
||||
}
|
||||
}</pre></div>
|
||||
}</pre>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/form/demo/horizontal-login.vue correctly 1`] = `
|
||||
<form class="ant-form ant-form-inline">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><i class="anticon anticon-user" style="color: rgba(0, 0, 0, 0.25);"></i></span>
|
||||
<input placeholder="Username" type="text" data-__meta="[object Object]"
|
||||
data-__field="[object Object]" id="userName" class="ant-input">
|
||||
</span>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><i class="anticon anticon-user" style="color: rgba(0, 0, 0, 0.25);"></i></span><input placeholder="Username" type="text" data-__meta="[object Object]" data-__field="[object Object]" id="userName" class="ant-input"></span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><i class="anticon anticon-lock" style="color: rgba(0, 0, 0, 0.25);"></i></span>
|
||||
<input placeholder="Password" type="password" data-__meta="[object Object]"
|
||||
data-__field="[object Object]" id="password" class="ant-input">
|
||||
</span>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><i class="anticon anticon-lock" style="color: rgba(0, 0, 0, 0.25);"></i></span><input placeholder="Password" type="password" data-__meta="[object Object]" data-__field="[object Object]" id="password" class="ant-input"></span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="submit" class="ant-btn ant-btn-primary"><span>Log in</span></button>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="submit" class="ant-btn ant-btn-primary"><span>Log in</span></button></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -329,24 +274,15 @@ exports[`renders ./components/form/demo/layout.vue correctly 1`] = `
|
|||
<div>
|
||||
<form class="ant-form ant-form-horizontal">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-4 ant-form-item-label">
|
||||
<label title="Form Layout" class="">Form Layout</label>
|
||||
</div>
|
||||
<div class="ant-col-4 ant-form-item-label"><label title="Form Layout" class="">Form Layout</label></div>
|
||||
<div class="ant-col-14 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="horizontal"><span class="ant-radio-button-inner"></span></span><span>Horizontal</span></label>
|
||||
<label
|
||||
class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="vertical"><span class="ant-radio-button-inner"></span></span><span>Vertical</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="inline"><span class="ant-radio-button-inner"></span></span><span>Inline</span></label>
|
||||
</div>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="horizontal"><span class="ant-radio-button-inner"></span></span><span>Horizontal</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="vertical"><span class="ant-radio-button-inner"></span></span><span>Vertical</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="inline"><span class="ant-radio-button-inner"></span></span><span>Inline</span></label></div></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-4 ant-form-item-label">
|
||||
<label title="Field A" class="">Field A</label>
|
||||
</div>
|
||||
<div class="ant-col-4 ant-form-item-label"><label title="Field A" class="">Field A</label></div>
|
||||
<div class="ant-col-14 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="input placeholder" type="text" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -354,9 +290,7 @@ exports[`renders ./components/form/demo/layout.vue correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-4 ant-form-item-label">
|
||||
<label title="Field B" class="">Field B</label>
|
||||
</div>
|
||||
<div class="ant-col-4 ant-form-item-label"><label title="Field B" class="">Field B</label></div>
|
||||
<div class="ant-col-14 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="input placeholder" type="text" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -365,8 +299,7 @@ exports[`renders ./components/form/demo/layout.vue correctly 1`] = `
|
|||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-14 ant-col-offset-4 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="button" class="ant-btn ant-btn-primary"><span>Submit</span></button>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="button" class="ant-btn ant-btn-primary"><span>Submit</span></button></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -379,35 +312,22 @@ exports[`renders ./components/form/demo/normal-login.vue correctly 1`] = `
|
|||
<form class="ant-form ant-form-horizontal login-form" id="components-form-demo-normal-login">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><i class="anticon anticon-user" style="color: rgba(0, 0, 0, 0.25);"></i></span>
|
||||
<input placeholder="Username" type="text" data-__meta="[object Object]"
|
||||
data-__field="[object Object]" id="userName" class="ant-input">
|
||||
</span>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><i class="anticon anticon-user" style="color: rgba(0, 0, 0, 0.25);"></i></span><input placeholder="Username" type="text" data-__meta="[object Object]" data-__field="[object Object]" id="userName" class="ant-input"></span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><i class="anticon anticon-lock" style="color: rgba(0, 0, 0, 0.25);"></i></span>
|
||||
<input placeholder="Password" type="password" data-__meta="[object Object]"
|
||||
data-__field="[object Object]" id="password" class="ant-input">
|
||||
</span>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><i class="anticon anticon-lock" style="color: rgba(0, 0, 0, 0.25);"></i></span><input placeholder="Password" type="password" data-__meta="[object Object]" data-__field="[object Object]" id="password" class="ant-input"></span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-success"><span class="ant-form-item-children"><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked"><input id="remember" type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span><span>Remember me</span></label>
|
||||
<a
|
||||
href="" class="login-form-forgot">Forgot password</a>
|
||||
<button type="submit" class="ant-btn ant-btn-primary login-form-button"><span>Log in</span></button>Or
|
||||
<a href="">register now!</a>
|
||||
</span>
|
||||
<!---->
|
||||
<div class="ant-form-item-control has-success"><span class="ant-form-item-children"><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked"><input id="remember" type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span><span>Remember me</span></label><a href="" class="login-form-forgot">Forgot password</a><button type="submit" class="ant-btn ant-btn-primary login-form-button"><span>Log in</span></button>Or <a href="">register now!</a></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -417,9 +337,7 @@ exports[`renders ./components/form/demo/normal-login.vue correctly 1`] = `
|
|||
exports[`renders ./components/form/demo/register.vue correctly 1`] = `
|
||||
<form class="ant-form ant-form-horizontal">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label">
|
||||
<label for="email" title="E-mail" class="ant-form-item-required">E-mail</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="email" title="E-mail" class="ant-form-item-required">E-mail</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input type="text" data-__meta="[object Object]" data-__field="[object Object]" id="email" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -427,9 +345,7 @@ exports[`renders ./components/form/demo/register.vue correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label">
|
||||
<label for="password" title="Password" class="ant-form-item-required">Password</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="password" title="Password" class="ant-form-item-required">Password</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input type="password" data-__meta="[object Object]" data-__field="[object Object]" id="password" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -437,9 +353,7 @@ exports[`renders ./components/form/demo/register.vue correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label">
|
||||
<label for="confirm" title="Confirm Password" class="ant-form-item-required">Confirm Password</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="confirm" title="Confirm Password" class="ant-form-item-required">Confirm Password</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input type="password" data-__meta="[object Object]" data-__field="[object Object]" id="confirm" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -447,9 +361,7 @@ exports[`renders ./components/form/demo/register.vue correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label">
|
||||
<label for="nickname" title="" class="ant-form-item-required"><span>Nickname <i class="anticon anticon-question-circle-o"></i></span></label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="nickname" title="" class="ant-form-item-required"><span>Nickname <i class="anticon anticon-question-circle-o"></i></span></label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><input type="text" data-__meta="[object Object]" data-__field="[object Object]" id="nickname" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -457,60 +369,40 @@ exports[`renders ./components/form/demo/register.vue correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label">
|
||||
<label for="residence" title="Habitual Residence" class="ant-form-item-required">Habitual Residence</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="residence" title="Habitual Residence" class="ant-form-item-required">Habitual Residence</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-success"><span class="ant-form-item-children"><span tabindex="0" class="ant-cascader-picker"><input value="" type="text" readonly="true" data-__meta="[object Object]" data-__field="[object Object]" id="residence" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label">Zhejiang / Hangzhou / West Lake</span>
|
||||
<i
|
||||
class="anticon anticon-cross-circle ant-cascader-picker-clear"></i>
|
||||
<i class="anticon anticon-down ant-cascader-picker-arrow"></i>
|
||||
</span>
|
||||
</span>
|
||||
<!---->
|
||||
<div class="ant-form-item-control has-success"><span class="ant-form-item-children"><span tabindex="0" class="ant-cascader-picker"><input value="" type="text" readonly="true" data-__meta="[object Object]" data-__field="[object Object]" id="residence" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label">Zhejiang / Hangzhou / West Lake</span><i class="anticon anticon-cross-circle ant-cascader-picker-clear"></i><i class="anticon anticon-down ant-cascader-picker-arrow"></i></span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label">
|
||||
<label for="phone" title="Phone Number" class="ant-form-item-required">Phone Number</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="phone" title="Phone Number" class="ant-form-item-required">Phone Number</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-input-group-wrapper" style="width: 100%;"><span class="ant-input-wrapper ant-input-group"><span class="ant-input-group-addon"><div class="ant-select ant-select-enabled" style="width: 70px;" data-__meta="[object Object]" data-__field="[object Object]" id="prefix"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="+86" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">+86</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
</span>
|
||||
<input type="text" data-__meta="[object Object]" data-__field="[object Object]" id="phone" class="ant-input">
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</div></span><input type="text" data-__meta="[object Object]" data-__field="[object Object]" id="phone" class="ant-input"></span></span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label">
|
||||
<label for="website" title="Website" class="ant-form-item-required">Website</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="website" title="Website" class="ant-form-item-required">Website</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" data-__meta="[object Object]" data-__field="[object Object]" id="website"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div unselectable="on" class="ant-select-selection__placeholder" style="display: block;">website</div><ul><li class="ant-select-search ant-select-search--inline"><div class="ant-select-search__field__wrap"><input value="" type="text" class="ant-input ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</span>
|
||||
</div></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label">
|
||||
<label for="captcha" title="Captcha" class="ant-form-item-required">Captcha</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="captcha" title="Captcha" class="ant-form-item-required">Captcha</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-row" style="margin-left: -4px; margin-right: -4px;"><div class="ant-col-12" style="padding-left: 4px; padding-right: 4px;"><input type="text" data-__meta="[object Object]" data-__field="[object Object]" id="captcha" class="ant-input"></div><div class="ant-col-12" style="padding-left: 4px; padding-right: 4px;"><button type="button" class="ant-btn ant-btn-default"><span>Get captcha</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-row" style="margin-left: -4px; margin-right: -4px;"><div class="ant-col-12" style="padding-left: 4px; padding-right: 4px;"><input type="text" data-__meta="[object Object]" data-__field="[object Object]" id="captcha" class="ant-input"></div><div class="ant-col-12" style="padding-left: 4px; padding-right: 4px;"><button type="button" class="ant-btn ant-btn-default"><span>Get captcha</span></button></div>
|
||||
</div></span>
|
||||
<!---->
|
||||
<div class="ant-form-extra">We must make sure that your are a human.</div>
|
||||
</div>
|
||||
|
|
@ -518,16 +410,14 @@ exports[`renders ./components/form/demo/register.vue correctly 1`] = `
|
|||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-16 ant-col-sm-offset-8 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input id="agreement" type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span><span>I have read the <a href="">agreement</a></span></label>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input id="agreement" type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span><span>I have read the <a href="">agreement</a></span></label></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-16 ant-col-sm-offset-8 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="submit" class="ant-btn ant-btn-primary"><span>Register</span></button>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="submit" class="ant-btn ant-btn-primary"><span>Register</span></button></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -538,84 +428,56 @@ exports[`renders ./components/form/demo/register.vue correctly 1`] = `
|
|||
exports[`renders ./components/form/demo/time-related-controls.vue correctly 1`] = `
|
||||
<form class="ant-form ant-form-horizontal">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label">
|
||||
<label for="date-picker" title="DatePicker" class="ant-form-item-required">DatePicker</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="date-picker" title="DatePicker" class="ant-form-item-required">DatePicker</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-calendar-picker" data-__meta="[object Object]" data-__field="[object Object]" id="date-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-calendar-picker" data-__meta="[object Object]" data-__field="[object Object]" id="date-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label">
|
||||
<label for="date-time-picker" title="DatePicker[showTime]" class="ant-form-item-required">DatePicker[showTime]</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="date-time-picker" title="DatePicker[showTime]" class="ant-form-item-required">DatePicker[showTime]</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-calendar-picker" data-__meta="[object Object]" data-__field="[object Object]" id="date-time-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-calendar-picker" data-__meta="[object Object]" data-__field="[object Object]" id="date-time-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label">
|
||||
<label for="month-picker" title="MonthPicker" class="ant-form-item-required">MonthPicker</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="month-picker" title="MonthPicker" class="ant-form-item-required">MonthPicker</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-calendar-picker" data-__meta="[object Object]" data-__field="[object Object]" id="month-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-calendar-picker" data-__meta="[object Object]" data-__field="[object Object]" id="month-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label">
|
||||
<label for="range-picker" title="RangePicker" class="ant-form-item-required">RangePicker</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="range-picker" title="RangePicker" class="ant-form-item-required">RangePicker</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span tabindex="0" class="ant-calendar-picker" data-__meta="[object Object]" data-__field="[object Object]" id="range-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
|
||||
<input
|
||||
readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span>
|
||||
</span>
|
||||
<!---->
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span tabindex="0" class="ant-calendar-picker" data-__meta="[object Object]" data-__field="[object Object]" id="range-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label">
|
||||
<label for="range-time-picker" title="RangePicker[showTime]" class="ant-form-item-required">RangePicker[showTime]</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="range-time-picker" title="RangePicker[showTime]" class="ant-form-item-required">RangePicker[showTime]</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span tabindex="0" class="ant-calendar-picker" style="width: 350px;" data-__meta="[object Object]" data-__field="[object Object]" id="range-time-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
|
||||
<input
|
||||
readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span>
|
||||
</span>
|
||||
<!---->
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span tabindex="0" class="ant-calendar-picker" style="width: 350px;" data-__meta="[object Object]" data-__field="[object Object]" id="range-time-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label">
|
||||
<label for="time-picker" title="TimePicker" class="ant-form-item-required">TimePicker</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="time-picker" title="TimePicker" class="ant-form-item-required">TimePicker</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-time-picker" data-__meta="[object Object]" data-__field="[object Object]" id="time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-time-picker" data-__meta="[object Object]" data-__field="[object Object]" id="time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-16 ant-col-sm-offset-8 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="submit" class="ant-btn ant-btn-primary"><span>Submit</span></button>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="submit" class="ant-btn ant-btn-primary"><span>Submit</span></button></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -626,9 +488,7 @@ exports[`renders ./components/form/demo/time-related-controls.vue correctly 1`]
|
|||
exports[`renders ./components/form/demo/validate-other.vue correctly 1`] = `
|
||||
<form class="ant-form ant-form-horizontal" id="components-form-demo-validate-other">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-6 ant-form-item-label">
|
||||
<label title="Plain Text" class="">Plain Text</label>
|
||||
</div>
|
||||
<div class="ant-col-6 ant-form-item-label"><label title="Plain Text" class="">Plain Text</label></div>
|
||||
<div class="ant-col-14 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-form-text">China</span></span>
|
||||
<!---->
|
||||
|
|
@ -636,116 +496,74 @@ exports[`renders ./components/form/demo/validate-other.vue correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-6 ant-form-item-label">
|
||||
<label for="select" title="Select" class="ant-form-item-required">Select</label>
|
||||
</div>
|
||||
<div class="ant-col-6 ant-form-item-label"><label for="select" title="Select" class="ant-form-item-required">Select</label></div>
|
||||
<div class="ant-col-14 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-select ant-select-enabled" data-__meta="[object Object]" data-__field="[object Object]" id="select"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div unselectable="on" class="ant-select-selection__placeholder" style="display: block;">Please select a country</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
</span>
|
||||
</div></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-6 ant-form-item-label">
|
||||
<label for="select-multiple" title="Select[multiple]" class="ant-form-item-required">Select[multiple]</label>
|
||||
</div>
|
||||
<div class="ant-col-6 ant-form-item-label"><label for="select-multiple" title="Select[multiple]" class="ant-form-item-required">Select[multiple]</label></div>
|
||||
<div class="ant-col-14 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-select ant-select-enabled" data-__meta="[object Object]" data-__field="[object Object]" id="select-multiple"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--multiple"><div class="ant-select-selection__rendered"><div unselectable="on" class="ant-select-selection__placeholder" style="display: block;">Please select favourite colors</div><div><li class="ant-select-search ant-select-search--inline"><div class="ant-select-search__field__wrap"><input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</div></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-6 ant-form-item-label">
|
||||
<label for="input-number" title="InputNumber" class="">InputNumber</label>
|
||||
</div>
|
||||
<div class="ant-col-6 ant-form-item-label"><label for="input-number" title="InputNumber" class="">InputNumber</label></div>
|
||||
<div class="ant-col-14 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-success"><span class="ant-form-item-children"><div class="ant-input-number" data-__meta="[object Object]" data-__field="[object Object]" id="input-number"><div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span>
|
||||
<span
|
||||
unselectable="unselectable" role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span>
|
||||
</div>
|
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="10" aria-valuenow="3" class="ant-input-number-input-wrap">
|
||||
<input autocomplete="off" max="10" min="1" step="1" class="ant-input-number-input">
|
||||
</div>
|
||||
<div class="ant-form-item-control has-success"><span class="ant-form-item-children"><div class="ant-input-number" data-__meta="[object Object]" data-__field="[object Object]" id="input-number"><div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span></div>
|
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="10" aria-valuenow="3" class="ant-input-number-input-wrap"><input autocomplete="off" max="10" min="1" step="1" class="ant-input-number-input"></div>
|
||||
</div><span class="ant-form-text"> machines</span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-6 ant-form-item-label">
|
||||
<label for="switch" title="Switch" class="">Switch</label>
|
||||
</div>
|
||||
<div class="ant-col-6 ant-form-item-label"><label for="switch" title="Switch" class="">Switch</label></div>
|
||||
<div class="ant-col-14 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span tabindex="0" class="ant-switch" data-__meta="[object Object]" data-__field="[object Object]" id="switch"><span class="ant-switch-inner"></span></span>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span tabindex="0" class="ant-switch" data-__meta="[object Object]" data-__field="[object Object]" id="switch"><span class="ant-switch-inner"></span></span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-6 ant-form-item-label">
|
||||
<label for="slider" title="Slider" class="">Slider</label>
|
||||
</div>
|
||||
<div class="ant-col-6 ant-form-item-label"><label for="slider" title="Slider" class="">Slider</label></div>
|
||||
<div class="ant-col-14 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-slider ant-slider-with-marks" data-__meta="[object Object]" data-__field="[object Object]" id="slider"><div class="ant-slider-rail"></div><div class="ant-slider-track" style="left: 0%; width: 0%;"></div><div class="ant-slider-step"><span class="ant-slider-dot ant-slider-dot-active" style="left: 0%;"></span>
|
||||
<span
|
||||
class="ant-slider-dot" style="left: 20%;"></span><span class="ant-slider-dot" style="left: 40%;"></span><span class="ant-slider-dot" style="left: 60%;"></span><span class="ant-slider-dot" style="left: 80%;"></span><span class="ant-slider-dot" style="left: 100%;"></span></div>
|
||||
<div role="slider"
|
||||
tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" class="ant-slider-handle" style="left: 0%;"></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 18%; margin-left: -9%; left: 0%;">A</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 20%;">B</span><span class="ant-slider-mark-text"
|
||||
style="width: 18%; margin-left: -9%; left: 40%;">C</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 60%;">D</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 80%;">E</span>
|
||||
<span
|
||||
class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 100%;">F</span>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-slider ant-slider-with-marks" data-__meta="[object Object]" data-__field="[object Object]" id="slider"><div class="ant-slider-rail"></div><div class="ant-slider-track" style="left: 0%; width: 0%;"></div><div class="ant-slider-step"><span class="ant-slider-dot ant-slider-dot-active" style="left: 0%;"></span><span class="ant-slider-dot" style="left: 20%;"></span><span class="ant-slider-dot" style="left: 40%;"></span><span class="ant-slider-dot" style="left: 60%;"></span><span class="ant-slider-dot" style="left: 80%;"></span><span class="ant-slider-dot" style="left: 100%;"></span></div>
|
||||
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" class="ant-slider-handle" style="left: 0%;"></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 18%; margin-left: -9%; left: 0%;">A</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 20%;">B</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 40%;">C</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 60%;">D</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 80%;">E</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 100%;">F</span></div>
|
||||
</div></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-6 ant-form-item-label">
|
||||
<label for="radio-group" title="Radio.Group" class="">Radio.Group</label>
|
||||
</div>
|
||||
<div class="ant-col-6 ant-form-item-label"><label for="radio-group" title="Radio.Group" class="">Radio.Group</label></div>
|
||||
<div class="ant-col-14 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" data-__meta="[object Object]" data-__field="[object Object]" id="radio-group"><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="a"><span class="ant-radio-inner"></span></span><span>item 1</span></label>
|
||||
<label
|
||||
class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="b"><span class="ant-radio-inner"></span></span><span>item 2</span></label>
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="c"><span class="ant-radio-inner"></span></span><span>item 3</span></label>
|
||||
</div>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" data-__meta="[object Object]" data-__field="[object Object]" id="radio-group"><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="a"><span class="ant-radio-inner"></span></span><span>item 1</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="b"><span class="ant-radio-inner"></span></span><span>item 2</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="c"><span class="ant-radio-inner"></span></span><span>item 3</span></label></div></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-6 ant-form-item-label">
|
||||
<label for="radio-button" title="Radio.Button" class="">Radio.Button</label>
|
||||
</div>
|
||||
<div class="ant-col-6 ant-form-item-label"><label for="radio-button" title="Radio.Button" class="">Radio.Button</label></div>
|
||||
<div class="ant-col-14 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" data-__meta="[object Object]" data-__field="[object Object]" id="radio-button"><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>item 1</span></label>
|
||||
<label
|
||||
class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>item 2</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>item 3</span></label>
|
||||
</div>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" data-__meta="[object Object]" data-__field="[object Object]" id="radio-button"><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>item 1</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>item 2</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>item 3</span></label></div></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-6 ant-form-item-label">
|
||||
<label for="rate" title="Rate" class="">Rate</label>
|
||||
</div>
|
||||
<div class="ant-col-6 ant-form-item-label"><label for="rate" title="Rate" class="">Rate</label></div>
|
||||
<div class="ant-col-14 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-success"><span class="ant-form-item-children"><ul tabindex="0" class="ant-rate" data-__meta="[object Object]" data-__field="[object Object]" id="rate"><li class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li class="ant-rate-star ant-rate-star-half ant-rate-star-active"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li class="ant-rate-star ant-rate-star-zero"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li></ul></span>
|
||||
<!---->
|
||||
|
|
@ -753,9 +571,7 @@ exports[`renders ./components/form/demo/validate-other.vue correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-6 ant-form-item-label">
|
||||
<label for="upload" title="Upload" class="">Upload</label>
|
||||
</div>
|
||||
<div class="ant-col-6 ant-form-item-label"><label for="upload" title="Upload" class="">Upload</label></div>
|
||||
<div class="ant-col-14 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span data-__meta="[object Object]" data-__field="[object Object]" id="upload" class=""><div class="ant-upload ant-upload-select ant-upload-select-picture"><!----></div><div class="ant-upload-list ant-upload-list-picture"></div></span></span>
|
||||
<!---->
|
||||
|
|
@ -764,20 +580,16 @@ exports[`renders ./components/form/demo/validate-other.vue correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-6 ant-form-item-label">
|
||||
<label title="Dragger" class="">Dragger</label>
|
||||
</div>
|
||||
<div class="ant-col-6 ant-form-item-label"><label title="Dragger" class="">Dragger</label></div>
|
||||
<div class="ant-col-14 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="dropbox"><span data-__meta="[object Object]" data-__field="[object Object]" id="dragger" class=""><div class="ant-upload ant-upload-drag"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span></div>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="dropbox"><span data-__meta="[object Object]" data-__field="[object Object]" id="dragger" class=""><div class="ant-upload ant-upload-drag"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span></div></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-12 ant-col-offset-6 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="submit" class="ant-btn ant-btn-primary"><span>Submit</span></button>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="submit" class="ant-btn ant-btn-primary"><span>Submit</span></button></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -788,9 +600,7 @@ exports[`renders ./components/form/demo/validate-other.vue correctly 1`] = `
|
|||
exports[`renders ./components/form/demo/validate-static.vue correctly 1`] = `
|
||||
<form class="ant-form ant-form-horizontal">
|
||||
<div class="ant-row ant-form-item ant-form-item-with-help">
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label">
|
||||
<label title="Fail" class="">Fail</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label title="Fail" class="">Fail</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-12 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-error"><span class="ant-form-item-children"><input placeholder="unavailable choice" type="text" id="error" class="ant-input"></span>
|
||||
<div class="ant-form-explain show-help-enter">Should be combination of numbers & alphabets</div>
|
||||
|
|
@ -798,9 +608,7 @@ exports[`renders ./components/form/demo/validate-static.vue correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label">
|
||||
<label title="Warning" class="">Warning</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label title="Warning" class="">Warning</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-12 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-warning"><span class="ant-form-item-children"><input placeholder="Warning" type="text" id="warning" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -808,9 +616,7 @@ exports[`renders ./components/form/demo/validate-static.vue correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item ant-form-item-with-help">
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label">
|
||||
<label title="Validating" class="">Validating</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label title="Validating" class="">Validating</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-12 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-feedback is-validating"><span class="ant-form-item-children"><input placeholder="I'm the content is being validated" type="text" id="validating" class="ant-input"></span>
|
||||
<div class="ant-form-explain show-help-enter">The information is being validated...</div>
|
||||
|
|
@ -818,9 +624,7 @@ exports[`renders ./components/form/demo/validate-static.vue correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label">
|
||||
<label title="Success" class="">Success</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label title="Success" class="">Success</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-12 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-feedback has-success"><span class="ant-form-item-children"><input placeholder="I'm the content" type="text" id="success" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -828,9 +632,7 @@ exports[`renders ./components/form/demo/validate-static.vue correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label">
|
||||
<label title="Warning" class="">Warning</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label title="Warning" class="">Warning</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-12 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-feedback has-warning"><span class="ant-form-item-children"><input placeholder="Warning" type="text" id="warning" class="ant-input"></span>
|
||||
<!---->
|
||||
|
|
@ -838,9 +640,7 @@ exports[`renders ./components/form/demo/validate-static.vue correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item ant-form-item-with-help">
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label">
|
||||
<label title="Fail" class="">Fail</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label title="Fail" class="">Fail</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-12 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-feedback has-error"><span class="ant-form-item-children"><input placeholder="unavailable choice" type="text" id="error" class="ant-input"></span>
|
||||
<div class="ant-form-explain show-help-enter">Should be combination of numbers & alphabets</div>
|
||||
|
|
@ -848,62 +648,42 @@ exports[`renders ./components/form/demo/validate-static.vue correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label">
|
||||
<label title="Success" class="">Success</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label title="Success" class="">Success</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-12 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-feedback has-success"><span class="ant-form-item-children"><span class="ant-calendar-picker" style="width: 100%;"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
</span>
|
||||
<div class="ant-form-item-control has-feedback has-success"><span class="ant-form-item-children"><span class="ant-calendar-picker" style="width: 100%;"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label">
|
||||
<label title="Warning" class="">Warning</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label title="Warning" class="">Warning</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-12 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-feedback has-warning"><span class="ant-form-item-children"><span class="ant-time-picker" style="width: 100%;"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>
|
||||
</span>
|
||||
<div class="ant-form-item-control has-feedback has-warning"><span class="ant-form-item-children"><span class="ant-time-picker" style="width: 100%;"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label">
|
||||
<label title="Error" class="">Error</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label title="Error" class="">Error</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-12 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-feedback has-error"><span class="ant-form-item-children"><div class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Option 1" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Option 1</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
</span>
|
||||
</div></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item ant-form-item-with-help">
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label">
|
||||
<label title="Validating" class="">Validating</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label title="Validating" class="">Validating</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-12 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-feedback is-validating"><span class="ant-form-item-children"><span tabindex="0" class="ant-cascader-picker"><input value="" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span>
|
||||
<i class="anticon anticon-cross-circle ant-cascader-picker-clear"></i>
|
||||
<i class="anticon anticon-down ant-cascader-picker-arrow"></i>
|
||||
</span>
|
||||
</span>
|
||||
<div class="ant-form-item-control has-feedback is-validating"><span class="ant-form-item-children"><span tabindex="0" class="ant-cascader-picker"><input value="" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i class="anticon anticon-cross-circle ant-cascader-picker-clear"></i><i class="anticon anticon-down ant-cascader-picker-arrow"></i></span></span>
|
||||
<div class="ant-form-explain show-help-enter">The information is being validated...</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label">
|
||||
<label title="inline" class="">inline</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label title="inline" class="">inline</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-12 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-col-11"><div class="ant-row ant-form-item ant-form-item-with-help"><div class="ant-form-item-control-wrapper"><div class="ant-form-item-control has-error"><span class="ant-form-item-children"><span class="ant-calendar-picker" style="width: 100%;"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-col-11"><div class="ant-row ant-form-item ant-form-item-with-help"><div class="ant-form-item-control-wrapper"><div class="ant-form-item-control has-error"><span class="ant-form-item-children"><span class="ant-calendar-picker" style="width: 100%;"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span></span>
|
||||
<div class="ant-form-explain show-help-enter">Please select the correct date</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -915,33 +695,22 @@ exports[`renders ./components/form/demo/validate-static.vue correctly 1`] = `
|
|||
<div class="ant-col-11">
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-calendar-picker" style="width: 100%;"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-calendar-picker" style="width: 100%;"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</div></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-row ant-form-item">
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label">
|
||||
<label title="Success" class="">Success</label>
|
||||
</div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label title="Success" class="">Success</label></div>
|
||||
<div class="ant-col-xs-24 ant-col-sm-12 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-feedback has-success"><span class="ant-form-item-children"><div class="ant-input-number" style="width: 100%;"><div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span>
|
||||
<span
|
||||
unselectable="unselectable" role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span>
|
||||
</div>
|
||||
<div role="spinbutton" aria-valuemin="-9007199254740991" class="ant-input-number-input-wrap">
|
||||
<input autocomplete="off" min="-9007199254740991" step="1" class="ant-input-number-input">
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<div class="ant-form-item-control has-feedback has-success"><span class="ant-form-item-children"><div class="ant-input-number" style="width: 100%;"><div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span></div>
|
||||
<div role="spinbutton" aria-valuemin="-9007199254740991" class="ant-input-number-input-wrap"><input autocomplete="off" min="-9007199254740991" step="1" class="ant-input-number-input"></div>
|
||||
</div></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -952,19 +721,11 @@ exports[`renders ./components/form/demo/validate-static.vue correctly 1`] = `
|
|||
exports[`renders ./components/form/demo/without-form-create.vue correctly 1`] = `
|
||||
<form class="ant-form ant-form-horizontal">
|
||||
<div class="ant-row ant-form-item ant-form-item-with-help">
|
||||
<div class="ant-col-7 ant-form-item-label">
|
||||
<label title="Prime between 8 & 12" class="">Prime between 8 & 12</label>
|
||||
</div>
|
||||
<div class="ant-col-7 ant-form-item-label"><label title="Prime between 8 & 12" class="">Prime between 8 & 12</label></div>
|
||||
<div class="ant-col-12 ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-input-number"><div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span>
|
||||
<span
|
||||
unselectable="unselectable" role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span>
|
||||
</div>
|
||||
<div role="spinbutton" aria-valuemin="8" aria-valuemax="12" aria-valuenow="11" class="ant-input-number-input-wrap">
|
||||
<input autocomplete="off" max="12" min="8" step="1" class="ant-input-number-input">
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-input-number"><div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span></div>
|
||||
<div role="spinbutton" aria-valuemin="8" aria-valuemax="12" aria-valuenow="11" class="ant-input-number-input-wrap"><input autocomplete="off" max="12" min="8" step="1" class="ant-input-number-input"></div>
|
||||
</div></span>
|
||||
<div class="ant-form-explain show-help-enter">A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,9 +3,7 @@
|
|||
exports[`Form should display custom message 1`] = `
|
||||
<form class="ant-form ant-form-horizontal">
|
||||
<div class="ant-row ant-form-item ant-form-item-with-help">
|
||||
<div class="ant-form-item-label">
|
||||
<label for="account" title="Account" class="">Account</label>
|
||||
</div>
|
||||
<div class="ant-form-item-label"><label for="account" title="Account" class="">Account</label></div>
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-error"><span class="ant-form-item-children"><input data-__meta="[object Object]" data-__field="[object Object]" id="account" class=""></span>
|
||||
<div class="ant-form-explain"><span class="">Account does not exist, <a rel="noopener noreferrer" href="https://www.alipay.com/" target="_blank">Forgot account?</a></span></div>
|
||||
|
|
@ -18,9 +16,7 @@ exports[`Form should display custom message 1`] = `
|
|||
exports[`Form should display two message 1`] = `
|
||||
<form class="ant-form ant-form-horizontal">
|
||||
<div class="ant-row ant-form-item ant-form-item-with-help">
|
||||
<div class="ant-form-item-label">
|
||||
<label for="account" title="Account" class="">Account</label>
|
||||
</div>
|
||||
<div class="ant-form-item-label"><label for="account" title="Account" class="">Account</label></div>
|
||||
<div class="ant-form-item-control-wrapper">
|
||||
<div class="ant-form-item-control has-error"><span class="ant-form-item-children"><input data-__meta="[object Object]" data-__field="[object Object]" id="account" class=""></span>
|
||||
<div class="ant-form-explain">Error message 1 Error message 2</div>
|
||||
|
|
|
|||
|
|
@ -163,26 +163,18 @@ exports[`renders ./components/grid/demo/playfround.md correctly 1`] = `
|
|||
<div class="ant-slider ant-slider-with-marks">
|
||||
<div class="ant-slider-rail"></div>
|
||||
<div class="ant-slider-track" style="left: 0%; width: 20%;"></div>
|
||||
<div class="ant-slider-step"><span class="ant-slider-dot ant-slider-dot-active" style="left: 0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 20%;"></span><span class="ant-slider-dot" style="left: 40%;"></span><span class="ant-slider-dot" style="left: 60%;"></span>
|
||||
<span
|
||||
class="ant-slider-dot" style="left: 80%;"></span><span class="ant-slider-dot" style="left: 100%;"></span></div>
|
||||
<div class="ant-slider-step"><span class="ant-slider-dot ant-slider-dot-active" style="left: 0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 20%;"></span><span class="ant-slider-dot" style="left: 40%;"></span><span class="ant-slider-dot" style="left: 60%;"></span><span class="ant-slider-dot" style="left: 80%;"></span><span class="ant-slider-dot" style="left: 100%;"></span></div>
|
||||
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="5" aria-valuenow="1" class="ant-slider-handle" style="left: 20%;"></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 18%; margin-left: -9%; left: 0%;">8</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 18%; margin-left: -9%; left: 20%;">16</span>
|
||||
<span
|
||||
class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 40%;">24</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 60%;">32</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 80%;">40</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 100%;">48</span></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 18%; margin-left: -9%; left: 0%;">8</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 18%; margin-left: -9%; left: 20%;">16</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 40%;">24</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 60%;">32</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 80%;">40</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 100%;">48</span></div>
|
||||
</div>
|
||||
</div> <span style="margin-right: 6px;">Column Count:</span>
|
||||
<div style="width: 50%;">
|
||||
<div class="ant-slider ant-slider-with-marks">
|
||||
<div class="ant-slider-rail"></div>
|
||||
<div class="ant-slider-track" style="left: 0%; width: 40%;"></div>
|
||||
<div class="ant-slider-step"><span class="ant-slider-dot ant-slider-dot-active" style="left: 0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 20%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 40%;"></span><span class="ant-slider-dot"
|
||||
style="left: 60%;"></span><span class="ant-slider-dot" style="left: 80%;"></span><span class="ant-slider-dot" style="left: 100%;"></span></div>
|
||||
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="5" aria-valuenow="2" class="ant-slider-handle"
|
||||
style="left: 40%;"></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 18%; margin-left: -9%; left: 0%;">2</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 18%; margin-left: -9%; left: 20%;">3</span>
|
||||
<span
|
||||
class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 18%; margin-left: -9%; left: 40%;">4</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 60%;">6</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 80%;">8</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 100%;">12</span></div>
|
||||
<div class="ant-slider-step"><span class="ant-slider-dot ant-slider-dot-active" style="left: 0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 20%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 40%;"></span><span class="ant-slider-dot" style="left: 60%;"></span><span class="ant-slider-dot" style="left: 80%;"></span><span class="ant-slider-dot" style="left: 100%;"></span></div>
|
||||
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="5" aria-valuenow="2" class="ant-slider-handle" style="left: 40%;"></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 18%; margin-left: -9%; left: 0%;">2</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 18%; margin-left: -9%; left: 20%;">3</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 18%; margin-left: -9%; left: 40%;">4</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 60%;">6</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 80%;">8</span><span class="ant-slider-mark-text" style="width: 18%; margin-left: -9%; left: 100%;">12</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -204,7 +196,8 @@ exports[`renders ./components/grid/demo/playfround.md correctly 1`] = `
|
|||
<Col :span="6"/>
|
||||
<Col :span="6"/>
|
||||
<Col :span="6"/>
|
||||
</Row></pre></div>
|
||||
</Row></pre>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/grid/demo/responsive.md correctly 1`] = `
|
||||
|
|
|
|||
|
|
@ -3,12 +3,8 @@
|
|||
exports[`renders ./components/input-number/demo/basic.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-input-number">
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable"
|
||||
role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span>
|
||||
</div>
|
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="10" aria-valuenow="3" class="ant-input-number-input-wrap">
|
||||
<input autocomplete="off" max="10" min="1" step="1" class="ant-input-number-input">
|
||||
</div>
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span></div>
|
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="10" aria-valuenow="3" class="ant-input-number-input-wrap"><input autocomplete="off" max="10" min="1" step="1" class="ant-input-number-input"></div>
|
||||
</div>
|
||||
当前值：3
|
||||
</div>
|
||||
|
|
@ -16,50 +12,30 @@ exports[`renders ./components/input-number/demo/basic.md correctly 1`] = `
|
|||
|
||||
exports[`renders ./components/input-number/demo/digit.md correctly 1`] = `
|
||||
<div class="ant-input-number">
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable"
|
||||
role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span>
|
||||
</div>
|
||||
<div role="spinbutton" aria-valuemin="0" aria-valuemax="10" class="ant-input-number-input-wrap">
|
||||
<input autocomplete="off" max="10" min="0" step="0.1" class="ant-input-number-input">
|
||||
</div>
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span></div>
|
||||
<div role="spinbutton" aria-valuemin="0" aria-valuemax="10" class="ant-input-number-input-wrap"><input autocomplete="off" max="10" min="0" step="0.1" class="ant-input-number-input"></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/input-number/demo/disabled.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-input-number ant-input-number-disabled">
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span>
|
||||
<span
|
||||
unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span>
|
||||
</div>
|
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="10" aria-valuenow="3" class="ant-input-number-input-wrap">
|
||||
<input autocomplete="off" disabled="disabled" max="10" min="1" step="1" class="ant-input-number-input">
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;">
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Toggle disabled</span></button>
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span></div>
|
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="10" aria-valuenow="3" class="ant-input-number-input-wrap"><input autocomplete="off" disabled="disabled" max="10" min="1" step="1" class="ant-input-number-input"></div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;"><button type="button" class="ant-btn ant-btn-primary"><span>Toggle disabled</span></button></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-input-number">
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable"
|
||||
role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span>
|
||||
</div>
|
||||
<div role="spinbutton" aria-valuemin="-9007199254740991" aria-valuenow="1000" class="ant-input-number-input-wrap">
|
||||
<input autocomplete="off" min="-9007199254740991" step="1" class="ant-input-number-input">
|
||||
</div>
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span></div>
|
||||
<div role="spinbutton" aria-valuemin="-9007199254740991" aria-valuenow="1000" class="ant-input-number-input-wrap"><input autocomplete="off" min="-9007199254740991" step="1" class="ant-input-number-input"></div>
|
||||
</div>
|
||||
<div class="ant-input-number">
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled"><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span>
|
||||
<span
|
||||
unselectable="unselectable" role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span>
|
||||
</div>
|
||||
<div role="spinbutton" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100" class="ant-input-number-input-wrap">
|
||||
<input autocomplete="off" max="100" min="0" step="1" class="ant-input-number-input">
|
||||
</div>
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled"><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span></div>
|
||||
<div role="spinbutton" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100" class="ant-input-number-input-wrap"><input autocomplete="off" max="100" min="0" step="1" class="ant-input-number-input"></div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
@ -67,28 +43,16 @@ exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
|
|||
exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-input-number ant-input-number-lg">
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable"
|
||||
role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span>
|
||||
</div>
|
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="100000" aria-valuenow="3" class="ant-input-number-input-wrap">
|
||||
<input autocomplete="off" max="100000" min="1" step="1" class="ant-input-number-input">
|
||||
</div>
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span></div>
|
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="100000" aria-valuenow="3" class="ant-input-number-input-wrap"><input autocomplete="off" max="100000" min="1" step="1" class="ant-input-number-input"></div>
|
||||
</div>
|
||||
<div class="ant-input-number">
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable"
|
||||
role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span>
|
||||
</div>
|
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="100000" aria-valuenow="3" class="ant-input-number-input-wrap">
|
||||
<input autocomplete="off" max="100000" min="1" step="1" class="ant-input-number-input">
|
||||
</div>
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span></div>
|
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="100000" aria-valuenow="3" class="ant-input-number-input-wrap"><input autocomplete="off" max="100000" min="1" step="1" class="ant-input-number-input"></div>
|
||||
</div>
|
||||
<div class="ant-input-number ant-input-number-sm">
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable"
|
||||
role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span>
|
||||
</div>
|
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="100000" aria-valuenow="3" class="ant-input-number-input-wrap">
|
||||
<input autocomplete="off" max="100000" min="1" step="1" class="ant-input-number-input">
|
||||
</div>
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span></div>
|
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="100000" aria-valuenow="3" class="ant-input-number-input-wrap"><input autocomplete="off" max="100000" min="1" step="1" class="ant-input-number-input"></div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -1,9 +1,5 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Input.Search should support custom Button 1`] = `
|
||||
<span class="ant-input-search ant-input-search-enter-button ant-input-affix-wrapper ant-input-search ant-input-search-enter-button"><input type="text" class="ant-input ant-input-search ant-input-search-enter-button"><span class="ant-input-suffix"><button type="button" class="ant-btn ant-btn-default ant-input-search-button"><span>ok</span></button>
|
||||
</span>
|
||||
</span>
|
||||
`;
|
||||
exports[`Input.Search should support custom Button 1`] = `<span class="ant-input-search ant-input-search-enter-button ant-input-affix-wrapper ant-input-search ant-input-search-enter-button"><input type="text" class="ant-input ant-input-search ant-input-search-enter-button"><span class="ant-input-suffix"><button type="button" class="ant-btn ant-btn-default ant-input-search-button"><span>ok</span></button></span></span>`;
|
||||
|
||||
exports[`Input.Search should support custom button 1`] = `<span class="ant-input-search ant-input-search-enter-button ant-input-affix-wrapper ant-input-search ant-input-search-enter-button"><input type="text" class="ant-input ant-input-search ant-input-search-enter-button"><span class="ant-input-suffix"><button type="button" class="ant-input-search-button">ok</button></span></span>`;
|
||||
|
|
|
|||
|
|
@ -2,65 +2,35 @@
|
|||
|
||||
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 defaultvalue="mysite" type="text" class="ant-input"><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">Http://</span><input defaultvalue="mysite" type="text" class="ant-input"><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 role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Http://" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Http://</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
</span>
|
||||
<input defaultvalue="mysite" type="text" class="ant-input"><span class="ant-input-group-addon"><div class="ant-select ant-select-enabled" style="width: 80px;"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title=".com" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">.com</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></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 defaultvalue="mysite" type="text" class="ant-input"><span class="ant-input-group-addon"><i class="anticon anticon-setting"></i></span></span>
|
||||
</span>
|
||||
</div>
|
||||
</div></span><input defaultvalue="mysite" type="text" class="ant-input"><span class="ant-input-group-addon"><div class="ant-select ant-select-enabled" style="width: 80px;"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title=".com" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">.com</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></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 defaultvalue="mysite" type="text" class="ant-input"><span class="ant-input-group-addon"><i class="anticon anticon-setting"></i></span></span></span></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/input/demo/autosize-textarea.md correctly 1`] = `
|
||||
<div>
|
||||
<textarea placeholder="Autosize height based on content lines" class="ant-input"></textarea>
|
||||
<div style="margin: 24px 0px;"></div>
|
||||
<textarea placeholder="Autosize height with minimum and maximum number of lines" class="ant-input"></textarea>
|
||||
</div>
|
||||
<div><textarea placeholder="Autosize height based on content lines" class="ant-input"></textarea>
|
||||
<div style="margin: 24px 0px;"></div> <textarea placeholder="Autosize height with minimum and maximum number of lines" class="ant-input"></textarea></div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/input/demo/basic.md correctly 1`] = `<input placeholder="Basic usage" type="text" class="ant-input">`;
|
||||
|
||||
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 defaultvalue="0571" type="text" class="ant-input"></div><div class="ant-col-8"><input defaultvalue="26888888" type="text" class="ant-input"></div></span>
|
||||
<br> <span class="ant-input-group ant-input-group-compact"><input defaultvalue="0571" type="text" class="ant-input" style="width: 20%;"><input defaultvalue="26888888" type="text" class="ant-input" style="width: 30%;"></span>
|
||||
<br> <span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Zhejiang" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Zhejiang</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
<input defaultvalue="Xihu District, Hangzhou" type="text" class="ant-input" style="width: 50%;">
|
||||
</span>
|
||||
<br> <span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Option1" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Option1</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
<input defaultvalue="input content" type="text" class="ant-input" style="width: 50%;">
|
||||
</span>
|
||||
<br> <span class="ant-input-group ant-input-group-compact"><input defaultvalue="input content" type="text" class="ant-input" style="width: 50%;"><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span>
|
||||
</span>
|
||||
<br> <span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Option1-1" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Option1-1</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
<div><span class="ant-input-group ant-input-group-lg"><div class="ant-col-5"><input defaultvalue="0571" type="text" class="ant-input"></div><div class="ant-col-8"><input defaultvalue="26888888" type="text" class="ant-input"></div></span> <br> <span class="ant-input-group ant-input-group-compact"><input defaultvalue="0571" type="text" class="ant-input" style="width: 20%;"><input defaultvalue="26888888" type="text" class="ant-input" style="width: 30%;"></span> <br> <span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Zhejiang" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Zhejiang</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><input defaultvalue="Xihu District, Hangzhou" type="text" class="ant-input" style="width: 50%;"></span> <br> <span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Option1" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Option1</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><input defaultvalue="input content" type="text" class="ant-input" style="width: 50%;"></span> <br> <span class="ant-input-group ant-input-group-compact"><input defaultvalue="input content" type="text" class="ant-input" style="width: 50%;"><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div></span></span> <br> <span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Option1-1" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Option1-1</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
<div class="ant-select ant-select-enabled">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="Option2-2" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Option2-2</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<br> <span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Between" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Between</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
<input placeholder="Minimum" type="text" class="ant-input" style="width: 100px; text-align: center;">
|
||||
<input placeholder="~" type="text" disabled="disabled" class="ant-input ant-input-disabled" style="width: 30px; border-left: 0; pointer-events: none; background-color: rgb(255, 255, 255);">
|
||||
<input placeholder="Maximum" type="text" class="ant-input" style="width: 100px; text-align: center; border-left: 0;">
|
||||
</span>
|
||||
<br> <span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Sign Up" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Sign Up</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</span> <br> <span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Between" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Between</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><input placeholder="Minimum" type="text" class="ant-input" style="width: 100px; text-align: center;"><input placeholder="~" type="text" disabled="disabled" class="ant-input ant-input-disabled" style="width: 30px; border-left: 0; pointer-events: none; background-color: rgb(255, 255, 255);"><input placeholder="Maximum" type="text" class="ant-input" style="width: 100px; text-align: center; border-left: 0;"></span> <br> <span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Sign Up" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Sign Up</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
<div class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single">
|
||||
|
|
@ -68,50 +38,21 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
|
|||
<div unselectable="on" class="ant-select-selection__placeholder" style="display: block;">Email</div>
|
||||
<ul>
|
||||
<li class="ant-select-search ant-select-search--inline">
|
||||
<div class="ant-select-search__field__wrap">
|
||||
<input value="" type="text" class="ant-input ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
<div class="ant-select-search__field__wrap"><input value="" type="text" class="ant-input ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></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 role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Home" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Home</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span tabindex="0" class="ant-cascader-picker" style="width: 70%;"><input value="" placeholder="Select Address" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span>
|
||||
<i class="anticon anticon-down ant-cascader-picker-arrow"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></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 role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Home" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Home</div></div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span tabindex="0" class="ant-cascader-picker" style="width: 70%;"><input value="" placeholder="Select Address" type="text" readonly="true" class="ant-input ant-cascader-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i class="anticon anticon-down ant-cascader-picker-arrow"></i></span></span></div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/input/demo/presuffix.md correctly 1`] = `
|
||||
<div class="components-input-demo-presuffix"><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><i class="anticon anticon-user"></i></span>
|
||||
<input value="" placeholder="Basic usage" type="text" class="ant-input">
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/input/demo/presuffix.md correctly 1`] = `<div class="components-input-demo-presuffix"><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><i class="anticon anticon-user"></i></span><input value="" placeholder="Basic usage" type="text" class="ant-input"></span></div>`;
|
||||
|
||||
exports[`renders ./components/input/demo/search-input.md correctly 1`] = `
|
||||
<div><span class="ant-input-search ant-input-affix-wrapper ant-input-search" style="width: 200px;"><input placeholder="input search text" type="text" class="ant-input ant-input-search"><span class="ant-input-suffix"><i class="anticon anticon-search ant-input-search-icon"></i></span></span>
|
||||
<br>
|
||||
<br> <span class="ant-input-search ant-input-search-enter-button ant-input-affix-wrapper ant-input-search ant-input-search-enter-button"><input placeholder="input search text" type="text" class="ant-input ant-input-search ant-input-search-enter-button"><span class="ant-input-suffix"><button type="button" class="ant-btn ant-btn-primary ant-input-search-button"><i class="anticon anticon-search"></i></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 ant-input-search ant-input-search-enter-button ant-input-search-large"><input placeholder="input search text" type="text" size="large" class="ant-input ant-input-lg ant-input-search ant-input-search-enter-button ant-input-search-large"><span class="ant-input-suffix"><button type="button" class="ant-btn ant-btn-primary ant-btn-lg ant-input-search-button"><span>Search</span></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 ant-input-search ant-input-search-enter-button ant-input-search-large"><input placeholder="input search text" type="text" size="large" class="ant-input ant-input-lg ant-input-search ant-input-search-enter-button ant-input-search-large"><span class="ant-input-suffix"><button type="button" class="ant-btn ant-btn-default ant-btn-lg ant-input-search-button"><span>Custom</span></button>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/input/demo/search-input.md correctly 1`] = `<div><span class="ant-input-search ant-input-affix-wrapper ant-input-search" style="width: 200px;"><input placeholder="input search text" type="text" class="ant-input ant-input-search"><span class="ant-input-suffix"><i class="anticon anticon-search ant-input-search-icon"></i></span></span> <br><br> <span class="ant-input-search ant-input-search-enter-button ant-input-affix-wrapper ant-input-search ant-input-search-enter-button"><input placeholder="input search text" type="text" class="ant-input ant-input-search ant-input-search-enter-button"><span class="ant-input-suffix"><button type="button" class="ant-btn ant-btn-primary ant-input-search-button"><i class="anticon anticon-search"></i></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 ant-input-search ant-input-search-enter-button ant-input-search-large"><input placeholder="input search text" type="text" size="large" class="ant-input ant-input-lg ant-input-search ant-input-search-enter-button ant-input-search-large"><span class="ant-input-suffix"><button type="button" class="ant-btn ant-btn-primary ant-btn-lg ant-input-search-button"><span>Search</span></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 ant-input-search ant-input-search-enter-button ant-input-search-large"><input placeholder="input search text" type="text" size="large" class="ant-input ant-input-lg ant-input-search ant-input-search-enter-button ant-input-search-large"><span class="ant-input-suffix"><button type="button" class="ant-btn ant-btn-default ant-btn-lg ant-input-search-button"><span>Custom</span></button></span></span></div>`;
|
||||
|
||||
exports[`renders ./components/input/demo/size.md correctly 1`] = `
|
||||
<div class="components-input-demo-size">
|
||||
<input placeholder="large size" type="text" size="large" class="ant-input ant-input-lg">
|
||||
<input placeholder="default size" type="text" class="ant-input">
|
||||
<input placeholder="small size" type="text" size="small" class="ant-input ant-input-sm">
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/input/demo/size.md correctly 1`] = `<div class="components-input-demo-size"><input placeholder="large size" type="text" size="large" class="ant-input ant-input-lg"> <input placeholder="default size" type="text" class="ant-input"> <input placeholder="small size" type="text" size="small" class="ant-input ant-input-sm"></div>`;
|
||||
|
||||
exports[`renders ./components/input/demo/textarea.md correctly 1`] = `<textarea placeholder="Basic usage" rows="4" class="ant-input"></textarea>`;
|
||||
|
||||
|
|
|
|||
|
|
@ -46,19 +46,14 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
|
|||
<div class="ant-layout-sider-children">
|
||||
<div class="logo"></div>
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-root ant-menu-dark" role="menu">
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-user"></i> <span>nav 1</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-video-camera"></i> <span>nav 2</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-upload"></i> <span>nav 3</span></li>
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;"><i class="anticon anticon-user"></i> <span>nav 1</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-video-camera"></i> <span>nav 2</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-upload"></i> <span>nav 3</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-layout">
|
||||
<div class="ant-layout-header" style="background: rgb(255, 255, 255); padding: 0px;">
|
||||
<i class="trigger anticon anticon-menu-fold"></i>
|
||||
</div>
|
||||
<div class="ant-layout-header" style="background: rgb(255, 255, 255); padding: 0px;"><i class="trigger anticon anticon-menu-fold"></i></div>
|
||||
<div class="ant-layout-content" style="margin: 24px 16px; padding: 24px; background: rgb(255, 255, 255); min-height: 280px;">
|
||||
Content
|
||||
</div>
|
||||
|
|
@ -77,11 +72,7 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
|
|||
</ul>
|
||||
</div>
|
||||
<div class="ant-layout-content" style="padding: 0px 50px; margin-top: 64px;">
|
||||
<div class="ant-breadcrumb" style="margin: 16px 0px;"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">App</span>
|
||||
<span
|
||||
class="ant-breadcrumb-separator">/</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="ant-breadcrumb" style="margin: 16px 0px;"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">App</span><span class="ant-breadcrumb-separator">/</span></span></div>
|
||||
<div style="background: rgb(255, 255, 255); padding: 24px; min-height: 380px;">Content</div>
|
||||
</div>
|
||||
<div class="ant-layout-footer" style="text-align: center;">
|
||||
|
|
@ -96,22 +87,14 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
|
|||
<div class="ant-layout-sider-children">
|
||||
<div class="logo"></div>
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-root ant-menu-dark" role="menu">
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-user"></i> <span class="nav-text">nav 1</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-video-camera"></i> <span class="nav-text">nav 2</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-upload"></i> <span class="nav-text">nav 3</span></li>
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-bar-chart"></i> <span class="nav-text">nav 4</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-cloud-o"></i> <span class="nav-text">nav 5</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-appstore-o"></i> <span class="nav-text">nav 6</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-team"></i> <span class="nav-text">nav 7</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-shop"></i> <span class="nav-text">nav 8</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-user"></i> <span class="nav-text">nav 1</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-video-camera"></i> <span class="nav-text">nav 2</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-upload"></i> <span class="nav-text">nav 3</span></li>
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;"><i class="anticon anticon-bar-chart"></i> <span class="nav-text">nav 4</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-cloud-o"></i> <span class="nav-text">nav 5</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-appstore-o"></i> <span class="nav-text">nav 6</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-team"></i> <span class="nav-text">nav 7</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-shop"></i> <span class="nav-text">nav 8</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -120,53 +103,18 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
|
|||
<div class="ant-layout-content" style="margin: 24px 16px 0px; overflow: initial;">
|
||||
<div style="padding: 24px; background: rgb(255, 255, 255); text-align: center;">
|
||||
...
|
||||
<br> Really
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br> long
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br>...
|
||||
<br> content
|
||||
<br>
|
||||
Really
|
||||
<br>...<br>...<br>...<br>
|
||||
long
|
||||
<br>...<br>...<br>...<br>...<br>...<br>...
|
||||
<br>...<br>...<br>...<br>...<br>...<br>...
|
||||
<br>...<br>...<br>...<br>...<br>...<br>...
|
||||
<br>...<br>...<br>...<br>...<br>...<br>...
|
||||
<br>...<br>...<br>...<br>...<br>...<br>...
|
||||
<br>...<br>...<br>...<br>...<br>...<br>...
|
||||
<br>...<br>...<br>...<br>...<br>...<br>
|
||||
content
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-layout-footer" style="text-align: center;">
|
||||
|
|
@ -182,14 +130,10 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
|
|||
<div class="ant-layout-sider-children">
|
||||
<div class="logo"></div>
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-root ant-menu-dark" role="menu">
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-user"></i> <span class="nav-text">nav 1</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-video-camera"></i> <span class="nav-text">nav 2</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-upload"></i> <span class="nav-text">nav 3</span></li>
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-user"></i> <span class="nav-text">nav 4</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-user"></i> <span class="nav-text">nav 1</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-video-camera"></i> <span class="nav-text">nav 2</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-upload"></i> <span class="nav-text">nav 3</span></li>
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;"><i class="anticon anticon-user"></i> <span class="nav-text">nav 4</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -213,35 +157,25 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
|
|||
<div class="ant-layout-sider-children">
|
||||
<div class="logo"></div>
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-root ant-menu-dark" role="menu">
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-pie-chart"></i> <span>Option 1</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-desktop"></i> <span>Option 2</span></li>
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;"><i class="anticon anticon-pie-chart"></i> <span>Option 1</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-desktop"></i> <span>Option 2</span></li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-user"></i><span>User</span></span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-user"></i><span>User</span></span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<div></div>
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-team"></i><span>Team</span></span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-team"></i><span>Team</span></span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<div></div>
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-file"></i> <span>File</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-file"></i> <span>File</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="ant-layout-sider-trigger">
|
||||
<i class="anticon anticon-left"></i>
|
||||
</div>
|
||||
<div class="ant-layout-sider-trigger"><i class="anticon anticon-left"></i></div>
|
||||
</div>
|
||||
<div class="ant-layout">
|
||||
<div class="ant-layout-header" style="background: rgb(255, 255, 255); padding: 0px;"></div>
|
||||
<div class="ant-layout-content" style="margin: 0px 16px;">
|
||||
<div class="ant-breadcrumb" style="margin: 16px 0px;"><span class=""><span class="ant-breadcrumb-link">User</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">Bill</span><span class="ant-breadcrumb-separator">/</span></span>
|
||||
</div>
|
||||
<div class="ant-breadcrumb" style="margin: 16px 0px;"><span class=""><span class="ant-breadcrumb-link">User</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">Bill</span><span class="ant-breadcrumb-separator">/</span></span></div>
|
||||
<div style="padding: 24px; background: rgb(255, 255, 255); min-height: 360px;">
|
||||
Bill is a cat.
|
||||
</div>
|
||||
|
|
@ -264,11 +198,7 @@ exports[`renders ./components/layout/demo/top.md correctly 1`] = `
|
|||
</ul>
|
||||
</div>
|
||||
<div class="ant-layout-content" style="padding: 0px 50px;">
|
||||
<div class="ant-breadcrumb" style="margin: 16px 0px;"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">App</span>
|
||||
<span
|
||||
class="ant-breadcrumb-separator">/</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="ant-breadcrumb" style="margin: 16px 0px;"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">App</span><span class="ant-breadcrumb-separator">/</span></span></div>
|
||||
<div style="background: rgb(255, 255, 255); padding: 24px; min-height: 280px;">Content</div>
|
||||
</div>
|
||||
<div class="ant-layout-footer" style="text-align: center;">
|
||||
|
|
@ -288,19 +218,13 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
|
|||
</ul>
|
||||
</div>
|
||||
<div class="ant-layout-content" style="padding: 0px 50px;">
|
||||
<div class="ant-breadcrumb" style="margin: 16px 0px;"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">App</span>
|
||||
<span
|
||||
class="ant-breadcrumb-separator">/</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="ant-breadcrumb" style="margin: 16px 0px;"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">App</span><span class="ant-breadcrumb-separator">/</span></span></div>
|
||||
<div class="ant-layout" style="padding: 24px 0px; background: rgb(255, 255, 255);">
|
||||
<div class="ant-layout-sider ant-layout-sider-dark" style="max-width: 200px; min-width: 200px; width: 200px; background: rgb(255, 255, 255);">
|
||||
<div class="ant-layout-sider-children">
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-root ant-menu-light" role="menu" style="height: 100%;">
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected">
|
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-user"></i>subnav 1</span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-user"></i>subnav 1</span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-sub" role="menu">
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 48px;">option1</li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">option2</li>
|
||||
|
|
@ -309,15 +233,11 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
|
|||
</ul>
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-laptop"></i>subnav 2</span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-laptop"></i>subnav 2</span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<div></div>
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-notification"></i>subnav 3</span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-notification"></i>subnav 3</span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<div></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -349,9 +269,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
|
|||
<div class="ant-layout-sider-children">
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-root ant-menu-light" role="menu" style="height: 100%; border-right: 0;">
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected">
|
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-user"></i>subnav 1</span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-user"></i>subnav 1</span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-sub" role="menu">
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 48px;">option1</li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">option2</li>
|
||||
|
|
@ -360,26 +278,18 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
|
|||
</ul>
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-laptop"></i>subnav 2</span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-laptop"></i>subnav 2</span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<div></div>
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-notification"></i>subnav 3</span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-notification"></i>subnav 3</span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<div></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-layout" style="padding: 0px 24px 24px;">
|
||||
<div class="ant-breadcrumb" style="margin: 16px 0px;"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">App</span>
|
||||
<span
|
||||
class="ant-breadcrumb-separator">/</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="ant-breadcrumb" style="margin: 16px 0px;"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">App</span><span class="ant-breadcrumb-separator">/</span></span></div>
|
||||
<div class="ant-layout-content" style="background: rgb(255, 255, 255); padding: 24px; margin: 0px; min-height: 280px;">
|
||||
Content
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,9 +8,7 @@ exports[`renders ./components/list/demo/basic.md correctly 1`] = `
|
|||
<div class="ant-list-item-meta">
|
||||
<div class="ant-list-item-meta-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></span></div>
|
||||
<div class="ant-list-item-meta-content">
|
||||
<h4 class="ant-list-item-meta-title">
|
||||
<a href="https://vuecomponent.github.io/ant-design-vue/">Ant Design Title 1</a>
|
||||
</h4>
|
||||
<h4 class="ant-list-item-meta-title"><a href="https://vuecomponent.github.io/ant-design-vue/">Ant Design Title 1</a></h4>
|
||||
<div class="ant-list-item-meta-description">Ant Design, a design language for background applications, is refined by Ant UED Team</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -19,9 +17,7 @@ exports[`renders ./components/list/demo/basic.md correctly 1`] = `
|
|||
<div class="ant-list-item-meta">
|
||||
<div class="ant-list-item-meta-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></span></div>
|
||||
<div class="ant-list-item-meta-content">
|
||||
<h4 class="ant-list-item-meta-title">
|
||||
<a href="https://vuecomponent.github.io/ant-design-vue/">Ant Design Title 2</a>
|
||||
</h4>
|
||||
<h4 class="ant-list-item-meta-title"><a href="https://vuecomponent.github.io/ant-design-vue/">Ant Design Title 2</a></h4>
|
||||
<div class="ant-list-item-meta-description">Ant Design, a design language for background applications, is refined by Ant UED Team</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -30,9 +26,7 @@ exports[`renders ./components/list/demo/basic.md correctly 1`] = `
|
|||
<div class="ant-list-item-meta">
|
||||
<div class="ant-list-item-meta-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></span></div>
|
||||
<div class="ant-list-item-meta-content">
|
||||
<h4 class="ant-list-item-meta-title">
|
||||
<a href="https://vuecomponent.github.io/ant-design-vue/">Ant Design Title 3</a>
|
||||
</h4>
|
||||
<h4 class="ant-list-item-meta-title"><a href="https://vuecomponent.github.io/ant-design-vue/">Ant Design Title 3</a></h4>
|
||||
<div class="ant-list-item-meta-description">Ant Design, a design language for background applications, is refined by Ant UED Team</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -41,9 +35,7 @@ exports[`renders ./components/list/demo/basic.md correctly 1`] = `
|
|||
<div class="ant-list-item-meta">
|
||||
<div class="ant-list-item-meta-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></span></div>
|
||||
<div class="ant-list-item-meta-content">
|
||||
<h4 class="ant-list-item-meta-title">
|
||||
<a href="https://vuecomponent.github.io/ant-design-vue/">Ant Design Title 4</a>
|
||||
</h4>
|
||||
<h4 class="ant-list-item-meta-title"><a href="https://vuecomponent.github.io/ant-design-vue/">Ant Design Title 4</a></h4>
|
||||
<div class="ant-list-item-meta-description">Ant Design, a design language for background applications, is refined by Ant UED Team</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -140,9 +132,7 @@ exports[`renders ./components/list/demo/infinite-virtualized-load.md correctly 1
|
|||
<div data-v-caa2d078="" class="item-container">
|
||||
<div data-v-caa2d078="" class="items"></div>
|
||||
</div>
|
||||
<div data-v-b329ee4c="" data-v-caa2d078="" tabindex="-1" class="resize-observer">
|
||||
<object style="display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" type="text/html" data="about:blank"></object>
|
||||
</div>
|
||||
<div data-v-b329ee4c="" data-v-caa2d078="" tabindex="-1" class="resize-observer"><object style="display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" type="text/html" data="about:blank"></object></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -159,9 +149,7 @@ exports[`renders ./components/list/demo/loadmore.md correctly 1`] = `
|
|||
<div style="min-height: 53;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align: center; margin-top: 12px; height: 32px; line-height: 32px;">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>loading more</span></button>
|
||||
</div>
|
||||
<div style="text-align: center; margin-top: 12px; height: 32px; line-height: 32px;"><button type="button" class="ant-btn ant-btn-default"><span>loading more</span></button></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -359,9 +347,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
|
|||
<div class="ant-list-item-meta">
|
||||
<div class="ant-list-item-meta-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></span></div>
|
||||
<div class="ant-list-item-meta-content">
|
||||
<h4 class="ant-list-item-meta-title">
|
||||
<a href="https://vuecomponent.github.io/ant-design-vue/">ant design vue part 0</a>
|
||||
</h4>
|
||||
<h4 class="ant-list-item-meta-title"><a href="https://vuecomponent.github.io/ant-design-vue/">ant design vue part 0</a></h4>
|
||||
<div class="ant-list-item-meta-description">Ant Design, a design language for background applications, is refined by Ant UED Team.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -380,9 +366,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
|
|||
</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="ant-list-item-extra">
|
||||
<img width="272" alt="logo" src="https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLcXyDKnZfES.png">
|
||||
</div>
|
||||
<div class="ant-list-item-extra"><img width="272" alt="logo" src="https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLcXyDKnZfES.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-list-item">
|
||||
|
|
@ -391,9 +375,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
|
|||
<div class="ant-list-item-meta">
|
||||
<div class="ant-list-item-meta-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></span></div>
|
||||
<div class="ant-list-item-meta-content">
|
||||
<h4 class="ant-list-item-meta-title">
|
||||
<a href="https://vuecomponent.github.io/ant-design-vue/">ant design vue part 1</a>
|
||||
</h4>
|
||||
<h4 class="ant-list-item-meta-title"><a href="https://vuecomponent.github.io/ant-design-vue/">ant design vue part 1</a></h4>
|
||||
<div class="ant-list-item-meta-description">Ant Design, a design language for background applications, is refined by Ant UED Team.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -412,9 +394,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
|
|||
</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="ant-list-item-extra">
|
||||
<img width="272" alt="logo" src="https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLcXyDKnZfES.png">
|
||||
</div>
|
||||
<div class="ant-list-item-extra"><img width="272" alt="logo" src="https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLcXyDKnZfES.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-list-item">
|
||||
|
|
@ -423,9 +403,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
|
|||
<div class="ant-list-item-meta">
|
||||
<div class="ant-list-item-meta-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></span></div>
|
||||
<div class="ant-list-item-meta-content">
|
||||
<h4 class="ant-list-item-meta-title">
|
||||
<a href="https://vuecomponent.github.io/ant-design-vue/">ant design vue part 2</a>
|
||||
</h4>
|
||||
<h4 class="ant-list-item-meta-title"><a href="https://vuecomponent.github.io/ant-design-vue/">ant design vue part 2</a></h4>
|
||||
<div class="ant-list-item-meta-description">Ant Design, a design language for background applications, is refined by Ant UED Team.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -444,49 +422,26 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
|
|||
</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="ant-list-item-extra">
|
||||
<img width="272" alt="logo" src="https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLcXyDKnZfES.png">
|
||||
</div>
|
||||
<div class="ant-list-item-extra"><img width="272" alt="logo" src="https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLcXyDKnZfES.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-list-footer">
|
||||
<div>
|
||||
<b>ant design vue</b> footer part</div>
|
||||
<div><b>ant design vue</b> footer part</div>
|
||||
</div>
|
||||
<div class="ant-list-pagination">
|
||||
<ul unselectable="unselectable" class="ant-pagination">
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
|
||||
<a>2</a>
|
||||
</li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
|
||||
<a>3</a>
|
||||
</li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
|
||||
<a>4</a>
|
||||
</li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
|
||||
<a>5</a>
|
||||
</li>
|
||||
<li title="6" tabindex="0" class="ant-pagination-item ant-pagination-item-6">
|
||||
<a>6</a>
|
||||
</li>
|
||||
<li title="7" tabindex="0" class="ant-pagination-item ant-pagination-item-7">
|
||||
<a>7</a>
|
||||
</li>
|
||||
<li title="8" tabindex="0" class="ant-pagination-item ant-pagination-item-8">
|
||||
<a>8</a>
|
||||
</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5"><a>5</a></li>
|
||||
<li title="6" tabindex="0" class="ant-pagination-item ant-pagination-item-6"><a>6</a></li>
|
||||
<li title="7" tabindex="0" class="ant-pagination-item ant-pagination-item-7"><a>7</a></li>
|
||||
<li title="8" tabindex="0" class="ant-pagination-item ant-pagination-item-8"><a>8</a></li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<!---->
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,41 +3,25 @@
|
|||
exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="change-locale"><span style="margin-right: 16px;">Change locale of components: </span>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value=""><span class="ant-radio-button-inner"></span></span><span>English</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="[object Object]"><span class="ant-radio-button-inner"></span></span><span>中文</span></label>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value=""><span class="ant-radio-button-inner"></span></span><span>English</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="[object Object]"><span class="ant-radio-button-inner"></span></span><span>中文</span></label></div>
|
||||
</div>
|
||||
<div class="locale-components">
|
||||
<div class="example">
|
||||
<ul unselectable="unselectable" class="ant-pagination">
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
|
||||
<a>2</a>
|
||||
</li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
|
||||
<a>3</a>
|
||||
</li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
|
||||
<a>4</a>
|
||||
</li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
|
||||
<a>5</a>
|
||||
</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5"><a>5</a></li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<li class="ant-pagination-options">
|
||||
<div class="ant-select ant-select-enabled ant-pagination-options-size-changer">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="10 / page" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">10 / page</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -47,55 +31,32 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
|
|||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div class="ant-select-search ant-select-search--inline" style="display: none;">
|
||||
<div class="ant-select-search__field__wrap">
|
||||
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
<div class="ant-select-search__field__wrap"><input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
|
||||
</span> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> <span tabindex="0" class="ant-calendar-picker" style="width: 200px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
|
||||
<input
|
||||
readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="example">
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Show Modal</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Show info</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Show confirm</span></button>
|
||||
<a href="#" class="">Click to confirm</a>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span>
|
||||
</div></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> <span tabindex="0" class="ant-calendar-picker" style="width: 200px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span>
|
||||
</div>
|
||||
<div class="example"><button type="button" class="ant-btn ant-btn-primary"><span>Show Modal</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Show info</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Show confirm</span></button> <a href="#" class="">Click to confirm</a></div>
|
||||
<div classname="example">
|
||||
<div class="ant-transfer">
|
||||
<div class="ant-transfer-list">
|
||||
<div class="ant-transfer-list-header">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span>
|
||||
</div>
|
||||
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span></div>
|
||||
<div class="ant-transfer-list-body ant-transfer-list-body-with-search">
|
||||
<div class="ant-transfer-list-body-search-wrapper">
|
||||
<div>
|
||||
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
|
||||
<div><input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
|
||||
</div>
|
||||
<ul class="ant-transfer-list-content"></ul>
|
||||
<div class="ant-transfer-list-body-not-found">Not Found</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-transfer-operation">
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm">
|
||||
<i class="anticon anticon-right"></i>
|
||||
</button>
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm">
|
||||
<i class="anticon anticon-left"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="ant-transfer-operation"><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-right"></i></button><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-left"></i></button></div>
|
||||
<div class="ant-transfer-list">
|
||||
<div class="ant-transfer-list-header">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span>
|
||||
</div>
|
||||
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span></div>
|
||||
<div class="ant-transfer-list-body ant-transfer-list-body-with-search">
|
||||
<div class="ant-transfer-list-body-search-wrapper">
|
||||
<div>
|
||||
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
|
||||
<div><input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
|
||||
</div>
|
||||
<ul class="ant-transfer-list-content"></ul>
|
||||
<div class="ant-transfer-list-body-not-found">Not Found</div>
|
||||
|
|
@ -110,18 +71,17 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
|
|||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="2016" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2016</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-select ant-select-enabled ant-select-sm ant-fullcalendar-month-select">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="Nov" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Nov</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-small">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="date"><span class="ant-radio-button-inner"></span></span><span>Month</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Year</span></label>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-small"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="date"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
|
||||
</div>
|
||||
<div tabindex="0" class="ant-fullcalendar ant-fullcalendar-full">
|
||||
<div class="ant-fullcalendar-calendar-body">
|
||||
|
|
@ -415,33 +375,20 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
|
|||
|
||||
exports[`renders ./components/locale-provider/demo/basic.md correctly 1`] = `
|
||||
<ul unselectable="unselectable" class="ant-pagination">
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
|
||||
<a>2</a>
|
||||
</li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
|
||||
<a>3</a>
|
||||
</li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
|
||||
<a>4</a>
|
||||
</li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
|
||||
<a>5</a>
|
||||
</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5"><a>5</a></li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<li class="ant-pagination-options">
|
||||
<div class="ant-select ant-select-enabled ant-pagination-options-size-changer">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="10 / page" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">10 / page</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -3,20 +3,14 @@
|
|||
exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
|
||||
<div>
|
||||
<ul class="ant-menu ant-menu-horizontal ant-menu-root ant-menu-light" role="menu">
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected">
|
||||
<i class="anticon anticon-mail"></i>Navigation One
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected"><i class="anticon anticon-mail"></i>Navigation One
|
||||
</li>
|
||||
<li role="menuitem" aria-disabled="true" class="ant-menu-item ant-menu-item-disabled">
|
||||
<i class="anticon anticon-appstore"></i>Navigation Two
|
||||
<li role="menuitem" aria-disabled="true" class="ant-menu-item ant-menu-item-disabled"><i class="anticon anticon-appstore"></i>Navigation Two
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal">
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title"><span><i class="anticon anticon-setting"></i>Navigation Three - Submenu</span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-item">
|
||||
<a href="https://ant.design" target="_blank" rel="noopener noreferrer">Navigation Four - Link</a>
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title"><span><i class="anticon anticon-setting"></i>Navigation Three - Submenu</span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-item"><a href="https://ant.design" target="_blank" rel="noopener noreferrer">Navigation Four - Link</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
`;
|
||||
|
|
@ -25,13 +19,10 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
|
|||
<div>
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-root ant-menu-light" role="menu" style="width: 256px;">
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected">
|
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-mail"></i><span>Navigation One</span></span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-mail"></i><span>Navigation One</span></span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-sub" role="menu">
|
||||
<li class="ant-menu-item-group">
|
||||
<div class="ant-menu-item-group-title">
|
||||
<i class="anticon anticon-qq"></i><span>Item 1</span></div>
|
||||
<div class="ant-menu-item-group-title"><i class="anticon anticon-qq"></i><span>Item 1</span></div>
|
||||
<ul class="ant-menu-item-group-list">
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 48px;">Option 1</li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 2</li>
|
||||
|
|
@ -47,15 +38,11 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
|
|||
</ul>
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Two</span></span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Two</span></span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<div></div>
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Three</span></span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Three</span></span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<div></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -63,21 +50,13 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
|
|||
`;
|
||||
|
||||
exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
|
||||
<div style="width: 256px;">
|
||||
<button type="button" class="ant-btn ant-btn-primary" style="margin-bottom: 16px;">
|
||||
<i class="anticon anticon-menu-fold"></i>
|
||||
</button>
|
||||
<div style="width: 256px;"><button type="button" class="ant-btn ant-btn-primary" style="margin-bottom: 16px;"><i class="anticon anticon-menu-fold"></i></button>
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-root ant-menu-dark" role="menu">
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-pie-chart"></i> <span>Option 1</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-desktop"></i> <span>Option 2</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-inbox"></i> <span>Option 3</span></li>
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;"><i class="anticon anticon-pie-chart"></i> <span>Option 1</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-desktop"></i> <span>Option 2</span></li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-inbox"></i> <span>Option 3</span></li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open">
|
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-mail"></i><span>Navigation One</span></span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-mail"></i><span>Navigation One</span></span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-sub" role="menu">
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 5</li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 6</li>
|
||||
|
|
@ -86,9 +65,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
|
|||
</ul>
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Two</span></span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Two</span></span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<div></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -99,9 +76,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
|
|||
<div>
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-root ant-menu-light" role="menu" style="width: 256px;">
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open">
|
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-mail"></i><span>Navigation One</span></span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-mail"></i><span>Navigation One</span></span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-sub" role="menu">
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 1</li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 2</li>
|
||||
|
|
@ -110,15 +85,11 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
|
|||
</ul>
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Two</span></span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Two</span></span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<div></div>
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Three</span></span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Three</span></span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<div></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -126,42 +97,29 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
|
|||
`;
|
||||
|
||||
exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
|
||||
<div>
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label> Change Mode
|
||||
<span classname="ant-divider" style="margin: 0px 1em;"></span>
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label> Change Theme
|
||||
<br>
|
||||
<br>
|
||||
<div><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label> Change Mode
|
||||
<span classname="ant-divider" style="margin: 0px 1em;"></span> <label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label> Change Theme
|
||||
<br> <br>
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-root ant-menu-light" role="menu" style="width: 256px;">
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-mail"></i>
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;"><i class="anticon anticon-mail"></i>
|
||||
Navigation One
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-calendar"></i>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-calendar"></i>
|
||||
Navigation Two
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open">
|
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Three</span></span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Three</span></span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-sub" role="menu">
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 3</li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 4</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
|
||||
<div aria-haspopup="true" title="Submenu" class="ant-menu-submenu-title" style="padding-left: 48px;">Submenu
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" title="Submenu" class="ant-menu-submenu-title" style="padding-left: 48px;">Submenu<i class="ant-menu-submenu-arrow"></i></div>
|
||||
<div></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Four</span></span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Four</span></span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<div></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -169,39 +127,28 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
|
|||
`;
|
||||
|
||||
exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
|
||||
<div>
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label> Change Theme
|
||||
<br>
|
||||
<br>
|
||||
<div><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label> Change Theme
|
||||
<br> <br>
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-root ant-menu-dark" role="menu" style="width: 256px;">
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-mail"></i>
|
||||
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;"><i class="anticon anticon-mail"></i>
|
||||
Navigation One
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
|
||||
<i class="anticon anticon-calendar"></i>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;"><i class="anticon anticon-calendar"></i>
|
||||
Navigation Two
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open">
|
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Three</span></span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Three</span></span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<ul class="ant-menu ant-menu-inline ant-menu-sub" role="menu">
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 3</li>
|
||||
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 4</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
|
||||
<div aria-haspopup="true" title="Submenu" class="ant-menu-submenu-title" style="padding-left: 48px;">Submenu
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" title="Submenu" class="ant-menu-submenu-title" style="padding-left: 48px;">Submenu<i class="ant-menu-submenu-arrow"></i></div>
|
||||
<div></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Four</span></span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Four</span></span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
<div></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -211,23 +158,17 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
|
|||
exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
|
||||
<div>
|
||||
<ul class="ant-menu ant-menu-vertical ant-menu-root ant-menu-light" role="menu" style="width: 256px;">
|
||||
<li role="menuitem" class="ant-menu-item">
|
||||
<i class="anticon anticon-mail"></i>
|
||||
<li role="menuitem" class="ant-menu-item"><i class="anticon anticon-mail"></i>
|
||||
Navigation One
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-item">
|
||||
<i class="anticon anticon-calendar"></i>
|
||||
<li role="menuitem" class="ant-menu-item"><i class="anticon anticon-calendar"></i>
|
||||
Navigation Two
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-vertical">
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title"><span><i class="anticon anticon-appstore"></i><span>Navigation Three</span></span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title"><span><i class="anticon anticon-appstore"></i><span>Navigation Three</span></span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
</li>
|
||||
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-vertical">
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title"><span><i class="anticon anticon-setting"></i><span>Navigation Four</span></span>
|
||||
<i class="ant-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" class="ant-menu-submenu-title"><span><i class="anticon anticon-setting"></i><span>Navigation Four</span></span><i class="ant-menu-submenu-arrow"></i></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -6,12 +6,6 @@ exports[`renders ./components/message/demo/info.md correctly 1`] = `<button type
|
|||
|
||||
exports[`renders ./components/message/demo/loading.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-default"><span>Display a loading indicator</span></button>`;
|
||||
|
||||
exports[`renders ./components/message/demo/other.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Success</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Error</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Warning</span></button>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/message/demo/other.md correctly 1`] = `<div><button type="button" class="ant-btn ant-btn-default"><span>Success</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Error</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Warning</span></button></div>`;
|
||||
|
||||
exports[`renders ./components/message/demo/thenable.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-default"><span>Display a sequence of message</span></button>`;
|
||||
|
|
|
|||
|
|
@ -8,14 +8,10 @@ exports[`Modal render correctly 1`] = `
|
|||
<div class="ant-modal-mask"></div>
|
||||
<div tabindex="-1" role="dialog" class="ant-modal-wrap ">
|
||||
<div role="document" class="ant-modal" style="width: 520px;">
|
||||
<div class="ant-modal-content">
|
||||
<button aria-label="Close" class="ant-modal-close"><span class="ant-modal-close-x"></span></button>
|
||||
<div class="ant-modal-content"><button aria-label="Close" class="ant-modal-close"><span class="ant-modal-close-x"></span></button>
|
||||
<div class="ant-modal-body">Here is content of Modal</div>
|
||||
<div class="ant-modal-footer">
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Cancel</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>OK</span></button>
|
||||
</div>
|
||||
<div><button type="button" class="ant-btn ant-btn-default"><span>Cancel</span></button><button type="button" class="ant-btn ant-btn-primary"><span>OK</span></button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="0" style="width: 0px; height: 0px; overflow: hidden;">sentinel</div>
|
||||
|
|
@ -36,14 +32,10 @@ exports[`Modal render correctly 2`] = `
|
|||
<div class="ant-modal-mask"></div>
|
||||
<div tabindex="-1" role="dialog" class="ant-modal-wrap ">
|
||||
<div role="document" class="ant-modal" style="width: 520px;">
|
||||
<div class="ant-modal-content">
|
||||
<button aria-label="Close" class="ant-modal-close"><span class="ant-modal-close-x"></span></button>
|
||||
<div class="ant-modal-content"><button aria-label="Close" class="ant-modal-close"><span class="ant-modal-close-x"></span></button>
|
||||
<div class="ant-modal-body">Here is content of Modal</div>
|
||||
<div class="ant-modal-footer">
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Cancel</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>OK</span></button>
|
||||
</div>
|
||||
<div><button type="button" class="ant-btn ant-btn-default"><span>Cancel</span></button><button type="button" class="ant-btn ant-btn-primary"><span>OK</span></button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="0" style="width: 0px; height: 0px; overflow: hidden;">sentinel</div>
|
||||
|
|
@ -64,8 +56,7 @@ exports[`Modal render without footer 1`] = `
|
|||
<div class="ant-modal-mask"></div>
|
||||
<div tabindex="-1" role="dialog" class="ant-modal-wrap ">
|
||||
<div role="document" class="ant-modal" style="width: 520px;">
|
||||
<div class="ant-modal-content">
|
||||
<button aria-label="Close" class="ant-modal-close"><span class="ant-modal-close-x"></span></button>
|
||||
<div class="ant-modal-content"><button aria-label="Close" class="ant-modal-close"><span class="ant-modal-close-x"></span></button>
|
||||
<div class="ant-modal-body">Here is content of Modal</div>
|
||||
</div>
|
||||
<div tabindex="0" style="width: 0px; height: 0px; overflow: hidden;">sentinel</div>
|
||||
|
|
|
|||
|
|
@ -1,70 +1,45 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`renders ./components/modal/demo/async.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
|
||||
<div><button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/modal/demo/basic.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
|
||||
<div><button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/modal/demo/button-props.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
|
||||
<div><button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/modal/demo/confirm.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Confirm</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-dashed"><span>Delete</span></button>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/modal/demo/confirm.md correctly 1`] = `<div><button type="button" class="ant-btn ant-btn-default"><span>Confirm</span></button> <button type="button" class="ant-btn ant-btn-dashed"><span>Delete</span></button></div>`;
|
||||
|
||||
exports[`renders ./components/modal/demo/confirm-promise.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-default"><span>Confirm</span></button>`;
|
||||
|
||||
exports[`renders ./components/modal/demo/footer.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
|
||||
<div><button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/modal/demo/info.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Info</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Success</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Error</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Warning</span></button>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/modal/demo/info.md correctly 1`] = `<div><button type="button" class="ant-btn ant-btn-default"><span>Info</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Success</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Error</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Warning</span></button></div>`;
|
||||
|
||||
exports[`renders ./components/modal/demo/locale.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Modal</span></button>
|
||||
<!---->
|
||||
<br>
|
||||
<br>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Confirm</span></button>
|
||||
</div>
|
||||
<div><button type="button" class="ant-btn ant-btn-primary"><span>Modal</span></button>
|
||||
<!----> <br> <br> <button type="button" class="ant-btn ant-btn-default"><span>Confirm</span></button></div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/modal/demo/manual.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-default"><span>Success</span></button>`;
|
||||
|
||||
exports[`renders ./components/modal/demo/position.md correctly 1`] = `
|
||||
<div id="components-modal-demo-position">
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Display a modal dialog at 20px to Top</span></button>
|
||||
<!---->
|
||||
<br>
|
||||
<br>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Vertically centered modal dialog</span></button>
|
||||
<div id="components-modal-demo-position"><button type="button" class="ant-btn ant-btn-primary"><span>Display a modal dialog at 20px to Top</span></button>
|
||||
<!----> <br><br> <button type="button" class="ant-btn ant-btn-primary"><span>Vertically centered modal dialog</span></button>
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -14,9 +14,9 @@ exports[`renders ./components/notification/demo/placement.md correctly 1`] = `
|
|||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="topRight" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">topRight</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div> <button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -24,11 +24,4 @@ exports[`renders ./components/notification/demo/update.md correctly 1`] = `<butt
|
|||
|
||||
exports[`renders ./components/notification/demo/with-btn.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`;
|
||||
|
||||
exports[`renders ./components/notification/demo/with-icon.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Success</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Info</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Warning</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Error</span></button>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/notification/demo/with-icon.md correctly 1`] = `<div><button type="button" class="ant-btn ant-btn-default"><span>Success</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Info</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Warning</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Error</span></button></div>`;
|
||||
|
|
|
|||
|
|
@ -2,27 +2,13 @@
|
|||
|
||||
exports[`renders ./components/pagination/demo/basic.md correctly 1`] = `
|
||||
<ul unselectable="unselectable" class="ant-pagination">
|
||||
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2 ant-pagination-item-active">
|
||||
<a>2</a>
|
||||
</li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
|
||||
<a>3</a>
|
||||
</li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
|
||||
<a>4</a>
|
||||
</li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
|
||||
<a>5</a>
|
||||
</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1"><a>1</a></li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2 ant-pagination-item-active"><a>2</a></li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5"><a>5</a></li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<!---->
|
||||
</ul>
|
||||
`;
|
||||
|
|
@ -30,80 +16,43 @@ exports[`renders ./components/pagination/demo/basic.md correctly 1`] = `
|
|||
exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
|
||||
<div>
|
||||
<ul unselectable="unselectable" class="ant-pagination">
|
||||
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
|
||||
<a>2</a>
|
||||
</li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3 ant-pagination-item-active">
|
||||
<a>3</a>
|
||||
</li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
|
||||
<a>4</a>
|
||||
</li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next">
|
||||
<a>5</a>
|
||||
</li>
|
||||
<li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="50" tabindex="0" class="ant-pagination-item ant-pagination-item-50">
|
||||
<a>50</a>
|
||||
</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1"><a>1</a></li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3 ant-pagination-item-active"><a>3</a></li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"><a>5</a></li>
|
||||
<li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="50" tabindex="0" class="ant-pagination-item ant-pagination-item-50"><a>50</a></li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<li class="ant-pagination-options">
|
||||
<div class="ant-select ant-select-enabled ant-pagination-options-size-changer">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="10 / page" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">10 / page</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<br>
|
||||
</ul> <br>
|
||||
<ul unselectable="unselectable" class="ant-pagination">
|
||||
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
|
||||
<a>2</a>
|
||||
</li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
|
||||
<a>3</a>
|
||||
</li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4 ant-pagination-item-active">
|
||||
<a>4</a>
|
||||
</li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
|
||||
<a>5</a>
|
||||
</li>
|
||||
<li title="6" tabindex="0" class="ant-pagination-item ant-pagination-item-6 ant-pagination-item-before-jump-next">
|
||||
<a>6</a>
|
||||
</li>
|
||||
<li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="25" tabindex="0" class="ant-pagination-item ant-pagination-item-25">
|
||||
<a>25</a>
|
||||
</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1"><a>1</a></li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4 ant-pagination-item-active"><a>4</a></li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5"><a>5</a></li>
|
||||
<li title="6" tabindex="0" class="ant-pagination-item ant-pagination-item-6 ant-pagination-item-before-jump-next"><a>6</a></li>
|
||||
<li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="25" tabindex="0" class="ant-pagination-item ant-pagination-item-25"><a>25</a></li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<li class="ant-pagination-options">
|
||||
<div class="ant-select ant-select-enabled ant-pagination-options-size-changer">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="20 / page" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">20 / page</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -112,54 +61,26 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
|
|||
|
||||
exports[`renders ./components/pagination/demo/controlled.md correctly 1`] = `
|
||||
<ul unselectable="unselectable" class="ant-pagination">
|
||||
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
|
||||
<a>2</a>
|
||||
</li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3 ant-pagination-item-active">
|
||||
<a>3</a>
|
||||
</li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
|
||||
<a>4</a>
|
||||
</li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
|
||||
<a>5</a>
|
||||
</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1"><a>1</a></li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3 ant-pagination-item-active"><a>3</a></li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5"><a>5</a></li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<!---->
|
||||
</ul>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/pagination/demo/custom-changer.md correctly 1`] = `
|
||||
<ul unselectable="unselectable" class="ant-pagination">
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
|
||||
<a>2</a>
|
||||
</li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
|
||||
<a>3</a>
|
||||
</li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
|
||||
<a>4</a>
|
||||
</li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
|
||||
<a>5</a>
|
||||
</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5"><a>5</a></li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<li class="ant-pagination-options">
|
||||
<div class="ant-select ant-select-enabled ant-pagination-options-size-changer">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
|
|
@ -167,7 +88,8 @@ exports[`renders ./components/pagination/demo/custom-changer.md correctly 1`] =
|
|||
<div class="ant-select-selection-selected-value" style="display: block; opacity: 1;"><span>10条/页</span>
|
||||
<!---->
|
||||
</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -175,70 +97,32 @@ exports[`renders ./components/pagination/demo/custom-changer.md correctly 1`] =
|
|||
|
||||
exports[`renders ./components/pagination/demo/itemRender.md correctly 1`] = `
|
||||
<ul unselectable="unselectable" class="ant-pagination">
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
|
||||
<a>Previous</a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
|
||||
<a>2</a>
|
||||
</li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
|
||||
<a>3</a>
|
||||
</li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
|
||||
<a>4</a>
|
||||
</li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next">
|
||||
<a>5</a>
|
||||
</li>
|
||||
<li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="50" tabindex="0" class="ant-pagination-item ant-pagination-item-50">
|
||||
<a>50</a>
|
||||
</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a>Next</a>
|
||||
</li>
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a>Previous</a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"><a>5</a></li>
|
||||
<li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="50" tabindex="0" class="ant-pagination-item ant-pagination-item-50"><a>50</a></li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a>Next</a></li>
|
||||
<!---->
|
||||
</ul>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/pagination/demo/jump.md correctly 1`] = `
|
||||
<ul unselectable="unselectable" class="ant-pagination">
|
||||
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2 ant-pagination-item-active">
|
||||
<a>2</a>
|
||||
</li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
|
||||
<a>3</a>
|
||||
</li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
|
||||
<a>4</a>
|
||||
</li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next">
|
||||
<a>5</a>
|
||||
</li>
|
||||
<li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="50" tabindex="0" class="ant-pagination-item ant-pagination-item-50">
|
||||
<a>50</a>
|
||||
</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1"><a>1</a></li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2 ant-pagination-item-active"><a>2</a></li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"><a>5</a></li>
|
||||
<li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="50" tabindex="0" class="ant-pagination-item ant-pagination-item-50"><a>50</a></li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<li class="ant-pagination-options">
|
||||
<div class="ant-pagination-options-quick-jumper">Goto
|
||||
<input type="text">
|
||||
</div>
|
||||
<div class="ant-pagination-options-quick-jumper">Goto<input type="text"></div>
|
||||
</li>
|
||||
</ul>
|
||||
`;
|
||||
|
|
@ -246,86 +130,43 @@ exports[`renders ./components/pagination/demo/jump.md correctly 1`] = `
|
|||
exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
|
||||
<div id="components-pagination-demo-mini">
|
||||
<ul unselectable="unselectable" class="ant-pagination mini">
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
|
||||
<a>2</a>
|
||||
</li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
|
||||
<a>3</a>
|
||||
</li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
|
||||
<a>4</a>
|
||||
</li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
|
||||
<a>5</a>
|
||||
</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5"><a>5</a></li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<!---->
|
||||
</ul>
|
||||
<ul unselectable="unselectable" class="ant-pagination mini">
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
|
||||
<a>2</a>
|
||||
</li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
|
||||
<a>3</a>
|
||||
</li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
|
||||
<a>4</a>
|
||||
</li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
|
||||
<a>5</a>
|
||||
</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5"><a>5</a></li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<li class="ant-pagination-options">
|
||||
<div class="ant-select ant-select-enabled ant-select-sm ant-pagination-options-size-changer">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="10 / page" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">10 / page</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
<div class="ant-pagination-options-quick-jumper">Goto
|
||||
<input type="text">
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-pagination-options-quick-jumper">Goto<input type="text"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul unselectable="unselectable" class="ant-pagination mini">
|
||||
<li class="ant-pagination-total-text">Total 50 items</li>
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
|
||||
<a>2</a>
|
||||
</li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
|
||||
<a>3</a>
|
||||
</li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
|
||||
<a>4</a>
|
||||
</li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
|
||||
<a>5</a>
|
||||
</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5"><a>5</a></li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<!---->
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -333,53 +174,26 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
|
|||
|
||||
exports[`renders ./components/pagination/demo/more.md correctly 1`] = `
|
||||
<ul unselectable="unselectable" class="ant-pagination">
|
||||
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="Previous 5 Pages" tabindex="0" class="ant-pagination-jump-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4 ant-pagination-item-after-jump-prev">
|
||||
<a>4</a>
|
||||
</li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
|
||||
<a>5</a>
|
||||
</li>
|
||||
<li title="6" tabindex="0" class="ant-pagination-item ant-pagination-item-6 ant-pagination-item-active">
|
||||
<a>6</a>
|
||||
</li>
|
||||
<li title="7" tabindex="0" class="ant-pagination-item ant-pagination-item-7">
|
||||
<a>7</a>
|
||||
</li>
|
||||
<li title="8" tabindex="0" class="ant-pagination-item ant-pagination-item-8 ant-pagination-item-before-jump-next">
|
||||
<a>8</a>
|
||||
</li>
|
||||
<li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="50" tabindex="0" class="ant-pagination-item ant-pagination-item-50">
|
||||
<a>50</a>
|
||||
</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1"><a>1</a></li>
|
||||
<li title="Previous 5 Pages" tabindex="0" class="ant-pagination-jump-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4 ant-pagination-item-after-jump-prev"><a>4</a></li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5"><a>5</a></li>
|
||||
<li title="6" tabindex="0" class="ant-pagination-item ant-pagination-item-6 ant-pagination-item-active"><a>6</a></li>
|
||||
<li title="7" tabindex="0" class="ant-pagination-item ant-pagination-item-7"><a>7</a></li>
|
||||
<li title="8" tabindex="0" class="ant-pagination-item ant-pagination-item-8 ant-pagination-item-before-jump-next"><a>8</a></li>
|
||||
<li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="50" tabindex="0" class="ant-pagination-item ant-pagination-item-50"><a>50</a></li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<!---->
|
||||
</ul>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/pagination/demo/simple.md correctly 1`] = `
|
||||
<ul class="ant-pagination ant-pagination-simple">
|
||||
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="2/5" class="ant-pagination-simple-pager">
|
||||
<input type="text" size="3"><span class="ant-pagination-slash">／</span>5</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="2/5" class="ant-pagination-simple-pager"><input type="text" size="3"><span class="ant-pagination-slash">／</span>5</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
</ul>
|
||||
`;
|
||||
|
||||
|
|
@ -387,53 +201,24 @@ exports[`renders ./components/pagination/demo/total.md correctly 1`] = `
|
|||
<div>
|
||||
<ul unselectable="unselectable" class="ant-pagination">
|
||||
<li class="ant-pagination-total-text">Total 85 items</li>
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
|
||||
<a>2</a>
|
||||
</li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
|
||||
<a>3</a>
|
||||
</li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
|
||||
<a>4</a>
|
||||
</li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
|
||||
<a>5</a>
|
||||
</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5"><a>5</a></li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<!---->
|
||||
</ul>
|
||||
<br>
|
||||
</ul> <br>
|
||||
<ul unselectable="unselectable" class="ant-pagination">
|
||||
<li class="ant-pagination-total-text">1-20 of 85 items</li>
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
|
||||
<a>2</a>
|
||||
</li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
|
||||
<a>3</a>
|
||||
</li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
|
||||
<a>4</a>
|
||||
</li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
|
||||
<a>5</a>
|
||||
</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
||||
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
||||
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
||||
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5"><a>5</a></li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<!---->
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,13 +3,8 @@
|
|||
exports[`renders ./components/popconfirm/demo/basic.md correctly 1`] = `<a href="#" class="">Delete</a>`;
|
||||
|
||||
exports[`renders ./components/popconfirm/demo/dynamic-trigger.md correctly 1`] = `
|
||||
<div>
|
||||
<a href="#" class="">Delete a task</a>
|
||||
<br>
|
||||
<br> Whether directly execute：
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label>
|
||||
</div>
|
||||
<div><a href="#" class="">Delete a task</a> <br> <br>
|
||||
Whether directly execute：<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/popconfirm/demo/icon.md correctly 1`] = `<a href="#" class="">Delete</a>`;
|
||||
|
|
@ -18,25 +13,9 @@ exports[`renders ./components/popconfirm/demo/local.md correctly 1`] = `<a href=
|
|||
|
||||
exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
|
||||
<div id="components-a-popconfirm-demo-placement">
|
||||
<div style="margin-left: 70px; white-space: nowrap;">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>TL</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Top</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>TR</span></button>
|
||||
</div>
|
||||
<div style="width: 70px; float: left;">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>LT</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Left</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>LB</span></button>
|
||||
</div>
|
||||
<div style="width: 70px; margin-left: 304px;">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>RT</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Right</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>RB</span></button>
|
||||
</div>
|
||||
<div style="margin-left: 70px; clear: both; white-space: nowrap;">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>BL</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Bottom</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>BR</span></button>
|
||||
</div>
|
||||
<div style="margin-left: 70px; white-space: nowrap;"><button type="button" class="ant-btn ant-btn-default"><span>TL</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Top</span></button> <button type="button" class="ant-btn ant-btn-default"><span>TR</span></button></div>
|
||||
<div style="width: 70px; float: left;"><button type="button" class="ant-btn ant-btn-default"><span>LT</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Left</span></button> <button type="button" class="ant-btn ant-btn-default"><span>LB</span></button></div>
|
||||
<div style="width: 70px; margin-left: 304px;"><button type="button" class="ant-btn ant-btn-default"><span>RT</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Right</span></button> <button type="button" class="ant-btn ant-btn-default"><span>RB</span></button></div>
|
||||
<div style="margin-left: 70px; clear: both; white-space: nowrap;"><button type="button" class="ant-btn ant-btn-default"><span>BL</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Bottom</span></button> <button type="button" class="ant-btn ant-btn-default"><span>BR</span></button></div>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -5,14 +5,10 @@ exports[`Popconfirm should show overlay when trigger is clicked 1`] = `
|
|||
<div class="ant-popover-arrow"></div>
|
||||
<div class="ant-popover-inner">
|
||||
<div class="ant-popover-inner-content">
|
||||
<div class="ant-popover-message">
|
||||
<i class="anticon anticon-exclamation-circle"></i>
|
||||
<div class="ant-popover-message"><i class="anticon anticon-exclamation-circle"></i>
|
||||
<div class="ant-popover-message-title">code</div>
|
||||
</div>
|
||||
<div class="ant-popover-buttons">
|
||||
<button type="button" class="ant-btn ant-btn-default ant-btn-sm"><span>Cancel</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-primary ant-btn-sm"><span>OK</span></button>
|
||||
</div>
|
||||
<div class="ant-popover-buttons"><button type="button" class="ant-btn ant-btn-default ant-btn-sm"><span>Cancel</span></button><button type="button" class="ant-btn ant-btn-primary ant-btn-sm"><span>OK</span></button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,6 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`renders ./components/popover/demo/arrow-point-at-center.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Align edge / 边缘对齐</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Arrow points to center / 箭头指向中心</span></button>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/popover/demo/arrow-point-at-center.md correctly 1`] = `<div><button type="button" class="ant-btn ant-btn-default"><span>Align edge / 边缘对齐</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Arrow points to center / 箭头指向中心</span></button></div>`;
|
||||
|
||||
exports[`renders ./components/popover/demo/basic.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Hover me</span></button>`;
|
||||
|
||||
|
|
@ -15,33 +10,11 @@ exports[`renders ./components/popover/demo/hover-with-click.md correctly 1`] = `
|
|||
|
||||
exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
|
||||
<div id="components-popover-demo-placement">
|
||||
<div style="margin-left: 70px; white-space: nowrap;">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>TL</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Top</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>TR</span></button>
|
||||
</div>
|
||||
<div style="width: 70px; float: left;">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>LT</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Left</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>LB</span></button>
|
||||
</div>
|
||||
<div style="width: 70px; margin-left: 304px;">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>RT</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Right</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>RB</span></button>
|
||||
</div>
|
||||
<div style="margin-left: 70px; clear: both; white-space: nowrap;">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>BL</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Bottom</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>BR</span></button>
|
||||
</div>
|
||||
<div style="margin-left: 70px; white-space: nowrap;"><button type="button" class="ant-btn ant-btn-default"><span>TL</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Top</span></button> <button type="button" class="ant-btn ant-btn-default"><span>TR</span></button></div>
|
||||
<div style="width: 70px; float: left;"><button type="button" class="ant-btn ant-btn-default"><span>LT</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Left</span></button> <button type="button" class="ant-btn ant-btn-default"><span>LB</span></button></div>
|
||||
<div style="width: 70px; margin-left: 304px;"><button type="button" class="ant-btn ant-btn-default"><span>RT</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Right</span></button> <button type="button" class="ant-btn ant-btn-default"><span>RB</span></button></div>
|
||||
<div style="margin-left: 70px; clear: both; white-space: nowrap;"><button type="button" class="ant-btn ant-btn-default"><span>BL</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Bottom</span></button> <button type="button" class="ant-btn ant-btn-default"><span>BR</span></button></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/popover/demo/triggerType.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Hover me</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Focus me</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Click me</span></button>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/popover/demo/triggerType.md correctly 1`] = `<div><button type="button" class="ant-btn ant-btn-primary"><span>Hover me</span></button> <button type="button" class="ant-btn ant-btn-primary"><span>Focus me</span></button> <button type="button" class="ant-btn ant-btn-primary"><span>Click me</span></button></div>`;
|
||||
|
|
|
|||
|
|
@ -3,8 +3,7 @@
|
|||
exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;">
|
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<path d="M 50,50 m 0,-47
|
||||
a 47,47 0 1 1 0,94
|
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
|
||||
|
|
@ -14,8 +13,7 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
|
|||
</svg><span class="ant-progress-text">75%</span></div>
|
||||
</div>
|
||||
<div class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info ant-progress-default">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;">
|
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<path d="M 50,50 m 0,-47
|
||||
a 47,47 0 1 1 0,94
|
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
|
||||
|
|
@ -25,8 +23,7 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
|
|||
</svg><span class="ant-progress-text"><i class="anticon anticon-cross"></i></span></div>
|
||||
</div>
|
||||
<div class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;">
|
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<path d="M 50,50 m 0,-47
|
||||
a 47,47 0 1 1 0,94
|
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
|
||||
|
|
@ -41,29 +38,20 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
|
|||
exports[`renders ./components/progress/demo/circle-dynamic.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;">
|
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<path d="M 50,50 m 0,-47
|
||||
a 47,47 0 1 1 0,94
|
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
|
||||
</svg><span class="ant-progress-text">0%</span></div>
|
||||
</div>
|
||||
<div class="ant-btn-group">
|
||||
<button type="button" class="ant-btn ant-btn-default">
|
||||
<i class="anticon anticon-minus"></i>
|
||||
</button>
|
||||
<button type="button" class="ant-btn ant-btn-default">
|
||||
<i class="anticon anticon-plus"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="ant-btn-group"><button type="button" class="ant-btn ant-btn-default"><i class="anticon anticon-minus"></i></button><button type="button" class="ant-btn ant-btn-default"><i class="anticon anticon-plus"></i></button></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default">
|
||||
<div class="ant-progress-inner" style="width: 80px; height: 80px; font-size: 18px;">
|
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<div class="ant-progress-inner" style="width: 80px; height: 80px; font-size: 18px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<path d="M 50,50 m 0,-47
|
||||
a 47,47 0 1 1 0,94
|
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
|
||||
|
|
@ -73,8 +61,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
|
|||
</svg><span class="ant-progress-text">30%</span></div>
|
||||
</div>
|
||||
<div class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info ant-progress-default">
|
||||
<div class="ant-progress-inner" style="width: 80px; height: 80px; font-size: 18px;">
|
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<div class="ant-progress-inner" style="width: 80px; height: 80px; font-size: 18px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<path d="M 50,50 m 0,-47
|
||||
a 47,47 0 1 1 0,94
|
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
|
||||
|
|
@ -84,8 +71,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
|
|||
</svg><span class="ant-progress-text"><i class="anticon anticon-cross"></i></span></div>
|
||||
</div>
|
||||
<div class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default">
|
||||
<div class="ant-progress-inner" style="width: 80px; height: 80px; font-size: 18px;">
|
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<div class="ant-progress-inner" style="width: 80px; height: 80px; font-size: 18px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<path d="M 50,50 m 0,-47
|
||||
a 47,47 0 1 1 0,94
|
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
|
||||
|
|
@ -100,8 +86,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
|
|||
exports[`renders ./components/progress/demo/dashboard.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;">
|
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<path d="M 50,50 m 0,47
|
||||
a 47,47 0 1 1 0,-94
|
||||
a 47,47 0 1 1 0,94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 220.30970943744057px 295.3097094374406px; stroke-dashoffset: -37.5px;"></path>
|
||||
|
|
@ -121,24 +106,17 @@ exports[`renders ./components/progress/demo/dynamic.md correctly 1`] = `
|
|||
<div class="ant-progress-inner">
|
||||
<div class="ant-progress-bg" style="width: 0%; height: 8px; border-radius: 100px;"></div>
|
||||
</div>
|
||||
</div><span class="ant-progress-text">0%</span></div>
|
||||
</div>
|
||||
<div class="ant-btn-group">
|
||||
<button type="button" class="ant-btn ant-btn-default">
|
||||
<i class="anticon anticon-minus"></i>
|
||||
</button>
|
||||
<button type="button" class="ant-btn ant-btn-default">
|
||||
<i class="anticon anticon-plus"></i>
|
||||
</button>
|
||||
</div><span class="ant-progress-text">0%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-btn-group"><button type="button" class="ant-btn ant-btn-default"><i class="anticon anticon-minus"></i></button><button type="button" class="ant-btn ant-btn-default"><i class="anticon anticon-plus"></i></button></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/progress/demo/format.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;">
|
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<path d="M 50,50 m 0,-47
|
||||
a 47,47 0 1 1 0,94
|
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
|
||||
|
|
@ -148,8 +126,7 @@ exports[`renders ./components/progress/demo/format.md correctly 1`] = `
|
|||
</svg><span class="ant-progress-text">75 Days</span></div>
|
||||
</div>
|
||||
<div class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;">
|
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<path d="M 50,50 m 0,-47
|
||||
a 47,47 0 1 1 0,94
|
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
|
||||
|
|
@ -169,7 +146,8 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
|
|||
<div class="ant-progress-inner">
|
||||
<div class="ant-progress-bg" style="width: 30%; height: 8px; border-radius: 100px;"></div>
|
||||
</div>
|
||||
</div><span class="ant-progress-text">30%</span></div>
|
||||
</div><span class="ant-progress-text">30%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-default">
|
||||
<div>
|
||||
|
|
@ -177,7 +155,8 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
|
|||
<div class="ant-progress-inner">
|
||||
<div class="ant-progress-bg" style="width: 50%; height: 8px; border-radius: 100px;"></div>
|
||||
</div>
|
||||
</div><span class="ant-progress-text">50%</span></div>
|
||||
</div><span class="ant-progress-text">50%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info ant-progress-default">
|
||||
<div>
|
||||
|
|
@ -185,7 +164,8 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
|
|||
<div class="ant-progress-inner">
|
||||
<div class="ant-progress-bg" style="width: 70%; height: 8px; border-radius: 100px;"></div>
|
||||
</div>
|
||||
</div><span class="ant-progress-text"><i class="anticon anticon-cross-circle"></i></span></div>
|
||||
</div><span class="ant-progress-text"><i class="anticon anticon-cross-circle"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-default">
|
||||
<div>
|
||||
|
|
@ -193,7 +173,8 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
|
|||
<div class="ant-progress-inner">
|
||||
<div class="ant-progress-bg" style="width: 100%; height: 8px; border-radius: 100px;"></div>
|
||||
</div>
|
||||
</div><span class="ant-progress-text"><i class="anticon anticon-check-circle"></i></span></div>
|
||||
</div><span class="ant-progress-text"><i class="anticon anticon-check-circle"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-default">
|
||||
<div>
|
||||
|
|
@ -215,7 +196,8 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
|
|||
<div class="ant-progress-inner">
|
||||
<div class="ant-progress-bg" style="width: 30%; height: 6px; border-radius: 100px;"></div>
|
||||
</div>
|
||||
</div><span class="ant-progress-text">30%</span></div>
|
||||
</div><span class="ant-progress-text">30%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-small">
|
||||
<div>
|
||||
|
|
@ -223,7 +205,8 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
|
|||
<div class="ant-progress-inner">
|
||||
<div class="ant-progress-bg" style="width: 50%; height: 6px; border-radius: 100px;"></div>
|
||||
</div>
|
||||
</div><span class="ant-progress-text">50%</span></div>
|
||||
</div><span class="ant-progress-text">50%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info ant-progress-small">
|
||||
<div>
|
||||
|
|
@ -231,7 +214,8 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
|
|||
<div class="ant-progress-inner">
|
||||
<div class="ant-progress-bg" style="width: 70%; height: 6px; border-radius: 100px;"></div>
|
||||
</div>
|
||||
</div><span class="ant-progress-text"><i class="anticon anticon-cross-circle"></i></span></div>
|
||||
</div><span class="ant-progress-text"><i class="anticon anticon-cross-circle"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-small">
|
||||
<div>
|
||||
|
|
@ -239,7 +223,8 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
|
|||
<div class="ant-progress-inner">
|
||||
<div class="ant-progress-bg" style="width: 100%; height: 6px; border-radius: 100px;"></div>
|
||||
</div>
|
||||
</div><span class="ant-progress-text"><i class="anticon anticon-check-circle"></i></span></div>
|
||||
</div><span class="ant-progress-text"><i class="anticon anticon-check-circle"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
@ -252,11 +237,11 @@ exports[`renders ./components/progress/demo/linecap.md correctly 1`] = `
|
|||
<div class="ant-progress-inner">
|
||||
<div class="ant-progress-bg" style="width: 75%; height: 8px; border-radius: 0;"></div>
|
||||
</div>
|
||||
</div><span class="ant-progress-text">75%</span></div>
|
||||
</div><span class="ant-progress-text">75%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;">
|
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<path d="M 50,50 m 0,-47
|
||||
a 47,47 0 1 1 0,94
|
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
|
||||
|
|
@ -266,8 +251,7 @@ exports[`renders ./components/progress/demo/linecap.md correctly 1`] = `
|
|||
</svg><span class="ant-progress-text">75%</span></div>
|
||||
</div>
|
||||
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;">
|
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
|
||||
<path d="M 50,50 m 0,47
|
||||
a 47,47 0 1 1 0,-94
|
||||
a 47,47 0 1 1 0,94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 220.30970943744057px 295.3097094374406px; stroke-dashoffset: -37.5px;"></path>
|
||||
|
|
@ -287,6 +271,7 @@ exports[`renders ./components/progress/demo/segment.md correctly 1`] = `
|
|||
<div class="ant-progress-bg" style="width: 60%; height: 8px; border-radius: 100px;"></div>
|
||||
<div class="ant-progress-success-bg" style="width: 30%; height: 8px; border-radius: 100px;"></div>
|
||||
</div>
|
||||
</div><span class="ant-progress-text">60%</span></div>
|
||||
</div><span class="ant-progress-text">60%</span>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -7,7 +7,8 @@ exports[`Progress render negetive progress 1`] = `
|
|||
<div class="ant-progress-inner">
|
||||
<div class="ant-progress-bg" style="width: 0%; height: 8px; border-radius: 100px;"></div>
|
||||
</div>
|
||||
</div><span class="ant-progress-text">0%</span></div>
|
||||
</div><span class="ant-progress-text">0%</span>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -19,7 +20,8 @@ exports[`Progress render negetive successPercent 1`] = `
|
|||
<div class="ant-progress-bg" style="width: 50%; height: 8px; border-radius: 100px;"></div>
|
||||
<div class="ant-progress-success-bg" style="width: 0%; height: 8px; border-radius: 100px;"></div>
|
||||
</div>
|
||||
</div><span class="ant-progress-text">50%</span></div>
|
||||
</div><span class="ant-progress-text">50%</span>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -31,7 +33,8 @@ exports[`Progress render negetive successPercent 2`] = `
|
|||
<div class="ant-progress-bg" style="width: 50%; height: 8px; border-radius: 100px;"></div>
|
||||
<div class="ant-progress-success-bg" style="width: 10%; height: 8px; border-radius: 100px;"></div>
|
||||
</div>
|
||||
</div><span class="ant-progress-text">50 10</span></div>
|
||||
</div><span class="ant-progress-text">50 10</span>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -42,7 +45,8 @@ exports[`Progress render out-of-range progress 1`] = `
|
|||
<div class="ant-progress-inner">
|
||||
<div class="ant-progress-bg" style="width: 100%; height: 8px; border-radius: 100px;"></div>
|
||||
</div>
|
||||
</div><span class="ant-progress-text"><i class="anticon anticon-check-circle"></i></span></div>
|
||||
</div><span class="ant-progress-text"><i class="anticon anticon-check-circle"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -53,6 +57,7 @@ exports[`Progress render out-of-range progress with info 1`] = `
|
|||
<div class="ant-progress-inner">
|
||||
<div class="ant-progress-bg" style="width: 100%; height: 8px; border-radius: 100px;"></div>
|
||||
</div>
|
||||
</div><span class="ant-progress-text"><i class="anticon anticon-check-circle"></i></span></div>
|
||||
</div><span class="ant-progress-text"><i class="anticon anticon-check-circle"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -3,42 +3,21 @@
|
|||
exports[`renders ./components/radio/demo/basic.md correctly 1`] = `<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span><span>Radio</span></label>`;
|
||||
|
||||
exports[`renders ./components/radio/demo/disabled.md correctly 1`] = `
|
||||
<div>
|
||||
<label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span><span>Disabled</span></label>
|
||||
<br>
|
||||
<label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-checked ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span><span>Disabled</span></label>
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Toggle disabled</span></button>
|
||||
</div>
|
||||
<div><label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span><span>Disabled</span></label> <br> <label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-checked ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span><span>Disabled</span></label>
|
||||
<div><button type="button" class="ant-btn ant-btn-primary"><span>Toggle disabled</span></button></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/radio/demo/radioButton.md correctly 1`] = `
|
||||
<div>
|
||||
<div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
|
||||
</div>
|
||||
<div style="margin-top: 16px;">
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label>
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
|
||||
</div>
|
||||
<div style="margin-top: 16px;">
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-checked ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label>
|
||||
<label
|
||||
class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label>
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label>
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-checked ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
@ -46,100 +25,42 @@ exports[`renders ./components/radio/demo/radioButton.md correctly 1`] = `
|
|||
exports[`renders ./components/radio/demo/radioButton-solid.md correctly 1`] = `
|
||||
<div>
|
||||
<div>
|
||||
<div class="ant-radio-group ant-radio-group-solid ant-radio-group-default">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-solid ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
|
||||
</div>
|
||||
<div style="margin-top: 16px;">
|
||||
<div class="ant-radio-group ant-radio-group-solid ant-radio-group-default">
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label>
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label>
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-solid ant-radio-group-default"><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/radio/demo/radioGroup.md correctly 1`] = `
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>A</span></label>
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>B</span></label>
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>C</span></label>
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span>D</span></label>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/radio/demo/radioGroup.md correctly 1`] = `<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>A</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>B</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>C</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span>D</span></label></div>`;
|
||||
|
||||
exports[`renders ./components/radio/demo/radioGroup-more.md correctly 1`] = `
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-wrapper ant-radio-wrapper-checked" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>Option A</span></label>
|
||||
<label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>Option B</span></label>
|
||||
<label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>Option C</span></label>
|
||||
<label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>Option A</span></label><label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>Option B</span></label><label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>Option C</span></label><label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span>
|
||||
More...
|
||||
<!----></span></label>
|
||||
</div>
|
||||
<!----></span></label></div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/radio/demo/radioGroup-options.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="Apple"><span class="ant-radio-inner"></span></span><span>Apple</span></label>
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="Pear"><span class="ant-radio-inner"></span></span><span>Pear</span></label>
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="Orange"><span class="ant-radio-inner"></span></span><span>Orange</span></label>
|
||||
</div>
|
||||
<br>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="Apple"><span class="ant-radio-inner"></span></span><span>Apple</span></label>
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="Pear"><span class="ant-radio-inner"></span></span><span>Pear</span></label>
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="Orange"><span class="ant-radio-inner"></span></span><span>Orange</span></label>
|
||||
</div>
|
||||
<br>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-wrapper ant-radio-wrapper-checked ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-checked ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value="Apple"><span class="ant-radio-inner"></span></span><span>Apple</span></label>
|
||||
<label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value="Pear"><span class="ant-radio-inner"></span></span><span>Pear</span></label>
|
||||
<label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value="Orange"><span class="ant-radio-inner"></span></span><span>Orange</span></label>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="Apple"><span class="ant-radio-inner"></span></span><span>Apple</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="Pear"><span class="ant-radio-inner"></span></span><span>Pear</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="Orange"><span class="ant-radio-inner"></span></span><span>Orange</span></label></div> <br>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="Apple"><span class="ant-radio-inner"></span></span><span>Apple</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="Pear"><span class="ant-radio-inner"></span></span><span>Pear</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="Orange"><span class="ant-radio-inner"></span></span><span>Orange</span></label></div> <br>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-checked ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value="Apple"><span class="ant-radio-inner"></span></span><span>Apple</span></label><label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value="Pear"><span class="ant-radio-inner"></span></span><span>Pear</span></label><label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value="Orange"><span class="ant-radio-inner"></span></span><span>Orange</span></label></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/radio/demo/radioGroup-with-name.md correctly 1`] = `
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input name="radioGroup" type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>A</span></label>
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>B</span></label>
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>C</span></label>
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span>D</span></label>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/radio/demo/radioGroup-with-name.md correctly 1`] = `<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input name="radioGroup" type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>A</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>B</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>C</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span>D</span></label></div>`;
|
||||
|
||||
exports[`renders ./components/radio/demo/size.md correctly 1`] = `
|
||||
<div>
|
||||
<div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-large">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-large"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
|
||||
</div>
|
||||
<div style="margin-top: 16px;">
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
|
||||
</div>
|
||||
<div style="margin-top: 16px;">
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-small">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-small"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -1,32 +1,9 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Radio all children should have a name property 1`] = `
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input name="radiogroup" type="radio" class="ant-radio-input" value="A"><span class="ant-radio-inner"></span></span><span>A</span></label>
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input name="radiogroup" type="radio" class="ant-radio-input" value="B"><span class="ant-radio-inner"></span></span><span>B</span></label>
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input name="radiogroup" type="radio" class="ant-radio-input" value="C"><span class="ant-radio-inner"></span></span><span>C</span></label>
|
||||
</div>
|
||||
`;
|
||||
exports[`Radio all children should have a name property 1`] = `<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radiogroup" type="radio" class="ant-radio-input" value="A"><span class="ant-radio-inner"></span></span><span>A</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radiogroup" type="radio" class="ant-radio-input" value="B"><span class="ant-radio-inner"></span></span><span>B</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radiogroup" type="radio" class="ant-radio-input" value="C"><span class="ant-radio-inner"></span></span><span>C</span></label></div>`;
|
||||
|
||||
exports[`Radio fire change events when value changes 1`] = `
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="A"><span class="ant-radio-inner"></span></span><span>A</span></label>
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="B"><span class="ant-radio-inner"></span></span><span>B</span></label>
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="C"><span class="ant-radio-inner"></span></span><span>C</span></label>
|
||||
</div>
|
||||
`;
|
||||
exports[`Radio fire change events when value changes 1`] = `<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="A"><span class="ant-radio-inner"></span></span><span>A</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="B"><span class="ant-radio-inner"></span></span><span>B</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="C"><span class="ant-radio-inner"></span></span><span>C</span></label></div>`;
|
||||
|
||||
exports[`Radio fire change events when value changes 2`] = `
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="A"><span class="ant-radio-inner"></span></span><span>A</span></label>
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="B"><span class="ant-radio-inner"></span></span><span>B</span></label>
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="C"><span class="ant-radio-inner"></span></span><span>C</span></label>
|
||||
</div>
|
||||
`;
|
||||
exports[`Radio fire change events when value changes 2`] = `<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="A"><span class="ant-radio-inner"></span></span><span>A</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="B"><span class="ant-radio-inner"></span></span><span>B</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="C"><span class="ant-radio-inner"></span></span><span>C</span></label></div>`;
|
||||
|
||||
exports[`Radio passes prefixCls down to radio 1`] = `
|
||||
<div class="my-radio-group my-radio-group-outline my-radio-group-default">
|
||||
<label class="my-radio-wrapper"><span class="my-radio"><input type="radio" class="my-radio-input" value="Apple"><span class="my-radio-inner"></span></span><span>Apple</span></label>
|
||||
<label class="my-radio-wrapper"><span class="my-radio"><input type="radio" class="my-radio-input" value="Orange"><span class="my-radio-inner"></span></span><span>Orange</span></label>
|
||||
</div>
|
||||
`;
|
||||
exports[`Radio passes prefixCls down to radio 1`] = `<div class="my-radio-group my-radio-group-outline my-radio-group-default"><label class="my-radio-wrapper"><span class="my-radio"><input type="radio" class="my-radio-input" value="Apple"><span class="my-radio-inner"></span></span><span>Apple</span></label><label class="my-radio-wrapper"><span class="my-radio"><input type="radio" class="my-radio-input" value="Orange"><span class="my-radio-inner"></span></span><span>Orange</span></label></div>`;
|
||||
|
|
|
|||
|
|
@ -3,44 +3,24 @@
|
|||
exports[`renders ./components/rate/demo/basic.md correctly 1`] = `
|
||||
<ul tabindex="0" class="ant-rate">
|
||||
<li class="ant-rate-star ant-rate-star-full">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-full">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
</ul>
|
||||
`;
|
||||
|
|
@ -49,47 +29,26 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
|
|||
<div>
|
||||
<ul tabindex="0" class="ant-rate">
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-heart"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-heart"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-heart"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-heart"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-heart"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-heart"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-heart"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-heart"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-heart"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-heart"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-heart"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-heart"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-heart"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-heart"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-heart"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-heart"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-heart"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-heart"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-heart"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-heart"></i></div>
|
||||
</li>
|
||||
</ul>
|
||||
<br>
|
||||
</ul> <br>
|
||||
<ul tabindex="0" class="ant-rate" style="font-size: 36px;">
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">A</div>
|
||||
|
|
@ -111,8 +70,7 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
|
|||
<div class="ant-rate-star-first">A</div>
|
||||
<div class="ant-rate-star-second">A</div>
|
||||
</li>
|
||||
</ul>
|
||||
<br>
|
||||
</ul> <br>
|
||||
<ul tabindex="0" class="ant-rate">
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">好</div>
|
||||
|
|
@ -134,8 +92,7 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
|
|||
<div class="ant-rate-star-first">好</div>
|
||||
<div class="ant-rate-star-second">好</div>
|
||||
</li>
|
||||
</ul>
|
||||
<br>
|
||||
</ul> <br>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -143,87 +100,47 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
|
|||
<div>
|
||||
<ul tabindex="0" class="ant-rate">
|
||||
<li class="ant-rate-star ant-rate-star-full">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-full">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-full">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
</ul> allowClear: true
|
||||
<br>
|
||||
<ul tabindex="0" class="ant-rate">
|
||||
<li class="ant-rate-star ant-rate-star-full">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-full">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-full">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
</ul> allowClear: false
|
||||
<br>
|
||||
|
|
@ -233,44 +150,24 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
|
|||
exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
|
||||
<ul tabindex="-1" class="ant-rate ant-rate-disabled">
|
||||
<li class="ant-rate-star ant-rate-star-full">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-full">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
</ul>
|
||||
`;
|
||||
|
|
@ -278,44 +175,24 @@ exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
|
|||
exports[`renders ./components/rate/demo/half.md correctly 1`] = `
|
||||
<ul tabindex="0" class="ant-rate">
|
||||
<li class="ant-rate-star ant-rate-star-full">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-full">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-half ant-rate-star-active">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
<li class="ant-rate-star ant-rate-star-zero">
|
||||
<div class="ant-rate-star-first">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-second">
|
||||
<i class="anticon anticon-star"></i>
|
||||
</div>
|
||||
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
|
||||
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
|
||||
</li>
|
||||
</ul>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -6,8 +6,7 @@ exports[`renders ./components/select/demo/automatic-tokenization.md correctly 1`
|
|||
<div class="ant-select-selection__rendered">
|
||||
<div>
|
||||
<li class="ant-select-search ant-select-search--inline">
|
||||
<div class="ant-select-search__field__wrap">
|
||||
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
<div class="ant-select-search__field__wrap"><input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -21,13 +20,15 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
|
|||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="Lucy" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Lucy</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-select ant-select-disabled" style="width: 120px;">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="-1" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="Lucy" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Lucy</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
@ -38,13 +39,15 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
|
|||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="Zhejiang" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Zhejiang</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-select ant-select-enabled" style="width: 120px;">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="Hangzhou" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Hangzhou</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
@ -54,7 +57,8 @@ exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
|
|||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="Lucy (101)" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Lucy (101)</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -65,12 +69,13 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
|
|||
<div unselectable="on" class="ant-select-selection__placeholder" style="display: none;">Please select</div>
|
||||
<div>
|
||||
<li unselectable="unselectable" title="a1" class="ant-select-selection__choice">
|
||||
<div class="ant-select-selection__choice__content">a1</div><span class="ant-select-selection__choice__remove"></span></li>
|
||||
<div class="ant-select-selection__choice__content">a1</div><span class="ant-select-selection__choice__remove"></span>
|
||||
</li>
|
||||
<li unselectable="unselectable" title="b2" class="ant-select-selection__choice">
|
||||
<div class="ant-select-selection__choice__content">b2</div><span class="ant-select-selection__choice__remove"></span></li>
|
||||
<div class="ant-select-selection__choice__content">b2</div><span class="ant-select-selection__choice__remove"></span>
|
||||
</li>
|
||||
<li class="ant-select-search ant-select-search--inline">
|
||||
<div class="ant-select-search__field__wrap">
|
||||
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
<div class="ant-select-search__field__wrap"><input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -83,7 +88,8 @@ exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
|
|||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="Lucy" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Lucy</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -92,7 +98,8 @@ exports[`renders ./components/select/demo/options.md correctly 1`] = `
|
|||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
<div title="北京 010" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">北京</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -102,10 +109,10 @@ exports[`renders ./components/select/demo/search.md correctly 1`] = `
|
|||
<div class="ant-select-selection__rendered">
|
||||
<div unselectable="on" class="ant-select-selection__placeholder" style="display: block;">Select a person</div>
|
||||
<div class="ant-select-search ant-select-search--inline" style="display: none;">
|
||||
<div class="ant-select-search__field__wrap">
|
||||
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
<div class="ant-select-search__field__wrap"><input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -115,8 +122,7 @@ exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
|
|||
<div class="ant-select-selection__rendered">
|
||||
<div unselectable="on" class="ant-select-selection__placeholder" style="display: block;">input search text</div>
|
||||
<div class="ant-select-search ant-select-search--inline" style="display: none;">
|
||||
<div class="ant-select-search__field__wrap">
|
||||
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
<div class="ant-select-search__field__wrap"><input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -130,8 +136,7 @@ exports[`renders ./components/select/demo/select-users.md correctly 1`] = `
|
|||
<div unselectable="on" class="ant-select-selection__placeholder" style="display: block;">Select users</div>
|
||||
<div>
|
||||
<li class="ant-select-search ant-select-search--inline">
|
||||
<div class="ant-select-search__field__wrap">
|
||||
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
<div class="ant-select-search__field__wrap"><input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -141,13 +146,7 @@ exports[`renders ./components/select/demo/select-users.md correctly 1`] = `
|
|||
|
||||
exports[`renders ./components/select/demo/size.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default">
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label>
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label></div> <br><br>
|
||||
<div class="ant-select ant-select-enabled" style="width: 200px;">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
|
||||
<div class="ant-select-selection__rendered">
|
||||
|
|
@ -156,9 +155,9 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
|
|||
" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
|
||||
a1
|
||||
</div>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
|
||||
</div>
|
||||
<br>
|
||||
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
|
||||
</div>
|
||||
</div> <br>
|
||||
<div class="ant-select ant-select-enabled" style="width: 200px;">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--multiple">
|
||||
<div class="ant-select-selection__rendered">
|
||||
|
|
@ -169,22 +168,22 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
|
|||
" class="ant-select-selection__choice">
|
||||
<div class="ant-select-selection__choice__content">
|
||||
a1
|
||||
</div><span class="ant-select-selection__choice__remove"></span></li>
|
||||
</div><span class="ant-select-selection__choice__remove"></span>
|
||||
</li>
|
||||
<li unselectable="unselectable" title="
|
||||
b2
|
||||
" class="ant-select-selection__choice">
|
||||
<div class="ant-select-selection__choice__content">
|
||||
b2
|
||||
</div><span class="ant-select-selection__choice__remove"></span></li>
|
||||
</div><span class="ant-select-selection__choice__remove"></span>
|
||||
</li>
|
||||
<li class="ant-select-search ant-select-search--inline">
|
||||
<div class="ant-select-search__field__wrap">
|
||||
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
<div class="ant-select-search__field__wrap"><input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
</div> <br>
|
||||
<div class="ant-select ant-select-enabled" style="width: 200px;">
|
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--multiple">
|
||||
<div class="ant-select-selection__rendered">
|
||||
|
|
@ -195,16 +194,17 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
|
|||
" class="ant-select-selection__choice">
|
||||
<div class="ant-select-selection__choice__content">
|
||||
a1
|
||||
</div><span class="ant-select-selection__choice__remove"></span></li>
|
||||
</div><span class="ant-select-selection__choice__remove"></span>
|
||||
</li>
|
||||
<li unselectable="unselectable" title="
|
||||
b2
|
||||
" class="ant-select-selection__choice">
|
||||
<div class="ant-select-selection__choice__content">
|
||||
b2
|
||||
</div><span class="ant-select-selection__choice__remove"></span></li>
|
||||
</div><span class="ant-select-selection__choice__remove"></span>
|
||||
</li>
|
||||
<li class="ant-select-search ant-select-search--inline">
|
||||
<div class="ant-select-search__field__wrap">
|
||||
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
<div class="ant-select-search__field__wrap"><input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -220,8 +220,7 @@ exports[`renders ./components/select/demo/tags.md correctly 1`] = `
|
|||
<div unselectable="on" class="ant-select-selection__placeholder" style="display: block;">Tags Mode</div>
|
||||
<div>
|
||||
<li class="ant-select-search ant-select-search--inline">
|
||||
<div class="ant-select-search__field__wrap">
|
||||
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
<div class="ant-select-search__field__wrap"><input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -42,8 +42,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
|
|||
`;
|
||||
|
||||
exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
|
||||
<div class="icon-wrapper">
|
||||
<i class="anticon anticon-frown-o" style="color: rgba(0, 0, 0, 0.45);"></i>
|
||||
<div class="icon-wrapper"><i class="anticon anticon-frown-o" style="color: rgba(0, 0, 0, 0.45);"></i>
|
||||
<div class="ant-slider">
|
||||
<div class="ant-slider-rail"></div>
|
||||
<div class="ant-slider-track" style="left: 0%; width: 0%;"></div>
|
||||
|
|
@ -57,8 +56,7 @@ exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
|
|||
<div class="ant-slider-step"></div>
|
||||
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="20" aria-valuenow="0" class="ant-slider-handle" style="left: 0%;"></div>
|
||||
<div class="ant-slider-mark"></div>
|
||||
</div>
|
||||
<i class="anticon anticon-smile-o"></i>
|
||||
</div> <i class="anticon anticon-smile-o"></i>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -76,12 +74,8 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
|
|||
</div>
|
||||
<div class="ant-col-4">
|
||||
<div class="ant-input-number" style="margin-left: 16px;">
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable"
|
||||
role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled"><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span>
|
||||
</div>
|
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="20" aria-valuenow="1" class="ant-input-number-input-wrap">
|
||||
<input autocomplete="off" max="20" min="1" step="1" class="ant-input-number-input">
|
||||
</div>
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled"><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span></div>
|
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="20" aria-valuenow="1" class="ant-input-number-input-wrap"><input autocomplete="off" max="20" min="1" step="1" class="ant-input-number-input"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -97,12 +91,8 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
|
|||
</div>
|
||||
<div class="ant-col-4">
|
||||
<div class="ant-input-number" style="margin-left: 16px;">
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable"
|
||||
role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled"><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span>
|
||||
</div>
|
||||
<div role="spinbutton" aria-valuemin="0" aria-valuemax="1" aria-valuenow="0" class="ant-input-number-input-wrap">
|
||||
<input autocomplete="off" max="1" min="0" step="0.01" class="ant-input-number-input">
|
||||
</div>
|
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled"><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span></div>
|
||||
<div role="spinbutton" aria-valuemin="0" aria-valuemax="1" aria-valuenow="0" class="ant-input-number-input-wrap"><input autocomplete="off" max="1" min="0" step="0.01" class="ant-input-number-input"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -115,57 +105,42 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
|
|||
<div class="ant-slider ant-slider-with-marks">
|
||||
<div class="ant-slider-rail"></div>
|
||||
<div class="ant-slider-track" style="left: 0%; width: 37%;"></div>
|
||||
<div class="ant-slider-step"><span class="ant-slider-dot ant-slider-dot-active" style="left: 0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 26%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 37%;"></span><span class="ant-slider-dot"
|
||||
style="left: 100%;"></span></div>
|
||||
<div class="ant-slider-step"><span class="ant-slider-dot ant-slider-dot-active" style="left: 0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 26%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 37%;"></span><span class="ant-slider-dot" style="left: 100%;"></span></div>
|
||||
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle" style="left: 37%;"></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 0%;">0°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 26%;">26°C</span>
|
||||
<span
|
||||
class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 37%;">37°C</span><span class="ant-slider-mark-text" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 100%; color: rgb(255, 85, 0);"><strong>100°C</strong></span></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 0%;">0°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 26%;">26°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 37%;">37°C</span><span class="ant-slider-mark-text" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 100%; color: rgb(255, 85, 0);"><strong>100°C</strong></span></div>
|
||||
</div>
|
||||
<div class="ant-slider ant-slider-with-marks">
|
||||
<div class="ant-slider-rail"></div>
|
||||
<div class="ant-slider-track ant-slider-track-1" style="left: 26%; width: 11%;"></div>
|
||||
<div class="ant-slider-step"><span class="ant-slider-dot" style="left: 0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 26%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 37%;"></span><span class="ant-slider-dot" style="left: 100%;"></span></div>
|
||||
<div
|
||||
role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="26" class="ant-slider-handle ant-slider-handle-1" style="left: 26%;"></div>
|
||||
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle ant-slider-handle-2" style="left: 37%;"></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 0%;">0°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 26%;">26°C</span>
|
||||
<span
|
||||
class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 37%;">37°C</span><span class="ant-slider-mark-text" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 100%; color: rgb(255, 85, 0);"><strong>100°C</strong></span></div>
|
||||
</div>
|
||||
<h4>included=false</h4>
|
||||
<div class="ant-slider ant-slider-with-marks">
|
||||
<div class="ant-slider-rail"></div>
|
||||
<!---->
|
||||
<div class="ant-slider-step"><span class="ant-slider-dot" style="left: 0%;"></span><span class="ant-slider-dot" style="left: 26%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 37%;"></span><span class="ant-slider-dot" style="left: 100%;"></span></div>
|
||||
<div
|
||||
role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle" style="left: 37%;"></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 0%;">0°C</span><span class="ant-slider-mark-text" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 26%;">26°C</span>
|
||||
<span
|
||||
class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 37%;">37°C</span><span class="ant-slider-mark-text" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 100%; color: rgb(255, 85, 0);"><strong>100°C</strong></span></div>
|
||||
</div>
|
||||
<h4>marks & step</h4>
|
||||
<div class="ant-slider ant-slider-with-marks">
|
||||
<div class="ant-slider-rail"></div>
|
||||
<div class="ant-slider-track" style="left: 0%; width: 37%;"></div>
|
||||
<div class="ant-slider-step"><span class="ant-slider-dot ant-slider-dot-active" style="left: 0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 26%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 37%;"></span><span class="ant-slider-dot"
|
||||
style="left: 100%;"></span></div>
|
||||
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle" style="left: 37%;"></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 0%;">0°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 26%;">26°C</span>
|
||||
<span
|
||||
class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 37%;">37°C</span><span class="ant-slider-mark-text" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 100%; color: rgb(255, 85, 0);"><strong>100°C</strong></span></div>
|
||||
</div>
|
||||
<h4>step=null</h4>
|
||||
<div class="ant-slider ant-slider-with-marks">
|
||||
<div class="ant-slider-rail"></div>
|
||||
<div class="ant-slider-track" style="left: 0%; width: 37%;"></div>
|
||||
<div class="ant-slider-step"><span class="ant-slider-dot ant-slider-dot-active" style="left: 0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 26%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 37%;"></span><span class="ant-slider-dot"
|
||||
style="left: 100%;"></span></div>
|
||||
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle" style="left: 37%;"></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 0%;">0°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 26%;">26°C</span>
|
||||
<span
|
||||
class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 37%;">37°C</span><span class="ant-slider-mark-text" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 100%; color: rgb(255, 85, 0);"><strong>100°C</strong></span></div>
|
||||
</div>
|
||||
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="26" class="ant-slider-handle ant-slider-handle-1" style="left: 26%;"></div>
|
||||
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle ant-slider-handle-2" style="left: 37%;"></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 0%;">0°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 26%;">26°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 37%;">37°C</span><span class="ant-slider-mark-text" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 100%; color: rgb(255, 85, 0);"><strong>100°C</strong></span></div>
|
||||
</div>
|
||||
<h4>included=false</h4>
|
||||
<div class="ant-slider ant-slider-with-marks">
|
||||
<div class="ant-slider-rail"></div>
|
||||
<!---->
|
||||
<div class="ant-slider-step"><span class="ant-slider-dot" style="left: 0%;"></span><span class="ant-slider-dot" style="left: 26%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 37%;"></span><span class="ant-slider-dot" style="left: 100%;"></span></div>
|
||||
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle" style="left: 37%;"></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 0%;">0°C</span><span class="ant-slider-mark-text" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 26%;">26°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 37%;">37°C</span><span class="ant-slider-mark-text" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 100%; color: rgb(255, 85, 0);"><strong>100°C</strong></span></div>
|
||||
</div>
|
||||
<h4>marks & step</h4>
|
||||
<div class="ant-slider ant-slider-with-marks">
|
||||
<div class="ant-slider-rail"></div>
|
||||
<div class="ant-slider-track" style="left: 0%; width: 37%;"></div>
|
||||
<div class="ant-slider-step"><span class="ant-slider-dot ant-slider-dot-active" style="left: 0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 26%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 37%;"></span><span class="ant-slider-dot" style="left: 100%;"></span></div>
|
||||
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle" style="left: 37%;"></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 0%;">0°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 26%;">26°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 37%;">37°C</span><span class="ant-slider-mark-text" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 100%; color: rgb(255, 85, 0);"><strong>100°C</strong></span></div>
|
||||
</div>
|
||||
<h4>step=null</h4>
|
||||
<div class="ant-slider ant-slider-with-marks">
|
||||
<div class="ant-slider-rail"></div>
|
||||
<div class="ant-slider-track" style="left: 0%; width: 37%;"></div>
|
||||
<div class="ant-slider-step"><span class="ant-slider-dot ant-slider-dot-active" style="left: 0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 26%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left: 37%;"></span><span class="ant-slider-dot" style="left: 100%;"></span></div>
|
||||
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle" style="left: 37%;"></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 0%;">0°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 26%;">26°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 37%;">37°C</span><span class="ant-slider-mark-text" style="width: 30.000000000000004%; margin-left: -15.000000000000002%; left: 100%; color: rgb(255, 85, 0);"><strong>100°C</strong></span></div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -214,12 +189,10 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
|
|||
<div class="ant-slider-rail"></div>
|
||||
<div class="ant-slider-track ant-slider-track-1" style="bottom: 26%; height: 11%;"></div>
|
||||
<div class="ant-slider-step"><span class="ant-slider-dot" style="bottom: 0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="bottom: 26%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="bottom: 37%;"></span><span class="ant-slider-dot" style="bottom: 100%;"></span></div>
|
||||
<div
|
||||
role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="26" class="ant-slider-handle ant-slider-handle-1" style="bottom: 26%;"></div>
|
||||
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle ant-slider-handle-2" style="bottom: 37%;"></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text" style="margin-bottom: -50%; bottom: 0%;">0°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="margin-bottom: -50%; bottom: 26%;">26°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active"
|
||||
style="margin-bottom: -50%; bottom: 37%;">37°C</span><span class="ant-slider-mark-text" style="margin-bottom: -50%; bottom: 100%; color: rgb(255, 85, 0);"><strong>100°C</strong></span></div>
|
||||
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="26" class="ant-slider-handle ant-slider-handle-1" style="bottom: 26%;"></div>
|
||||
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle ant-slider-handle-2" style="bottom: 37%;"></div>
|
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text" style="margin-bottom: -50%; bottom: 0%;">0°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="margin-bottom: -50%; bottom: 26%;">26°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="margin-bottom: -50%; bottom: 37%;">37°C</span><span class="ant-slider-mark-text" style="margin-bottom: -50%; bottom: 100%; color: rgb(255, 85, 0);"><strong>100°C</strong></span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -8,12 +8,8 @@ exports[`renders ./components/spin/demo/basic.md correctly 1`] = `
|
|||
|
||||
exports[`renders ./components/spin/demo/custom-indicator.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-spin ant-spin-spinning">
|
||||
<i class="anticon anticon-loading anticon-spin ant-spin-dot" style="font-size: 24px;"></i>
|
||||
</div>
|
||||
<div class="ant-spin ant-spin-spinning">
|
||||
<i class="anticon anticon-loading anticon-spin ant-spin-dot" style="font-size: 24px;"></i>
|
||||
</div>
|
||||
<div class="ant-spin ant-spin-spinning"><i class="anticon anticon-loading anticon-spin ant-spin-dot" style="font-size: 24px;"></i></div>
|
||||
<div class="ant-spin ant-spin-spinning"><i class="anticon anticon-loading anticon-spin ant-spin-dot" style="font-size: 24px;"></i></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
|
|||
|
|
@ -5,8 +5,7 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
|
|||
<div class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-dot">
|
||||
<div class="ant-steps-item ant-steps-item-finish">
|
||||
<div class="ant-steps-item-tail"></div>
|
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span>
|
||||
</div>
|
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span></div>
|
||||
<div class="ant-steps-item-content">
|
||||
<div class="ant-steps-item-title">Finished</div>
|
||||
<div class="ant-steps-item-description">You can hover on the dot.</div>
|
||||
|
|
@ -14,8 +13,7 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
|
|||
</div>
|
||||
<div class="ant-steps-item ant-steps-item-process">
|
||||
<div class="ant-steps-item-tail"></div>
|
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span>
|
||||
</div>
|
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span></div>
|
||||
<div class="ant-steps-item-content">
|
||||
<div class="ant-steps-item-title">In Progress</div>
|
||||
<div class="ant-steps-item-description">You can hover on the dot.</div>
|
||||
|
|
@ -23,8 +21,7 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
|
|||
</div>
|
||||
<div class="ant-steps-item ant-steps-item-wait">
|
||||
<div class="ant-steps-item-tail"></div>
|
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span>
|
||||
</div>
|
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span></div>
|
||||
<div class="ant-steps-item-content">
|
||||
<div class="ant-steps-item-title">Waiting</div>
|
||||
<div class="ant-steps-item-description">You can hover on the dot.</div>
|
||||
|
|
@ -32,8 +29,7 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
|
|||
</div>
|
||||
<div class="ant-steps-item ant-steps-item-wait">
|
||||
<div class="ant-steps-item-tail"></div>
|
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span>
|
||||
</div>
|
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span></div>
|
||||
<div class="ant-steps-item-content">
|
||||
<div class="ant-steps-item-title">Waiting</div>
|
||||
<div class="ant-steps-item-description">You can hover on the dot.</div>
|
||||
|
|
@ -109,8 +105,7 @@ exports[`renders ./components/steps/demo/progress-dot.md correctly 1`] = `
|
|||
<div class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-dot">
|
||||
<div class="ant-steps-item ant-steps-item-finish">
|
||||
<div class="ant-steps-item-tail"></div>
|
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span>
|
||||
</div>
|
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span></div>
|
||||
<div class="ant-steps-item-content">
|
||||
<div class="ant-steps-item-title">Finished</div>
|
||||
<div class="ant-steps-item-description">This is a description.</div>
|
||||
|
|
@ -118,8 +113,7 @@ exports[`renders ./components/steps/demo/progress-dot.md correctly 1`] = `
|
|||
</div>
|
||||
<div class="ant-steps-item ant-steps-item-process">
|
||||
<div class="ant-steps-item-tail"></div>
|
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span>
|
||||
</div>
|
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span></div>
|
||||
<div class="ant-steps-item-content">
|
||||
<div class="ant-steps-item-title">In Progress</div>
|
||||
<div class="ant-steps-item-description">This is a description.</div>
|
||||
|
|
@ -127,8 +121,7 @@ exports[`renders ./components/steps/demo/progress-dot.md correctly 1`] = `
|
|||
</div>
|
||||
<div class="ant-steps-item ant-steps-item-wait">
|
||||
<div class="ant-steps-item-tail"></div>
|
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span>
|
||||
</div>
|
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span></div>
|
||||
<div class="ant-steps-item-content">
|
||||
<div class="ant-steps-item-title">Waiting</div>
|
||||
<div class="ant-steps-item-description">This is a description.</div>
|
||||
|
|
@ -220,8 +213,7 @@ exports[`renders ./components/steps/demo/step-next.md correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div class="steps-content">First-content</div>
|
||||
<div class="steps-action">
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Next</span></button>
|
||||
<div class="steps-action"><button type="button" class="ant-btn ant-btn-primary"><span>Next</span></button>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,32 +1,11 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`renders ./components/switch/demo/basic.md correctly 1`] = `
|
||||
<div><span tabindex="0" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"></span></span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/switch/demo/basic.md correctly 1`] = `<div><span tabindex="0" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"></span></span></div>`;
|
||||
|
||||
exports[`renders ./components/switch/demo/disabled.md correctly 1`] = `
|
||||
<div><span tabindex="-1" class="ant-switch ant-switch-checked ant-switch-disabled" style="margin-bottom: 5px;"><span class="ant-switch-inner"></span></span>
|
||||
<br>
|
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Toggle disabled</span></button>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/switch/demo/disabled.md correctly 1`] = `<div><span tabindex="-1" class="ant-switch ant-switch-checked ant-switch-disabled" style="margin-bottom: 5px;"><span class="ant-switch-inner"></span></span> <br> <button type="button" class="ant-btn ant-btn-primary"><span>Toggle disabled</span></button></div>`;
|
||||
|
||||
exports[`renders ./components/switch/demo/loading.md correctly 1`] = `
|
||||
<div><span tabindex="0" class="ant-switch ant-switch-checked ant-switch-loading"><span class="ant-switch-inner"></span></span>
|
||||
<br> <span tabindex="0" class="ant-switch ant-switch-small ant-switch-loading"><span class="ant-switch-inner"></span></span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/switch/demo/loading.md correctly 1`] = `<div><span tabindex="0" class="ant-switch ant-switch-checked ant-switch-loading"><span class="ant-switch-inner"></span></span> <br> <span tabindex="0" class="ant-switch ant-switch-small ant-switch-loading"><span class="ant-switch-inner"></span></span></div>`;
|
||||
|
||||
exports[`renders ./components/switch/demo/size.md correctly 1`] = `
|
||||
<div><span tabindex="0" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"></span></span>
|
||||
<br> <span tabindex="0" class="ant-switch ant-switch-checked ant-switch-small"><span class="ant-switch-inner"></span></span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/switch/demo/size.md correctly 1`] = `<div><span tabindex="0" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"></span></span> <br> <span tabindex="0" class="ant-switch ant-switch-checked ant-switch-small"><span class="ant-switch-inner"></span></span></div>`;
|
||||
|
||||
exports[`renders ./components/switch/demo/text.md correctly 1`] = `
|
||||
<div><span tabindex="0" class="ant-switch ant-switch-checked"><span class="ant-switch-inner">开</span></span>
|
||||
<br> <span tabindex="0" class="ant-switch"><span class="ant-switch-inner">0</span></span>
|
||||
<br> <span tabindex="0" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"><i class="anticon anticon-check"></i></span></span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/switch/demo/text.md correctly 1`] = `<div><span tabindex="0" class="ant-switch ant-switch-checked"><span class="ant-switch-inner">开</span></span> <br> <span tabindex="0" class="ant-switch"><span class="ant-switch-inner">0</span></span> <br> <span tabindex="0" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"><i class="anticon anticon-check"></i></span></span></div>`;
|
||||
|
|
|
|||
|
|
@ -36,9 +36,7 @@ exports[`Table.filter renders filter correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div></span></div>
|
||||
`;
|
||||
|
||||
exports[`Table.filter renders menu correctly 1`] = `
|
||||
|
|
@ -46,22 +44,13 @@ exports[`Table.filter renders menu correctly 1`] = `
|
|||
<div class="ant-dropdown ant-dropdown-placement-bottomLeft" style="display: none;">
|
||||
<div class="ant-table-filter-dropdown ant-dropdown-content">
|
||||
<ul class="ant-dropdown-menu ant-dropdown-menu-vertical ant-dropdown-menu-root" role="menu" tabindex="0">
|
||||
<li role="menuitem" class="ant-dropdown-menu-item">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span>Boy</span></li>
|
||||
<li role="menuitem" class="ant-dropdown-menu-item">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span>Girl</span></li>
|
||||
<li role="menuitem" class="ant-dropdown-menu-item"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span>Boy</span></li>
|
||||
<li role="menuitem" class="ant-dropdown-menu-item"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span>Girl</span></li>
|
||||
<li role="menuitem" class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-vertical">
|
||||
<div aria-haspopup="true" title="Title" class="ant-dropdown-menu-submenu-title">Title
|
||||
<i class="ant-dropdown-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" title="Title" class="ant-dropdown-menu-submenu-title">Title<i class="ant-dropdown-menu-submenu-arrow"></i></div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="ant-table-filter-dropdown-btns">
|
||||
<a class="ant-table-filter-dropdown-link confirm">OK</a>
|
||||
<a class="ant-table-filter-dropdown-link clear">Reset</a>
|
||||
</div>
|
||||
<div class="ant-table-filter-dropdown-btns"><a class="ant-table-filter-dropdown-link confirm">OK</a><a class="ant-table-filter-dropdown-link clear">Reset</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -72,22 +61,13 @@ exports[`Table.filter renders radio filter correctly 1`] = `
|
|||
<div class="ant-dropdown ant-dropdown-placement-bottomLeft" style="display: none;">
|
||||
<div class="ant-table-filter-dropdown ant-dropdown-content">
|
||||
<ul class="ant-dropdown-menu ant-dropdown-menu-vertical ant-dropdown-menu-root" role="menu" tabindex="0">
|
||||
<li role="menuitem" class="ant-dropdown-menu-item">
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span>
|
||||
</label><span>Boy</span></li>
|
||||
<li role="menuitem" class="ant-dropdown-menu-item">
|
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span>
|
||||
</label><span>Girl</span></li>
|
||||
<li role="menuitem" class="ant-dropdown-menu-item"><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span></label><span>Boy</span></li>
|
||||
<li role="menuitem" class="ant-dropdown-menu-item"><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span></label><span>Girl</span></li>
|
||||
<li role="menuitem" class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-vertical">
|
||||
<div aria-haspopup="true" title="Title" class="ant-dropdown-menu-submenu-title">Title
|
||||
<i class="ant-dropdown-menu-submenu-arrow"></i>
|
||||
</div>
|
||||
<div aria-haspopup="true" title="Title" class="ant-dropdown-menu-submenu-title">Title<i class="ant-dropdown-menu-submenu-arrow"></i></div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="ant-table-filter-dropdown-btns">
|
||||
<a class="ant-table-filter-dropdown-link confirm">OK</a>
|
||||
<a class="ant-table-filter-dropdown-link clear">Reset</a>
|
||||
</div>
|
||||
<div class="ant-table-filter-dropdown-btns"><a class="ant-table-filter-dropdown-link confirm">OK</a><a class="ant-table-filter-dropdown-link clear">Reset</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -19,21 +19,11 @@ exports[`Table.pagination renders pagination correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<ul unselectable="unselectable" class="ant-pagination my-page ant-table-pagination">
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
|
||||
<a>2</a>
|
||||
</li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
||||
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
||||
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<!---->
|
||||
</ul>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div></span></div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -1,44 +1,28 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Table.rowSelection fix selection column on the left 1`] = `
|
||||
<div class="ant-table-wrapper"><span tag="div" class="ant-spin-nested-loading"><div class="ant-spin-container"><div class="ant-table ant-table-default ant-table-scroll-position-left ant-table-scroll-position-right"><div class="ant-table-content"><div class="ant-table-scroll"><!----><div class="ant-table-body"><table class=""><colgroup><col><col></colgroup><thead class="ant-table-thead"><tr><th key="selection-column" class="ant-table-fixed-columns-in-body ant-table-selection-column"><span><div class="ant-table-selection"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label>
|
||||
</div>
|
||||
</span>
|
||||
</th>
|
||||
<div class="ant-table-wrapper"><span tag="div" class="ant-spin-nested-loading"><div class="ant-spin-container"><div class="ant-table ant-table-default ant-table-scroll-position-left ant-table-scroll-position-right"><div class="ant-table-content"><div class="ant-table-scroll"><!----><div class="ant-table-body"><table class=""><colgroup><col><col></colgroup><thead class="ant-table-thead"><tr><th key="selection-column" class="ant-table-fixed-columns-in-body ant-table-selection-column"><span><div class="ant-table-selection"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></div></span></th>
|
||||
<th key="name" class=""><span>Name</span></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="ant-table-tbody">
|
||||
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
|
||||
<td class="ant-table-fixed-columns-in-body ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label>
|
||||
</span>
|
||||
</td>
|
||||
<td class="ant-table-fixed-columns-in-body ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
||||
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
||||
<!---->Jack</td>
|
||||
</tr>
|
||||
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
||||
<td class="ant-table-fixed-columns-in-body ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label>
|
||||
</span>
|
||||
</td>
|
||||
<td class="ant-table-fixed-columns-in-body ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
||||
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
||||
<!---->Lucy</td>
|
||||
</tr>
|
||||
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
||||
<td class="ant-table-fixed-columns-in-body ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label>
|
||||
</span>
|
||||
</td>
|
||||
<td class="ant-table-fixed-columns-in-body ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
||||
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
||||
<!---->Tom</td>
|
||||
</tr>
|
||||
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
||||
<td class="ant-table-fixed-columns-in-body ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label>
|
||||
</span>
|
||||
</td>
|
||||
<td class="ant-table-fixed-columns-in-body ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
||||
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
||||
<!---->Jerry</td>
|
||||
</tr>
|
||||
|
|
@ -56,37 +40,22 @@ exports[`Table.rowSelection fix selection column on the left 1`] = `
|
|||
</colgroup>
|
||||
<thead class="ant-table-thead">
|
||||
<tr>
|
||||
<th key="selection-column" class="ant-table-selection-column"><span><div class="ant-table-selection"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label>
|
||||
</div>
|
||||
</span>
|
||||
</th>
|
||||
<th key="selection-column" class="ant-table-selection-column"><span><div class="ant-table-selection"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label>
|
||||
</div></span></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="ant-table-tbody">
|
||||
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
|
||||
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label>
|
||||
</span>
|
||||
</td>
|
||||
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
||||
</tr>
|
||||
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
||||
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label>
|
||||
</span>
|
||||
</td>
|
||||
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
||||
</tr>
|
||||
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
||||
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label>
|
||||
</span>
|
||||
</td>
|
||||
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
||||
</tr>
|
||||
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
||||
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label>
|
||||
</span>
|
||||
</td>
|
||||
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
@ -96,20 +65,12 @@ exports[`Table.rowSelection fix selection column on the left 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
|
||||
<a>1</a>
|
||||
</li>
|
||||
<li title="Next Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-next">
|
||||
<a class="ant-pagination-item-link"></a>
|
||||
</li>
|
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
|
||||
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
||||
<li title="Next Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
|
||||
<!---->
|
||||
</ul>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div></span></div>
|
||||
`;
|
||||
|
||||
exports[`Table.rowSelection render with default selection correctly 1`] = `
|
||||
|
|
|
|||
|
|
@ -3,9 +3,7 @@
|
|||
exports[`Table.sorter renders sorter icon correctly 1`] = `
|
||||
<thead class="ant-table-thead">
|
||||
<tr>
|
||||
<th key="name" class="ant-table-column-has-filters"><span>Name<div class="ant-table-column-sorter"><span title="↑" class="ant-table-column-sorter-up off"><i class="anticon anticon-caret-up"></i></span><span title="↓" class="ant-table-column-sorter-down off"><i class="anticon anticon-caret-down"></i></span></div>
|
||||
</span>
|
||||
</th>
|
||||
<th key="name" class="ant-table-column-has-filters"><span>Name<div class="ant-table-column-sorter"><span title="↑" class="ant-table-column-sorter-up off"><i class="anticon anticon-caret-up"></i></span><span title="↓" class="ant-table-column-sorter-down off"><i class="anticon anticon-caret-down"></i></span></div></span></th>
|
||||
</tr>
|
||||
</thead>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -2,33 +2,30 @@
|
|||
|
||||
exports[`Table renders JSX correctly 1`] = `
|
||||
<div class="ant-table-wrapper"><span tag="div" class="ant-spin-nested-loading"><div class="ant-spin-container"><div class="ant-table ant-table-scroll-position-left ant-table-default"><div class="ant-table-content"><!----><div class="ant-table-body"><table class=""><colgroup><col><col><col></colgroup><thead class="ant-table-thead"><tr><th key="0" colspan="2" class=""><span>Name</span></th>
|
||||
<th
|
||||
key="age" rowspan="2" class=""><span>Age</span></th>
|
||||
<th key="age" rowspan="2" class=""><span>Age</span></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th key="firstName" class=""><span>First Name</span></th>
|
||||
<th key="lastName" class=""><span>Last Name</span></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="ant-table-tbody">
|
||||
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
||||
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
||||
<!---->John</td>
|
||||
<td>Brown</td>
|
||||
<td>32</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th key="firstName" class=""><span>First Name</span></th>
|
||||
<th key="lastName" class=""><span>Last Name</span></th>
|
||||
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
||||
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
||||
<!---->Jim</td>
|
||||
<td>Green</td>
|
||||
<td>42</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="ant-table-tbody">
|
||||
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
||||
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
||||
<!---->John</td>
|
||||
<td>Brown</td>
|
||||
<td>32</td>
|
||||
</tr>
|
||||
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
||||
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
||||
<!---->Jim</td>
|
||||
<td>Green</td>
|
||||
<td>42</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div></span></div>
|
||||
`;
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -2,67 +2,60 @@
|
|||
|
||||
exports[`Table renders empty table 1`] = `
|
||||
<div class="ant-table-wrapper"><span tag="div" class="ant-spin-nested-loading"><div class="ant-spin-container"><div class="ant-table ant-table-scroll-position-left ant-table-default ant-table-empty"><div class="ant-table-content"><!----><div class="ant-table-body"><table class=""><colgroup><col><col><col><col><col><col><col><col></colgroup><thead class="ant-table-thead"><tr><th key="1" class=""><span>Column 1</span></th>
|
||||
<th
|
||||
key="2" class=""><span>Column 2</span></th>
|
||||
<th key="3" class=""><span>Column 3</span></th>
|
||||
<th key="4" class=""><span>Column 4</span></th>
|
||||
<th key="5" class=""><span>Column 5</span></th>
|
||||
<th key="6" class=""><span>Column 6</span></th>
|
||||
<th key="7" class=""><span>Column 7</span></th>
|
||||
<th key="8" class=""><span>Column 8</span></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="ant-table-tbody"></tbody>
|
||||
</table>
|
||||
<th key="2" class=""><span>Column 2</span></th>
|
||||
<th key="3" class=""><span>Column 3</span></th>
|
||||
<th key="4" class=""><span>Column 4</span></th>
|
||||
<th key="5" class=""><span>Column 5</span></th>
|
||||
<th key="6" class=""><span>Column 6</span></th>
|
||||
<th key="7" class=""><span>Column 7</span></th>
|
||||
<th key="8" class=""><span>Column 8</span></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="ant-table-tbody"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="ant-table-placeholder">No data</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div></span></div>
|
||||
`;
|
||||
|
||||
exports[`Table renders empty table with custom emptyText 1`] = `
|
||||
<div class="ant-table-wrapper"><span tag="div" class="ant-spin-nested-loading"><div class="ant-spin-container"><div class="ant-table ant-table-scroll-position-left ant-table-default ant-table-empty"><div class="ant-table-content"><!----><div class="ant-table-body"><table class=""><colgroup><col><col><col><col><col><col><col><col></colgroup><thead class="ant-table-thead"><tr><th key="1" class=""><span>Column 1</span></th>
|
||||
<th
|
||||
key="2" class=""><span>Column 2</span></th>
|
||||
<th key="3" class=""><span>Column 3</span></th>
|
||||
<th key="4" class=""><span>Column 4</span></th>
|
||||
<th key="5" class=""><span>Column 5</span></th>
|
||||
<th key="6" class=""><span>Column 6</span></th>
|
||||
<th key="7" class=""><span>Column 7</span></th>
|
||||
<th key="8" class=""><span>Column 8</span></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="ant-table-tbody"></tbody>
|
||||
</table>
|
||||
<th key="2" class=""><span>Column 2</span></th>
|
||||
<th key="3" class=""><span>Column 3</span></th>
|
||||
<th key="4" class=""><span>Column 4</span></th>
|
||||
<th key="5" class=""><span>Column 5</span></th>
|
||||
<th key="6" class=""><span>Column 6</span></th>
|
||||
<th key="7" class=""><span>Column 7</span></th>
|
||||
<th key="8" class=""><span>Column 8</span></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="ant-table-tbody"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="ant-table-placeholder">custom empty text </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div></span></div>
|
||||
`;
|
||||
|
||||
exports[`Table renders empty table with fixed columns 1`] = `
|
||||
<div class="ant-table-wrapper"><span tag="div" class="ant-spin-nested-loading"><div class="ant-spin-container"><div class="ant-table ant-table-default ant-table-empty ant-table-scroll-position-left ant-table-scroll-position-right"><div class="ant-table-content"><div class="ant-table-scroll"><!----><div class="ant-table-body"><table class=""><colgroup><col style="width: 100px; min-width: 100px;"><col style="width: 100px; min-width: 100px;"><col><col><col><col><col><col><col><col><col style="width: 100px; min-width: 100px;"></colgroup><thead class="ant-table-thead"><tr><th key="name" class="ant-table-fixed-columns-in-body"><span>Full Name</span></th>
|
||||
<th
|
||||
key="age" class="ant-table-fixed-columns-in-body"><span>Age</span></th>
|
||||
<th key="1" class=""><span>Column 1</span></th>
|
||||
<th key="2" class=""><span>Column 2</span></th>
|
||||
<th key="3" class=""><span>Column 3</span></th>
|
||||
<th key="4" class=""><span>Column 4</span></th>
|
||||
<th key="5" class=""><span>Column 5</span></th>
|
||||
<th key="6" class=""><span>Column 6</span></th>
|
||||
<th key="7" class=""><span>Column 7</span></th>
|
||||
<th key="8" class=""><span>Column 8</span></th>
|
||||
<th key="address" class="ant-table-fixed-columns-in-body"><span>Action</span></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="ant-table-tbody"></tbody>
|
||||
</table>
|
||||
<th key="age" class="ant-table-fixed-columns-in-body"><span>Age</span></th>
|
||||
<th key="1" class=""><span>Column 1</span></th>
|
||||
<th key="2" class=""><span>Column 2</span></th>
|
||||
<th key="3" class=""><span>Column 3</span></th>
|
||||
<th key="4" class=""><span>Column 4</span></th>
|
||||
<th key="5" class=""><span>Column 5</span></th>
|
||||
<th key="6" class=""><span>Column 6</span></th>
|
||||
<th key="7" class=""><span>Column 7</span></th>
|
||||
<th key="8" class=""><span>Column 8</span></th>
|
||||
<th key="address" class="ant-table-fixed-columns-in-body"><span>Action</span></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="ant-table-tbody"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="ant-table-placeholder">No data</div>
|
||||
</div>
|
||||
|
|
@ -106,9 +99,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div></span></div>
|
||||
`;
|
||||
|
||||
exports[`Table renders empty table without emptyText when loading 1`] = `
|
||||
|
|
@ -148,7 +139,5 @@ exports[`Table renders empty table without emptyText when loading 1`] = `
|
|||
<div class="ant-table-placeholder"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div></span></div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -5,8 +5,7 @@ exports[`renders ./components/tabs/demo/basic.md correctly 1`] = `
|
|||
<div class="ant-tabs ant-tabs-top ant-tabs-line no-flex">
|
||||
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
||||
<div
|
||||
class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-scroll">
|
||||
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
||||
<div>
|
||||
|
|
@ -17,15 +16,15 @@ exports[`renders ./components/tabs/demo/basic.md correctly 1`] = `
|
|||
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of Tab Pane 1</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive">Content of Tab Pane 2</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of Tab Pane 1</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive">Content of Tab Pane 2</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -33,8 +32,7 @@ exports[`renders ./components/tabs/demo/card.md correctly 1`] = `
|
|||
<div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-no-animation no-flex">
|
||||
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
||||
<div
|
||||
class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-scroll">
|
||||
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
||||
<div>
|
||||
|
|
@ -45,14 +43,14 @@ exports[`renders ./components/tabs/demo/card.md correctly 1`] = `
|
|||
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-no-animated">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of Tab Pane 1</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-no-animated">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of Tab Pane 1</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -61,8 +59,7 @@ exports[`renders ./components/tabs/demo/card-top.md correctly 1`] = `
|
|||
<div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-no-animation no-flex">
|
||||
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
||||
<div
|
||||
class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-scroll">
|
||||
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
||||
<div>
|
||||
|
|
@ -73,68 +70,60 @@ exports[`renders ./components/tabs/demo/card-top.md correctly 1`] = `
|
|||
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-no-animated">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
|
||||
<p>Content of Tab Pane 1</p>
|
||||
<p>Content of Tab Pane 1</p>
|
||||
<p>Content of Tab Pane 1</p>
|
||||
<div class="ant-tabs-content ant-tabs-content-no-animated">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
|
||||
<p>Content of Tab Pane 1</p>
|
||||
<p>Content of Tab Pane 1</p>
|
||||
<p>Content of Tab Pane 1</p>
|
||||
</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = `
|
||||
<div>
|
||||
<div style="margin-bottom: 16px;">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>ADD</span></button>
|
||||
</div>
|
||||
<div style="margin-bottom: 16px;"><button type="button" class="ant-btn ant-btn-default"><span>ADD</span></button></div>
|
||||
<div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card ant-tabs-no-animation no-flex">
|
||||
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
||||
<div
|
||||
class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-scroll">
|
||||
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
||||
<div>
|
||||
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">
|
||||
<div>Tab 1
|
||||
<i class="anticon anticon-close"></i>
|
||||
</div>
|
||||
<div>Tab 1<i class="anticon anticon-close"></i></div>
|
||||
</div>
|
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">
|
||||
<div>Tab 2
|
||||
<i class="anticon anticon-close"></i>
|
||||
</div>
|
||||
<div>Tab 2<i class="anticon anticon-close"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-no-animated">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
|
||||
Content of Tab 1
|
||||
<div class="ant-tabs-content ant-tabs-content-no-animated">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
|
||||
Content of Tab 1
|
||||
</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/tabs/demo/disabled.md correctly 1`] = `
|
||||
<div class="ant-tabs ant-tabs-top ant-tabs-line no-flex">
|
||||
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
||||
<div
|
||||
class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-scroll">
|
||||
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
||||
<div>
|
||||
|
|
@ -145,14 +134,14 @@ exports[`renders ./components/tabs/demo/disabled.md correctly 1`] = `
|
|||
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Tab 1</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Tab 1</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -161,20 +150,15 @@ exports[`renders ./components/tabs/demo/editable-card.md correctly 1`] = `
|
|||
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
||||
<div class="ant-tabs-extra-content" style="float: right;"><span><i class="anticon anticon-plus ant-tabs-new-tab"></i></span></div>
|
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
||||
<div
|
||||
class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-scroll">
|
||||
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
||||
<div>
|
||||
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">
|
||||
<div>Tab 1
|
||||
<i class="anticon anticon-close"></i>
|
||||
</div>
|
||||
<div>Tab 1<i class="anticon anticon-close"></i></div>
|
||||
</div>
|
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">
|
||||
<div>Tab 2
|
||||
<i class="anticon anticon-close"></i>
|
||||
</div>
|
||||
<div>Tab 2<i class="anticon anticon-close"></i></div>
|
||||
</div>
|
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">
|
||||
<div class="ant-tabs-tab-unclosable">Tab 3</div>
|
||||
|
|
@ -183,28 +167,25 @@ exports[`renders ./components/tabs/demo/editable-card.md correctly 1`] = `
|
|||
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-no-animated">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
|
||||
Content of Tab 1
|
||||
<div class="ant-tabs-content ant-tabs-content-no-animated">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
|
||||
Content of Tab 1
|
||||
</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/tabs/demo/extra.md correctly 1`] = `
|
||||
<div class="ant-tabs ant-tabs-top ant-tabs-line no-flex">
|
||||
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
||||
<div class="ant-tabs-extra-content" style="float: right;">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Extra Action</span></button>
|
||||
</div>
|
||||
<div class="ant-tabs-extra-content" style="float: right;"><button type="button" class="ant-btn ant-btn-default"><span>Extra Action</span></button></div>
|
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
||||
<div
|
||||
class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-scroll">
|
||||
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
||||
<div>
|
||||
|
|
@ -215,14 +196,14 @@ exports[`renders ./components/tabs/demo/extra.md correctly 1`] = `
|
|||
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of tab 1</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of tab 1</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -230,8 +211,7 @@ exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
|
|||
<div class="ant-tabs ant-tabs-top ant-tabs-line no-flex">
|
||||
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
||||
<div
|
||||
class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-scroll">
|
||||
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
||||
<div>
|
||||
|
|
@ -245,31 +225,25 @@ exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
|
|||
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: -100%;">
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
|
||||
Tab 2
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: -100%;">
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
|
||||
Tab 2
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
|
||||
<div style="width: 500px;">
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin: 8px;">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="top"><span class="ant-radio-button-inner"></span></span><span>top</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="bottom"><span class="ant-radio-button-inner"></span></span><span>bottom</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="left"><span class="ant-radio-button-inner"></span></span><span>left</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="right"><span class="ant-radio-button-inner"></span></span><span>right</span></label>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin: 8px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="top"><span class="ant-radio-button-inner"></span></span><span>top</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="bottom"><span class="ant-radio-button-inner"></span></span><span>bottom</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="left"><span class="ant-radio-button-inner"></span></span><span>left</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="right"><span class="ant-radio-button-inner"></span></span><span>right</span></label></div>
|
||||
<div class="ant-tabs ant-tabs-top ant-tabs-line no-flex">
|
||||
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
||||
<div
|
||||
class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-scroll">
|
||||
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
||||
<div>
|
||||
|
|
@ -280,30 +254,25 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
|
|||
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of Tab 1</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of Tab 1</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/tabs/demo/size.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-bottom: 16px;">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-bottom: 16px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label></div>
|
||||
<div class="ant-tabs ant-tabs-top ant-tabs-small ant-tabs-line no-flex">
|
||||
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
||||
<div
|
||||
class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-scroll">
|
||||
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
||||
<div>
|
||||
|
|
@ -314,29 +283,25 @@ exports[`renders ./components/tabs/demo/size.md correctly 1`] = `
|
|||
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: -100%;">
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of tab 2</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: -100%;">
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of tab 2</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/tabs/demo/slide.md correctly 1`] = `
|
||||
<div style="width: 500px;">
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-bottom: 8px;">
|
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="top"><span class="ant-radio-button-inner"></span></span><span>Horizontal</span></label>
|
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="left"><span class="ant-radio-button-inner"></span></span><span>Vertical</span></label>
|
||||
</div>
|
||||
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-bottom: 8px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="top"><span class="ant-radio-button-inner"></span></span><span>Horizontal</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="left"><span class="ant-radio-button-inner"></span></span><span>Vertical</span></label></div>
|
||||
<div class="ant-tabs ant-tabs-top ant-tabs-line no-flex" style="height: 200px;">
|
||||
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
||||
<div
|
||||
class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-scroll">
|
||||
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
||||
<div>
|
||||
|
|
@ -355,22 +320,22 @@ exports[`renders ./components/tabs/demo/slide.md correctly 1`] = `
|
|||
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of tab 1</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of tab 1</div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -4,8 +4,7 @@ exports[`Tabs tabPosition remove card 1`] = `
|
|||
<div class="ant-tabs ant-tabs-left ant-tabs-vertical ant-tabs-line no-flex">
|
||||
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
||||
<div
|
||||
class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-wrap">
|
||||
<div class="ant-tabs-nav-scroll">
|
||||
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
||||
<div>
|
||||
|
|
@ -14,12 +13,12 @@ exports[`Tabs tabPosition remove card 1`] = `
|
|||
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-tabs-extra-content">xxx</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-top: 0%;">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">foo</div>
|
||||
</div>
|
||||
<div class="ant-tabs-extra-content">xxx</div>
|
||||
</div>
|
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-top: 0%;">
|
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">foo</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -3,15 +3,9 @@
|
|||
exports[`renders ./components/tag/demo/basic.md correctly 1`] = `
|
||||
<div>
|
||||
<div class="ant-tag ant-tag-zoom-enter">Tag 1</div>
|
||||
<div class="ant-tag ant-tag-zoom-enter">
|
||||
<a href="https://github.com/vueComponent/ant-design">Link</a>
|
||||
</div>
|
||||
<div class="ant-tag ant-tag-zoom-enter">Tag 2
|
||||
<i class="anticon anticon-cross"></i>
|
||||
</div>
|
||||
<div class="ant-tag ant-tag-zoom-enter">Prevent Default
|
||||
<i class="anticon anticon-cross"></i>
|
||||
</div>
|
||||
<div class="ant-tag ant-tag-zoom-enter"><a href="https://github.com/vueComponent/ant-design">Link</a></div>
|
||||
<div class="ant-tag ant-tag-zoom-enter">Tag 2<i class="anticon anticon-cross"></i></div>
|
||||
<div class="ant-tag ant-tag-zoom-enter">Prevent Default<i class="anticon anticon-cross"></i></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
|
@ -52,14 +46,11 @@ exports[`renders ./components/tag/demo/control.md correctly 1`] = `
|
|||
</div>
|
||||
<div class="ant-tag ant-tag-zoom-enter">
|
||||
Tag 2
|
||||
<i class="anticon anticon-cross"></i>
|
||||
</div>
|
||||
<i class="anticon anticon-cross"></i></div>
|
||||
<div class="ant-tag ant-tag-zoom-enter">
|
||||
Tag 3Tag 3Tag 3Tag 3...
|
||||
<i class="anticon anticon-cross"></i>
|
||||
</div>
|
||||
<div class="ant-tag ant-tag-zoom-enter" style="border-style: dashed; background: rgb(255, 255, 255);">
|
||||
<i class="anticon anticon-plus"></i> New Tag
|
||||
<i class="anticon anticon-cross"></i></div>
|
||||
<div class="ant-tag ant-tag-zoom-enter" style="border-style: dashed; background: rgb(255, 255, 255);"><i class="anticon anticon-plus"></i> New Tag
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -1,15 +1,8 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`renders ./components/time-picker/demo/12hours.md correctly 1`] = `
|
||||
<div><span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>
|
||||
<span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/time-picker/demo/12hours.md correctly 1`] = `<div><span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span></div>`;
|
||||
|
||||
exports[`renders ./components/time-picker/demo/addon.md correctly 1`] = `
|
||||
<div><span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/time-picker/demo/addon.md correctly 1`] = `<div><span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span></div>`;
|
||||
|
||||
exports[`renders ./components/time-picker/demo/basic.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>`;
|
||||
|
||||
|
|
@ -19,20 +12,12 @@ exports[`renders ./components/time-picker/demo/hide-column.md correctly 1`] = `<
|
|||
|
||||
exports[`renders ./components/time-picker/demo/interval-options.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>`;
|
||||
|
||||
exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
|
||||
<div><span class="ant-time-picker ant-time-picker-large"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>
|
||||
<span class="ant-time-picker ant-time-picker-small"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `<div><span class="ant-time-picker ant-time-picker-large"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> <span class="ant-time-picker ant-time-picker-small"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span></div>`;
|
||||
|
||||
exports[`renders ./components/time-picker/demo/value.md correctly 1`] = `
|
||||
<div>
|
||||
<p>use value and @change</p> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>
|
||||
<br>
|
||||
<br>
|
||||
<p>v-model</p> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>
|
||||
<br>
|
||||
<br>
|
||||
<p>use value and @change</p> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> <br> <br>
|
||||
<p>v-model</p> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> <br> <br>
|
||||
<p>Do not change</p> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,3 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`TimePicker renders addon correctly 1`] = `
|
||||
<div class="ant-time-picker-panel-addon">
|
||||
<button type="button">Ok</button>
|
||||
</div>
|
||||
`;
|
||||
exports[`TimePicker renders addon correctly 1`] = `<div class="ant-time-picker-panel-addon"><button type="button">Ok</button></div>`;
|
||||
|
|
|
|||
|
|
@ -72,9 +72,7 @@ exports[`renders ./components/timeline/demo/custom.md correctly 1`] = `
|
|||
</li>
|
||||
<li class="ant-timeline-item">
|
||||
<div class="ant-timeline-item-tail"></div>
|
||||
<div class="ant-timeline-item-head ant-timeline-item-head-custom ant-timeline-item-head-red">
|
||||
<i class="anticon anticon-clock-circle-o" style="font-size: '16px';"></i>
|
||||
</div>
|
||||
<div class="ant-timeline-item-head ant-timeline-item-head-custom ant-timeline-item-head-red"><i class="anticon anticon-clock-circle-o" style="font-size: '16px';"></i></div>
|
||||
<div class="ant-timeline-item-content">
|
||||
Technical testing 2015-09-01
|
||||
</div>
|
||||
|
|
@ -106,9 +104,7 @@ exports[`renders ./components/timeline/demo/pending.md correctly 1`] = `
|
|||
</li>
|
||||
<li class="ant-timeline-item ant-timeline-item-pending">
|
||||
<div class="ant-timeline-item-tail"></div>
|
||||
<div class="ant-timeline-item-head ant-timeline-item-head-custom ant-timeline-item-head-blue">
|
||||
<i class="anticon anticon-loading anticon-spin"></i>
|
||||
</div>
|
||||
<div class="ant-timeline-item-head ant-timeline-item-head-custom ant-timeline-item-head-blue"><i class="anticon anticon-loading anticon-spin"></i></div>
|
||||
<div class="ant-timeline-item-content">Recording...</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -1,19 +1,8 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`renders ./components/tooltip/demo/arrow-point-at-center.md correctly 1`] = `
|
||||
<div>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Align edge / 边缘对齐</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Arrow points to center / 箭头指向中心</span></button>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/tooltip/demo/arrow-point-at-center.md correctly 1`] = `<div><button type="button" class="ant-btn ant-btn-default"><span>Align edge / 边缘对齐</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Arrow points to center / 箭头指向中心</span></button></div>`;
|
||||
|
||||
exports[`renders ./components/tooltip/demo/auto-adjust-overflow.md correctly 1`] = `
|
||||
<div style="overflow: hidden; position: relative; padding: 24px; border: 1px solid #e9e9e9;">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Adjust automatically / 自动调整</span></button>
|
||||
<br>
|
||||
<button type="button" class="ant-btn ant-btn-default" style="margin-top: 10px;"><span>Ingore / 不处理</span></button>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/tooltip/demo/auto-adjust-overflow.md correctly 1`] = `<div style="overflow: hidden; position: relative; padding: 24px; border: 1px solid #e9e9e9;"><button type="button" class="ant-btn ant-btn-default"><span>Adjust automatically / 自动调整</span></button> <br> <button type="button" class="ant-btn ant-btn-default" style="margin-top: 10px;"><span>Ingore / 不处理</span></button></div>`;
|
||||
|
||||
exports[`renders ./components/tooltip/demo/basic.md correctly 1`] = `
|
||||
<span class="">
|
||||
|
|
@ -23,25 +12,9 @@ exports[`renders ./components/tooltip/demo/basic.md correctly 1`] = `
|
|||
|
||||
exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
|
||||
<div id="components-a-tooltip-demo-placement">
|
||||
<div style="margin-left: 70px; white-space: nowrap;">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>TL</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Top</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>TR</span></button>
|
||||
</div>
|
||||
<div style="width: 70px; float: left;">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>LT</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Left</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>LB</span></button>
|
||||
</div>
|
||||
<div style="width: 70px; margin-left: 304px;">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>RT</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Right</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>RB</span></button>
|
||||
</div>
|
||||
<div style="margin-left: 70px; clear: both; white-space: nowrap;">
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>BL</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>Bottom</span></button>
|
||||
<button type="button" class="ant-btn ant-btn-default"><span>BR</span></button>
|
||||
</div>
|
||||
<div style="margin-left: 70px; white-space: nowrap;"><button type="button" class="ant-btn ant-btn-default"><span>TL</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Top</span></button> <button type="button" class="ant-btn ant-btn-default"><span>TR</span></button></div>
|
||||
<div style="width: 70px; float: left;"><button type="button" class="ant-btn ant-btn-default"><span>LT</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Left</span></button> <button type="button" class="ant-btn ant-btn-default"><span>LB</span></button></div>
|
||||
<div style="width: 70px; margin-left: 304px;"><button type="button" class="ant-btn ant-btn-default"><span>RT</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Right</span></button> <button type="button" class="ant-btn ant-btn-default"><span>RB</span></button></div>
|
||||
<div style="margin-left: 70px; clear: both; white-space: nowrap;"><button type="button" class="ant-btn ant-btn-default"><span>BL</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Bottom</span></button> <button type="button" class="ant-btn ant-btn-default"><span>BR</span></button></div>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -3,14 +3,10 @@
|
|||
exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
|
||||
<div class="ant-transfer">
|
||||
<div class="ant-transfer-list ant-transfer-list-with-footer" style="width: 250px; height: 300px;">
|
||||
<div class="ant-transfer-list-header">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span class="ant-transfer-list-header-selected"><span>20 items</span><span class="ant-transfer-list-header-title"></span></span>
|
||||
</div>
|
||||
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>20 items</span><span class="ant-transfer-list-header-title"></span></span></div>
|
||||
<div class="ant-transfer-list-body ant-transfer-list-body-with-search">
|
||||
<div class="ant-transfer-list-body-search-wrapper">
|
||||
<div>
|
||||
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
|
||||
<div><input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
|
||||
</div>
|
||||
<ul class="ant-transfer-list-content">
|
||||
<div class="LazyLoad" style="height: 32px;"></div>
|
||||
|
|
@ -38,34 +34,21 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
|
|||
没数据
|
||||
</span></div>
|
||||
</div>
|
||||
<div class="ant-transfer-list-footer">
|
||||
<button type="button" class="ant-btn ant-btn-default ant-btn-sm" style="float: right; margin: 5px;"><span>reload</span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-transfer-operation">
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm">
|
||||
<i class="anticon anticon-right"></i><span>to right</span></button>
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm">
|
||||
<i class="anticon anticon-left"></i><span>to left</span></button>
|
||||
<div class="ant-transfer-list-footer"><button type="button" class="ant-btn ant-btn-default ant-btn-sm" style="float: right; margin: 5px;"><span>reload</span></button></div>
|
||||
</div>
|
||||
<div class="ant-transfer-operation"><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-right"></i><span>to right</span></button><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-left"></i><span>to left</span></button></div>
|
||||
<div class="ant-transfer-list ant-transfer-list-with-footer" style="width: 250px; height: 300px;">
|
||||
<div class="ant-transfer-list-header">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span>
|
||||
</div>
|
||||
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span></div>
|
||||
<div class="ant-transfer-list-body ant-transfer-list-body-with-search">
|
||||
<div class="ant-transfer-list-body-search-wrapper">
|
||||
<div>
|
||||
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
|
||||
<div><input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
|
||||
</div>
|
||||
<ul class="ant-transfer-list-content"></ul>
|
||||
<div class="ant-transfer-list-body-not-found"><span>
|
||||
没数据
|
||||
</span></div>
|
||||
</div>
|
||||
<div class="ant-transfer-list-footer">
|
||||
<button type="button" class="ant-btn ant-btn-default ant-btn-sm" style="float: right; margin: 5px;"><span>reload</span></button>
|
||||
</div>
|
||||
<div class="ant-transfer-list-footer"><button type="button" class="ant-btn ant-btn-default ant-btn-sm" style="float: right; margin: 5px;"><span>reload</span></button></div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
@ -73,10 +56,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
|
|||
exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
|
||||
<div class="ant-transfer">
|
||||
<div class="ant-transfer-list">
|
||||
<div class="ant-transfer-list-header">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-indeterminate"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span class="ant-transfer-list-header-selected"><span>2/14 items</span><span class="ant-transfer-list-header-title">Source</span></span>
|
||||
</div>
|
||||
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-indeterminate"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>2/14 items</span><span class="ant-transfer-list-header-title">Source</span></span></div>
|
||||
<div class="ant-transfer-list-body">
|
||||
<ul class="ant-transfer-list-content">
|
||||
<div class="LazyLoad" style="height: 32px;"></div>
|
||||
|
|
@ -97,19 +77,9 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
|
|||
<div class="ant-transfer-list-body-not-found">Not Found</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-transfer-operation">
|
||||
<button type="button" class="ant-btn ant-btn-primary ant-btn-sm">
|
||||
<i class="anticon anticon-right"></i>
|
||||
</button>
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm">
|
||||
<i class="anticon anticon-left"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="ant-transfer-operation"><button type="button" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-right"></i></button><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-left"></i></button></div>
|
||||
<div class="ant-transfer-list">
|
||||
<div class="ant-transfer-list-header">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span class="ant-transfer-list-header-selected"><span>6 items</span><span class="ant-transfer-list-header-title">Target</span></span>
|
||||
</div>
|
||||
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>6 items</span><span class="ant-transfer-list-header-title">Target</span></span></div>
|
||||
<div class="ant-transfer-list-body">
|
||||
<ul class="ant-transfer-list-content">
|
||||
<div class="LazyLoad" style="height: 32px;"></div>
|
||||
|
|
@ -128,10 +98,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
|
|||
exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
|
||||
<div class="ant-transfer">
|
||||
<div class="ant-transfer-list" style="width: 300px; height: 300px;">
|
||||
<div class="ant-transfer-list-header">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span class="ant-transfer-list-header-selected"><span>20 items</span><span class="ant-transfer-list-header-title"></span></span>
|
||||
</div>
|
||||
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>20 items</span><span class="ant-transfer-list-header-title"></span></span></div>
|
||||
<div class="ant-transfer-list-body">
|
||||
<ul class="ant-transfer-list-content">
|
||||
<div class="LazyLoad" style="height: 32px;"></div>
|
||||
|
|
@ -158,19 +125,9 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
|
|||
<div class="ant-transfer-list-body-not-found">Not Found</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-transfer-operation">
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm">
|
||||
<i class="anticon anticon-right"></i>
|
||||
</button>
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm">
|
||||
<i class="anticon anticon-left"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="ant-transfer-operation"><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-right"></i></button><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-left"></i></button></div>
|
||||
<div class="ant-transfer-list" style="width: 300px; height: 300px;">
|
||||
<div class="ant-transfer-list-header">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span>
|
||||
</div>
|
||||
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span></div>
|
||||
<div class="ant-transfer-list-body">
|
||||
<ul class="ant-transfer-list-content"></ul>
|
||||
<div class="ant-transfer-list-body-not-found">Not Found</div>
|
||||
|
|
@ -182,10 +139,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
|
|||
exports[`renders ./components/transfer/demo/large-data.md correctly 1`] = `
|
||||
<div class="ant-transfer">
|
||||
<div class="ant-transfer-list">
|
||||
<div class="ant-transfer-list-header">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span class="ant-transfer-list-header-selected"><span>2000 items</span><span class="ant-transfer-list-header-title"></span></span>
|
||||
</div>
|
||||
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>2000 items</span><span class="ant-transfer-list-header-title"></span></span></div>
|
||||
<div class="ant-transfer-list-body">
|
||||
<ul class="ant-transfer-list-content">
|
||||
<div class="LazyLoad" style="height: 32px;"></div>
|
||||
|
|
@ -2192,19 +2146,9 @@ exports[`renders ./components/transfer/demo/large-data.md correctly 1`] = `
|
|||
<div class="ant-transfer-list-body-not-found">Not Found</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-transfer-operation">
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm">
|
||||
<i class="anticon anticon-right"></i>
|
||||
</button>
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm">
|
||||
<i class="anticon anticon-left"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="ant-transfer-operation"><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-right"></i></button><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-left"></i></button></div>
|
||||
<div class="ant-transfer-list">
|
||||
<div class="ant-transfer-list-header">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span>
|
||||
</div>
|
||||
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span></div>
|
||||
<div class="ant-transfer-list-body">
|
||||
<ul class="ant-transfer-list-content"></ul>
|
||||
<div class="ant-transfer-list-body-not-found">Not Found</div>
|
||||
|
|
@ -2216,14 +2160,10 @@ exports[`renders ./components/transfer/demo/large-data.md correctly 1`] = `
|
|||
exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
|
||||
<div class="ant-transfer">
|
||||
<div class="ant-transfer-list">
|
||||
<div class="ant-transfer-list-header">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span class="ant-transfer-list-header-selected"><span>20 items</span><span class="ant-transfer-list-header-title"></span></span>
|
||||
</div>
|
||||
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>20 items</span><span class="ant-transfer-list-header-title"></span></span></div>
|
||||
<div class="ant-transfer-list-body ant-transfer-list-body-with-search">
|
||||
<div class="ant-transfer-list-body-search-wrapper">
|
||||
<div>
|
||||
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
|
||||
<div><input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
|
||||
</div>
|
||||
<ul class="ant-transfer-list-content">
|
||||
<div class="LazyLoad" style="height: 32px;"></div>
|
||||
|
|
@ -2250,23 +2190,12 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
|
|||
<div class="ant-transfer-list-body-not-found">Not Found</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-transfer-operation">
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm">
|
||||
<i class="anticon anticon-right"></i>
|
||||
</button>
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm">
|
||||
<i class="anticon anticon-left"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="ant-transfer-operation"><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-right"></i></button><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-left"></i></button></div>
|
||||
<div class="ant-transfer-list">
|
||||
<div class="ant-transfer-list-header">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span>
|
||||
</div>
|
||||
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span></div>
|
||||
<div class="ant-transfer-list-body ant-transfer-list-body-with-search">
|
||||
<div class="ant-transfer-list-body-search-wrapper">
|
||||
<div>
|
||||
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
|
||||
<div><input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
|
||||
</div>
|
||||
<ul class="ant-transfer-list-content"></ul>
|
||||
<div class="ant-transfer-list-body-not-found">Not Found</div>
|
||||
|
|
|
|||
|
|
@ -3,35 +3,17 @@
|
|||
exports[`Transfer should render correctly 1`] = `
|
||||
<div class="ant-transfer">
|
||||
<div class="ant-transfer-list">
|
||||
<div class="ant-transfer-list-header">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span class="ant-transfer-list-header-selected"><span>1/2 items</span><span class="ant-transfer-list-header-title"></span></span>
|
||||
</div>
|
||||
<div class="ant-transfer-list-body"><span tag="ul" class="ant-transfer-list-content"><li class="ant-transfer-list-content-item"><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span></span></li>
|
||||
<li class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span></span></li>
|
||||
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>1/2 items</span><span class="ant-transfer-list-header-title"></span></span></div>
|
||||
<div class="ant-transfer-list-body"><span tag="ul" class="ant-transfer-list-content"><li class="ant-transfer-list-content-item"><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span></label><span></span></li>
|
||||
<li class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span></label><span></span></li>
|
||||
</span>
|
||||
<div class="ant-transfer-list-body-not-found">Not Found</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-transfer-operation">
|
||||
<button type="button" class="ant-btn ant-btn-primary ant-btn-sm">
|
||||
<i class="anticon anticon-right"></i>
|
||||
</button>
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm">
|
||||
<i class="anticon anticon-left"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="ant-transfer-operation"><button type="button" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-right"></i></button><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-left"></i></button></div>
|
||||
<div class="ant-transfer-list">
|
||||
<div class="ant-transfer-list-header">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span class="ant-transfer-list-header-selected"><span>1 item</span><span class="ant-transfer-list-header-title"></span></span>
|
||||
</div>
|
||||
<div class="ant-transfer-list-body"><span tag="ul" class="ant-transfer-list-content"><li class="ant-transfer-list-content-item"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span></span></li>
|
||||
</span>
|
||||
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>1 item</span><span class="ant-transfer-list-header-title"></span></span></div>
|
||||
<div class="ant-transfer-list-body"><span tag="ul" class="ant-transfer-list-content"><li class="ant-transfer-list-content-item"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span></label><span></span></li></span>
|
||||
<div class="ant-transfer-list-body-not-found">Not Found</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -41,34 +23,16 @@ exports[`Transfer should render correctly 1`] = `
|
|||
exports[`Transfer should show sorted targetkey 1`] = `
|
||||
<div class="ant-transfer">
|
||||
<div class="ant-transfer-list">
|
||||
<div class="ant-transfer-list-header">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span class="ant-transfer-list-header-selected"><span>1 item</span><span class="ant-transfer-list-header-title"></span></span>
|
||||
</div>
|
||||
<div class="ant-transfer-list-body"><span tag="ul" class="ant-transfer-list-content"><li title="a" class="ant-transfer-list-content-item"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span>a</span></li>
|
||||
</span>
|
||||
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>1 item</span><span class="ant-transfer-list-header-title"></span></span></div>
|
||||
<div class="ant-transfer-list-body"><span tag="ul" class="ant-transfer-list-content"><li title="a" class="ant-transfer-list-content-item"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span></label><span>a</span></li></span>
|
||||
<div class="ant-transfer-list-body-not-found">Not Found</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-transfer-operation">
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm">
|
||||
<i class="anticon anticon-right"></i>
|
||||
</button>
|
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm">
|
||||
<i class="anticon anticon-left"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="ant-transfer-operation"><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-right"></i></button><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-left"></i></button></div>
|
||||
<div class="ant-transfer-list">
|
||||
<div class="ant-transfer-list-header">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span class="ant-transfer-list-header-selected"><span>2 items</span><span class="ant-transfer-list-header-title"></span></span>
|
||||
</div>
|
||||
<div class="ant-transfer-list-body"><span tag="ul" class="ant-transfer-list-content"><li title="c" class="ant-transfer-list-content-item"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span>c</span></li>
|
||||
<li title="b" class="ant-transfer-list-content-item">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span>b</span></li>
|
||||
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>2 items</span><span class="ant-transfer-list-header-title"></span></span></div>
|
||||
<div class="ant-transfer-list-body"><span tag="ul" class="ant-transfer-list-content"><li title="c" class="ant-transfer-list-content-item"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span></label><span>c</span></li>
|
||||
<li title="b" class="ant-transfer-list-content-item"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span></label><span>b</span></li>
|
||||
</span>
|
||||
<div class="ant-transfer-list-body-not-found">Not Found</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,18 +2,10 @@
|
|||
|
||||
exports[`List should render correctly 1`] = `
|
||||
<div class="ant-transfer-list">
|
||||
<div class="ant-transfer-list-header">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-indeterminate"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span class="ant-transfer-list-header-selected"><span>1/3 </span><span class="ant-transfer-list-header-title"></span></span>
|
||||
</div>
|
||||
<div class="ant-transfer-list-body"><span tag="ul" class="ant-transfer-list-content"><li class="ant-transfer-list-content-item"><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span></span></li>
|
||||
<li class="ant-transfer-list-content-item">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span></span></li>
|
||||
<li class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled">
|
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||||
</label><span></span></li>
|
||||
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-indeterminate"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>1/3 </span><span class="ant-transfer-list-header-title"></span></span></div>
|
||||
<div class="ant-transfer-list-body"><span tag="ul" class="ant-transfer-list-content"><li class="ant-transfer-list-content-item"><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span></label><span></span></li>
|
||||
<li class="ant-transfer-list-content-item"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span></label><span></span></li>
|
||||
<li class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span></label><span></span></li>
|
||||
</span>
|
||||
<div class="ant-transfer-list-body-not-found">Not Found</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,15 +1,5 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Search should show cross icon when input value exists 1`] = `
|
||||
<div>
|
||||
<input value="" placeholder="" type="text" class="ant-input"><span class="undefined-action"><i class="anticon anticon-search"></i></span></div>
|
||||
`;
|
||||
exports[`Search should show cross icon when input value exists 1`] = `<div><input value="" placeholder="" type="text" class="ant-input"><span class="undefined-action"><i class="anticon anticon-search"></i></span></div>`;
|
||||
|
||||
exports[`Search should show cross icon when input value exists 2`] = `
|
||||
<div>
|
||||
<input value="a" placeholder="" type="text" class="ant-input">
|
||||
<a href="#" class="undefined-action">
|
||||
<i class="anticon anticon-cross-circle"></i>
|
||||
</a>
|
||||
</div>
|
||||
`;
|
||||
exports[`Search should show cross icon when input value exists 2`] = `<div><input value="a" placeholder="" type="text" class="ant-input"><a href="#" class="undefined-action"><i class="anticon anticon-cross-circle"></i></a></div>`;
|
||||
|
|
|
|||
|
|
@ -2,30 +2,24 @@
|
|||
|
||||
exports[`renders ./components/tree-select/demo/basic.md correctly 1`] = `
|
||||
<span class="ant-select ant-select-enabled ant-select-allow-clear" style="width: 300px;"><span role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection
|
||||
ant-select-selection--single"><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></b></span></span>
|
||||
</span>
|
||||
ant-select-selection--single"><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></b></span></span></span>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
|
||||
<span class="ant-select ant-select-enabled" style="width: 300px;"><span role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection
|
||||
ant-select-selection--multiple"><div class="ant-select-selection__rendered"><li title="Node1" unselectable="unselectable" class="ant-select-selection__choice"><span class="ant-select-selection__choice__remove"></span><span class="ant-select-selection__choice__content">Node1</span></li>
|
||||
<li
|
||||
class="ant-select-search ant-select-search--inline"><span class="ant-select-search__field__wrap"><input role="textbox" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></span>
|
||||
</li>
|
||||
</div><span class="ant-select-search__field__placeholder" style="display: none;">Please select</span></span>
|
||||
</span>
|
||||
<li class="ant-select-search ant-select-search--inline"><span class="ant-select-search__field__wrap"><input role="textbox" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></span></li>
|
||||
</div><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 role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection
|
||||
ant-select-selection--multiple"><div class="ant-select-selection__rendered"><li class="ant-select-search ant-select-search--inline"><span class="ant-select-search__field__wrap"><input role="textbox" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></span>
|
||||
</li>
|
||||
</div><span class="ant-select-search__field__placeholder" style="display: block;">Please select</span></span>
|
||||
</span>
|
||||
ant-select-selection--multiple"><div class="ant-select-selection__rendered"><li class="ant-select-search ant-select-search--inline"><span class="ant-select-search__field__wrap"><input role="textbox" class="ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></span></li>
|
||||
</div><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 role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection
|
||||
ant-select-selection--single"><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></b></span></span>
|
||||
</span>
|
||||
ant-select-selection--single"><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></b></span></span></span>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -3,87 +3,58 @@
|
|||
exports[`renders ./components/tree/demo/basic.md correctly 1`] = `
|
||||
<ul role="tree-node" unselectable="on" class="ant-tree">
|
||||
<li class="ant-tree-treenode-switcher-open ant-tree-treenode-checkbox-checked"><span class="ant-tree-switcher ant-tree-switcher_open"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="parent 1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1</span></span>
|
||||
<ul
|
||||
data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<ul data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<li class="ant-tree-treenode-disabled ant-tree-treenode-switcher-open ant-tree-treenode-checkbox-checked ant-tree-treenode-selected"><span class="ant-tree-switcher ant-tree-switcher_open"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled"><span class="ant-tree-checkbox-inner"></span></span><span title="parent 1-0" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1-0</span></span>
|
||||
<ul
|
||||
data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox ant-tree-checkbox-disabled"><span class="ant-tree-checkbox-inner"></span></span><span title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-open ant-tree-treenode-checkbox-checked"><span class="ant-tree-switcher ant-tree-switcher_open"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="parent 1-1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1-1</span></span>
|
||||
<ul
|
||||
data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<li class="ant-tree-treenode-switcher-close ant-tree-treenode-checkbox-checked"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title"><span style="color: rgb(24, 144, 255);">sss</span></span>
|
||||
</span>
|
||||
</li>
|
||||
<ul data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox ant-tree-checkbox-disabled"><span class="ant-tree-checkbox-inner"></span></span><span title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span></li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-open ant-tree-treenode-checkbox-checked"><span class="ant-tree-switcher ant-tree-switcher_open"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="parent 1-1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1-1</span></span>
|
||||
<ul data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<li class="ant-tree-treenode-switcher-close ant-tree-treenode-checkbox-checked"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title"><span style="color: rgb(24, 144, 255);">sss</span></span></span></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</li>
|
||||
</ul>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/tree/demo/basic-controlled.md correctly 1`] = `
|
||||
<ul role="tree-node" unselectable="on" class="ant-tree">
|
||||
<li class="ant-tree-treenode-switcher-open ant-tree-treenode-checkbox-indeterminate"><span class="ant-tree-switcher ant-tree-switcher_open"></span><span class="ant-tree-checkbox ant-tree-checkbox-indeterminate"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">0-0</span></span>
|
||||
<ul
|
||||
data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<ul data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<li class="ant-tree-treenode-switcher-open ant-tree-treenode-checkbox-checked"><span class="ant-tree-switcher ant-tree-switcher_open"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-0" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">0-0-0</span></span>
|
||||
<ul
|
||||
data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<li class="ant-tree-treenode-switcher-close ant-tree-treenode-checkbox-checked"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-0-0" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-0-0</span></span>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close ant-tree-treenode-checkbox-checked"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-0-1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-0-1</span></span>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close ant-tree-treenode-checkbox-checked"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-0-2" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-0-2</span></span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher_open"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">0-0-1</span></span>
|
||||
<ul
|
||||
data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-1-0" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-1-0</span></span>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-1-1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-1-1</span></span>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-1-2" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-1-2</span></span>
|
||||
</li>
|
||||
<ul data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<li class="ant-tree-treenode-switcher-close ant-tree-treenode-checkbox-checked"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-0-0" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-0-0</span></span></li>
|
||||
<li class="ant-tree-treenode-switcher-close ant-tree-treenode-checkbox-checked"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-0-1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-0-1</span></span></li>
|
||||
<li class="ant-tree-treenode-switcher-close ant-tree-treenode-checkbox-checked"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-0-2" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-0-2</span></span></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher_open"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">0-0-1</span></span>
|
||||
<ul data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-1-0" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-1-0</span></span></li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-1-1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-1-1</span></span></li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-1-2" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-1-2</span></span></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-2" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-2</span></span></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-2" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-2</span></span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">0-1</span></span>
|
||||
<!---->
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-2" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-2</span></span>
|
||||
</li>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">0-1</span></span>
|
||||
<!---->
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-2" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-2</span></span></li>
|
||||
</ul>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/tree/demo/customized-icon.md correctly 1`] = `
|
||||
<ul role="tree-node" unselectable="on" class="ant-tree">
|
||||
<li class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher_open"></span><span title="parent 1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-iconEle ant-tree-icon__customize"><i class="anticon anticon-smile-o"></i></span>
|
||||
<span
|
||||
class="ant-tree-title">parent 1</span>
|
||||
</span>
|
||||
<ul data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<li class="ant-tree-treenode-switcher-open ant-tree-treenode-selected"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal ant-tree-node-selected"><span class="ant-tree-iconEle ant-tree-icon__customize"><i class="anticon anticon-smile-o"></i></span>
|
||||
<span
|
||||
class="ant-tree-title">leaf</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-iconEle ant-tree-icon__customize"><i class="anticon anticon-frown-o"></i></span>
|
||||
<span
|
||||
class="ant-tree-title">leaf</span>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
<li class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher_open"></span><span title="parent 1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-iconEle ant-tree-icon__customize"><i class="anticon anticon-smile-o"></i></span><span class="ant-tree-title">parent 1</span></span>
|
||||
<ul data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<li class="ant-tree-treenode-switcher-open ant-tree-treenode-selected"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal ant-tree-node-selected"><span class="ant-tree-iconEle ant-tree-icon__customize"><i class="anticon anticon-smile-o"></i></span><span class="ant-tree-title">leaf</span></span></li>
|
||||
<li class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-iconEle ant-tree-icon__customize"><i class="anticon anticon-frown-o"></i></span><span class="ant-tree-title">leaf</span></span></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
`;
|
||||
|
|
@ -91,58 +62,44 @@ exports[`renders ./components/tree/demo/customized-icon.md correctly 1`] = `
|
|||
exports[`renders ./components/tree/demo/draggable.md correctly 1`] = `
|
||||
<ul role="tree-node" unselectable="on" class="draggable-tree ant-tree">
|
||||
<li class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher_open"></span><span title="0-0" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open draggable"><span class="ant-tree-title">0-0</span></span>
|
||||
<ul
|
||||
data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<ul data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<li class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher_open"></span><span title="0-0-0" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open draggable"><span class="ant-tree-title">0-0-0</span></span>
|
||||
<ul
|
||||
data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<li class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="0-0-0-0" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"><span class="ant-tree-title">0-0-0-0</span></span>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="0-0-0-1" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"><span class="ant-tree-title">0-0-0-1</span></span>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="0-0-0-2" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"><span class="ant-tree-title">0-0-0-2</span></span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="0-0-1" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close draggable"><span class="ant-tree-title">0-0-1</span></span>
|
||||
<!---->
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="0-0-2" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"><span class="ant-tree-title">0-0-2</span></span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="0-1" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close draggable"><span class="ant-tree-title">0-1</span></span>
|
||||
<!---->
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="0-2" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"><span class="ant-tree-title">0-2</span></span>
|
||||
</li>
|
||||
<ul data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<li class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="0-0-0-0" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"><span class="ant-tree-title">0-0-0-0</span></span></li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="0-0-0-1" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"><span class="ant-tree-title">0-0-0-1</span></span></li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="0-0-0-2" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"><span class="ant-tree-title">0-0-0-2</span></span></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="0-0-1" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close draggable"><span class="ant-tree-title">0-0-1</span></span>
|
||||
<!---->
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="0-0-2" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"><span class="ant-tree-title">0-0-2</span></span></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="0-1" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close draggable"><span class="ant-tree-title">0-1</span></span>
|
||||
<!---->
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="0-2" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"><span class="ant-tree-title">0-2</span></span></li>
|
||||
</ul>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/tree/demo/dynamic.md correctly 1`] = `
|
||||
<ul role="tree-node" unselectable="on" class="ant-tree">
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="Expand to load" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">Expand to load</span></span>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="Expand to load" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">Expand to load</span></span>
|
||||
</li>
|
||||
<li class=""><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="Tree Node" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">Tree Node</span></span>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="Expand to load" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">Expand to load</span></span></li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="Expand to load" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">Expand to load</span></span></li>
|
||||
<li class=""><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="Tree Node" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">Tree Node</span></span></li>
|
||||
</ul>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/tree/demo/line.md correctly 1`] = `
|
||||
<ul role="tree-node" unselectable="on" class="ant-tree ant-tree-show-line">
|
||||
<li class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher_open"></span><span title="" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title"><span style="color: rgb(24, 144, 255);">parent 1</span></span>
|
||||
</span>
|
||||
<li class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher_open"></span><span title="" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title"><span style="color: rgb(24, 144, 255);">parent 1</span></span></span>
|
||||
<ul data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<li class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher_open"></span><span title="parent 1-0" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1-0</span></span>
|
||||
<ul data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open">
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span></li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span></li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="parent 1-1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">parent 1-1</span></span>
|
||||
|
|
@ -161,27 +118,23 @@ exports[`renders ./components/tree/demo/search.md correctly 1`] = `
|
|||
<ul role="tree-node" unselectable="on" class="ant-tree">
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title"><span>
|
||||
|
||||
<span style="color: rgb(255, 85, 0);"></span> 0-0
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<span style="color: rgb(255, 85, 0);"></span>
|
||||
0-0
|
||||
</span></span></span>
|
||||
<!---->
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title"><span>
|
||||
|
||||
<span style="color: rgb(255, 85, 0);"></span> 0-1
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<span style="color: rgb(255, 85, 0);"></span>
|
||||
0-1
|
||||
</span></span></span>
|
||||
<!---->
|
||||
</li>
|
||||
<li class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title"><span>
|
||||
|
||||
<span style="color: rgb(255, 85, 0);"></span> 0-2
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<span style="color: rgb(255, 85, 0);"></span>
|
||||
0-2
|
||||
</span></span></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -5,23 +5,19 @@ exports[`renders ./components/upload/demo/avatar.md correctly 1`] = `<span class
|
|||
exports[`renders ./components/upload/demo/basic.md correctly 1`] = `<span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span>`;
|
||||
|
||||
exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
|
||||
<span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><i class="anticon anticon-paper-clip"></i><a href="http://www.baidu.com/xxx.png" target="_blank" rel="noopener noreferrer" title="xxx.png" class="ant-upload-list-item-name">xxx.png</a></span></div>
|
||||
<i
|
||||
class="anticon anticon-cross"></i>
|
||||
<span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><i class="anticon anticon-paper-clip"></i><a href="http://www.baidu.com/xxx.png" target="_blank" rel="noopener noreferrer" title="xxx.png" class="ant-upload-list-item-name">xxx.png</a></span></div><i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><i class="anticon anticon-paper-clip"></i><a href="http://www.baidu.com/yyy.png" target="_blank" rel="noopener noreferrer" title="yyy.png" class="ant-upload-list-item-name">yyy.png</a></span></div><i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><i class="anticon anticon-paper-clip"></i><a href="http://www.baidu.com/yyy.png" target="_blank" rel="noopener noreferrer" title="yyy.png" class="ant-upload-list-item-name">yyy.png</a></span></div>
|
||||
<i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-error">
|
||||
<div class="ant-upload-list-item-info"><span class=""><i class="anticon anticon-paper-clip"></i><a href="http://www.baidu.com/zzz.png" target="_blank" rel="noopener noreferrer" title="zzz.png" class="ant-upload-list-item-name">zzz.png</a></span></div>
|
||||
<i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-error">
|
||||
<div class="ant-upload-list-item-info"><span class=""><i class="anticon anticon-paper-clip"></i><a href="http://www.baidu.com/zzz.png" target="_blank" rel="noopener noreferrer" title="zzz.png" class="ant-upload-list-item-name">zzz.png</a></span></div><i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/upload/demo/directory.md correctly 1`] = `<span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span>`;
|
||||
|
|
@ -29,68 +25,42 @@ exports[`renders ./components/upload/demo/directory.md correctly 1`] = `<span><d
|
|||
exports[`renders ./components/upload/demo/drag.md correctly 1`] = `<span><div class="ant-upload ant-upload-drag"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span>`;
|
||||
|
||||
exports[`renders ./components/upload/demo/fileList.md correctly 1`] = `
|
||||
<span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><i class="anticon anticon-paper-clip"></i><a href="http://www.baidu.com/xxx.png" target="_blank" rel="noopener noreferrer" title="xxx.png" class="ant-upload-list-item-name">xxx.png</a></span></div>
|
||||
<i
|
||||
class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><i class="anticon anticon-paper-clip"></i><a href="http://www.baidu.com/xxx.png" target="_blank" rel="noopener noreferrer" title="xxx.png" class="ant-upload-list-item-name">xxx.png</a></span></div><i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
</div></span>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
|
||||
<div class="clearfix"><span><div class="ant-upload-list ant-upload-list-picture-card"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="xxx.png"></a><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="xxx.png" class="ant-upload-list-item-name">xxx.png</a></span></div>
|
||||
<span
|
||||
class="ant-upload-list-item-actions">
|
||||
<a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="Preview file">
|
||||
<i class="anticon anticon-eye-o"></i>
|
||||
</a>
|
||||
<i title="Remove file" class="anticon anticon-delete"></i>
|
||||
</span>
|
||||
<div class="clearfix"><span><div class="ant-upload-list ant-upload-list-picture-card"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="xxx.png"></a><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="xxx.png" class="ant-upload-list-item-name">xxx.png</a></span></div><span class="ant-upload-list-item-actions"><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="Preview file"><i class="anticon anticon-eye-o"></i></a><i title="Remove file" class="anticon anticon-delete"></i></span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-upload ant-upload-select ant-upload-select-picture-card">
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div class="ant-upload ant-upload-select ant-upload-select-picture-card">
|
||||
<!---->
|
||||
</div>
|
||||
</span>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
|
||||
<div><span><div class="ant-upload ant-upload-select ant-upload-select-picture"><!----></div><div class="ant-upload-list ant-upload-list-picture"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="xxx.png"></a><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="xxx.png" class="ant-upload-list-item-name">xxx.png</a></span></div>
|
||||
<i
|
||||
class="anticon anticon-cross"></i>
|
||||
<div><span><div class="ant-upload ant-upload-select ant-upload-select-picture"><!----></div><div class="ant-upload-list ant-upload-list-picture"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="xxx.png"></a><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="xxx.png" class="ant-upload-list-item-name">xxx.png</a></span></div><i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="yyy.png"></a><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="yyy.png" class="ant-upload-list-item-name">yyy.png</a></span></div><i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="yyy.png"></a><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="yyy.png" class="ant-upload-list-item-name">yyy.png</a></span></div>
|
||||
<i
|
||||
class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<br>
|
||||
<br> <span class="upload-list-inline"><div class="ant-upload ant-upload-select ant-upload-select-picture"><!----></div><div class="ant-upload-list ant-upload-list-picture"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="xxx.png"></a><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="xxx.png" class="ant-upload-list-item-name">xxx.png</a></span></div>
|
||||
<i
|
||||
class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="yyy.png"></a><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="yyy.png" class="ant-upload-list-item-name">yyy.png</a></span></div>
|
||||
<i
|
||||
class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div></span> <br> <br> <span class="upload-list-inline"><div class="ant-upload ant-upload-select ant-upload-select-picture"><!----></div><div class="ant-upload-list ant-upload-list-picture"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="xxx.png"></a><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="xxx.png" class="ant-upload-list-item-name">xxx.png</a></span></div><i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="yyy.png"></a><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="yyy.png" class="ant-upload-list-item-name">yyy.png</a></span></div><i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</span></div>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/upload/demo/upload-manually.md correctly 1`] = `
|
||||
<div class="clearfix"><span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span>
|
||||
<button type="button" disabled="disabled" class="upload-demo-start ant-btn ant-btn-primary"><span>Start Upload</span></button>
|
||||
</div>
|
||||
`;
|
||||
exports[`renders ./components/upload/demo/upload-manually.md correctly 1`] = `<div class="clearfix"><span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span> <button type="button" disabled="disabled" class="upload-demo-start ant-btn ant-btn-primary"><span>Start Upload</span></button></div>`;
|
||||
|
|
|
|||
|
|
@ -1,9 +1,7 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Upload List handle error 1`] = `
|
||||
<span><div class="ant-upload ant-upload-select ant-upload-select-text"><span role="button" tabindex="0" class="ant-upload ant-upload-btn"><input type="file" accept="" style="display: none;"><button>upload</button></span></div><span tag="div" class="ant-upload-list ant-upload-list-text"><div class="ant-upload-list-item ant-upload-list-item-uploading"><div class="ant-upload-list-item-info"><span><i class="anticon anticon-loading anticon-spin"></i><span title="foo.png" class="ant-upload-list-item-name">foo.png</span></span>
|
||||
</div>
|
||||
<i class="anticon anticon-cross"></i>
|
||||
<span><div class="ant-upload ant-upload-select ant-upload-select-text"><span role="button" tabindex="0" class="ant-upload ant-upload-btn"><input type="file" accept="" style="display: none;"><button>upload</button></span></div><span tag="div" class="ant-upload-list ant-upload-list-text"><div class="ant-upload-list-item ant-upload-list-item-uploading"><div class="ant-upload-list-item-info"><span><i class="anticon anticon-loading anticon-spin"></i><span title="foo.png" class="ant-upload-list-item-name">foo.png</span></span></div><i class="anticon anticon-cross"></i>
|
||||
<div class="ant-upload-list-item-progress">
|
||||
<div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-default">
|
||||
<div>
|
||||
|
|
@ -16,14 +14,11 @@ exports[`Upload List handle error 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</span>
|
||||
</span></span>
|
||||
`;
|
||||
|
||||
exports[`Upload List handle error 2`] = `
|
||||
<span><div class="ant-upload ant-upload-select ant-upload-select-text"><span role="button" tabindex="0" class="ant-upload ant-upload-btn"><input type="file" accept="" style="display: none;"><button>upload</button></span></div><span tag="div" class="ant-upload-list ant-upload-list-text"><div class="ant-upload-list-item ant-upload-list-item-uploading"><div class="ant-upload-list-item-info"><span><i class="anticon anticon-loading anticon-spin"></i><span title="foo.png" class="ant-upload-list-item-name">foo.png</span></span>
|
||||
</div>
|
||||
<i class="anticon anticon-cross"></i>
|
||||
<span><div class="ant-upload ant-upload-select ant-upload-select-text"><span role="button" tabindex="0" class="ant-upload ant-upload-btn"><input type="file" accept="" style="display: none;"><button>upload</button></span></div><span tag="div" class="ant-upload-list ant-upload-list-text"><div class="ant-upload-list-item ant-upload-list-item-uploading"><div class="ant-upload-list-item-info"><span><i class="anticon anticon-loading anticon-spin"></i><span title="foo.png" class="ant-upload-list-item-name">foo.png</span></span></div><i class="anticon anticon-cross"></i>
|
||||
<div class="ant-upload-list-item-progress">
|
||||
<div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-default">
|
||||
<div>
|
||||
|
|
@ -36,66 +31,46 @@ exports[`Upload List handle error 2`] = `
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</span>
|
||||
</span></span>
|
||||
`;
|
||||
|
||||
exports[`Upload List should be uploading when upload a file 1`] = `<span><div class="ant-upload ant-upload-select ant-upload-select-text"><span role="button" tabindex="0" class="ant-upload ant-upload-btn"><input type="file" accept="" style="display: none;"><button>upload</button></span></div><span tag="div" class="ant-upload-list ant-upload-list-text"></span></span>`;
|
||||
|
||||
exports[`Upload List should non-image format file preview 1`] = `
|
||||
<span><div class="ant-upload ant-upload-select ant-upload-select-picture"><!----></div><span tag="div" class="ant-upload-list ant-upload-list-picture"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/aaa.zip" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><i class="anticon anticon-file" style="font-size: 48px; color: rgba(0, 0, 0, 0.5);"></i></a><a href="https://cdn.xxx.com/aaa.zip" target="_blank" rel="noopener noreferrer" title="not-image" class="ant-upload-list-item-name">not-image</a></span></div>
|
||||
<i
|
||||
class="anticon anticon-cross"></i>
|
||||
<span><div class="ant-upload ant-upload-select ant-upload-select-picture"><!----></div><span tag="div" class="ant-upload-list ant-upload-list-picture"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/aaa.zip" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><i class="anticon anticon-file" style="font-size: 48px; color: rgba(0, 0, 0, 0.5);"></i></a><a href="https://cdn.xxx.com/aaa.zip" target="_blank" rel="noopener noreferrer" title="not-image" class="ant-upload-list-item-name">not-image</a></span></div><i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/aaa" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://cdn.xxx.com/aaa" alt="image"></a><a href="https://cdn.xxx.com/aaa" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div><i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/aaa" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://cdn.xxx.com/aaa" alt="image"></a><a href="https://cdn.xxx.com/aaa" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div>
|
||||
<i
|
||||
class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/aaa.xx" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><i class="anticon anticon-file" style="font-size: 48px; color: rgba(0, 0, 0, 0.5);"></i></a><a href="https://cdn.xxx.com/aaa.xx" target="_blank" rel="noopener noreferrer" title="not-image" class="ant-upload-list-item-name">not-image</a></span></div>
|
||||
<i
|
||||
class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/aaa.png/xx.xx" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><i class="anticon anticon-file" style="font-size: 48px; color: rgba(0, 0, 0, 0.5);"></i></a><a href="https://cdn.xxx.com/aaa.png/xx.xx" target="_blank" rel="noopener noreferrer" title="not-image" class="ant-upload-list-item-name">not-image</a></span></div>
|
||||
<i
|
||||
class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/xx.xx/aaa.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://cdn.xxx.com/xx.xx/aaa.png" alt="image"></a><a href="https://cdn.xxx.com/xx.xx/aaa.png" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div>
|
||||
<i
|
||||
class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/xx.xx/aaa.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="data:image/png;base64,UEsDBAoAAAAAADYZYkwAAAAAAAAAAAAAAAAdAAk" alt="image"></a><a href="https://cdn.xxx.com/xx.xx/aaa.png" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div>
|
||||
<i
|
||||
class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/xx.xx/aaa.png?query=123" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://cdn.xxx.com/xx.xx/aaa.png?query=123" alt="image"></a><a href="https://cdn.xxx.com/xx.xx/aaa.png?query=123" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div>
|
||||
<i
|
||||
class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/xx.xx/aaa.png#anchor" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://cdn.xxx.com/xx.xx/aaa.png#anchor" alt="image"></a><a href="https://cdn.xxx.com/xx.xx/aaa.png#anchor" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div>
|
||||
<i
|
||||
class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/xx.xx/aaa.png?query=some.query.with.dot" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://cdn.xxx.com/xx.xx/aaa.png?query=some.query.with.dot" alt="image"></a><a href="https://cdn.xxx.com/xx.xx/aaa.png?query=some.query.with.dot" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div>
|
||||
<i
|
||||
class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/aaa.xx" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><i class="anticon anticon-file" style="font-size: 48px; color: rgba(0, 0, 0, 0.5);"></i></a><a href="https://cdn.xxx.com/aaa.xx" target="_blank" rel="noopener noreferrer" title="not-image" class="ant-upload-list-item-name">not-image</a></span></div><i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/aaa.png/xx.xx" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><i class="anticon anticon-file" style="font-size: 48px; color: rgba(0, 0, 0, 0.5);"></i></a><a href="https://cdn.xxx.com/aaa.png/xx.xx" target="_blank" rel="noopener noreferrer" title="not-image" class="ant-upload-list-item-name">not-image</a></span></div><i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/xx.xx/aaa.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://cdn.xxx.com/xx.xx/aaa.png" alt="image"></a><a href="https://cdn.xxx.com/xx.xx/aaa.png" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div><i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/xx.xx/aaa.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="data:image/png;base64,UEsDBAoAAAAAADYZYkwAAAAAAAAAAAAAAAAdAAk" alt="image"></a><a href="https://cdn.xxx.com/xx.xx/aaa.png" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div><i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/xx.xx/aaa.png?query=123" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://cdn.xxx.com/xx.xx/aaa.png?query=123" alt="image"></a><a href="https://cdn.xxx.com/xx.xx/aaa.png?query=123" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div><i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/xx.xx/aaa.png#anchor" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://cdn.xxx.com/xx.xx/aaa.png#anchor" alt="image"></a><a href="https://cdn.xxx.com/xx.xx/aaa.png#anchor" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div><i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="ant-upload-list-item ant-upload-list-item-done">
|
||||
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/xx.xx/aaa.png?query=some.query.with.dot" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://cdn.xxx.com/xx.xx/aaa.png?query=some.query.with.dot" alt="image"></a><a href="https://cdn.xxx.com/xx.xx/aaa.png?query=some.query.with.dot" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div><i class="anticon anticon-cross"></i>
|
||||
<!---->
|
||||
</div>
|
||||
</span></span>
|
||||
`;
|
||||
|
|
|
|||
Loading…
Reference in New Issue