test: update demotest to async

pull/165/head
tjz 2018-05-18 22:04:10 +08:00
parent 8d29619871
commit 4d7f41f761
44 changed files with 1235 additions and 4199 deletions

View File

@ -3,13 +3,13 @@
exports[`renders ./components/affix/demo/basic.md correctly 1`] = `
<div>
<div>
<div>
<div class="">
<button type="button" class="ant-btn ant-btn-primary"><span>Affix top</span></button>
</div>
</div>
<br>
<div>
<div>
<div class="">
<button type="button" class="ant-btn ant-btn-primary"><span>Affix bottom</span></button>
</div>
</div>
@ -18,7 +18,7 @@ exports[`renders ./components/affix/demo/basic.md correctly 1`] = `
exports[`renders ./components/affix/demo/on-change.md correctly 1`] = `
<div>
<div>
<div class="">
<button type="button" class="ant-btn ant-btn-default"><span>120px to affix top</span></button>
</div>
</div>
@ -28,7 +28,7 @@ exports[`renders ./components/affix/demo/target.md correctly 1`] = `
<div id="components-affix-demo-target" class="scrollable-container">
<div class="background">
<div>
<div>
<div class="">
<button type="button" class="ant-btn ant-btn-primary"><span>Fixed at the top of container</span></button>
</div>
</div>

View File

@ -45,7 +45,7 @@ exports[`renders ./components/alert/demo/close-text.md correctly 1`] = `
exports[`renders ./components/alert/demo/description.md correctly 1`] = `
<div>
<div 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
Success Description <span style="color: red;">Success</span> Description Success Description
</p>
</span>
</div>

View File

@ -1,95 +1,95 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
<div class="ant-select ant-select-combobox ant-select-enabled ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width:200px;">
<div class="ant-select ant-select-combobox ant-select-enabled 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" aria-expanded="false" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered">
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:block;user-select:none;webkit-user-select:none;">input here</div>
<div unselectable="unselectable" 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>
<input value="" type="text" class="ant-input ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
</li>
</ul>
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
</div>
`;
exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1`] = `
<div class="certain-category-search-wrapper" style="width:250px;">
<div class="certain-category-search ant-select-lg ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete" style="width:100%;">
<div class="certain-category-search-wrapper" style="width: 250px;">
<div class="certain-category-search ant-select-lg ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete" style="width: 100%;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered">
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:block;user-select:none;webkit-user-select:none;">input here</div>
<div unselectable="unselectable" 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 value="" class="ant-input-affix-wrapper ant-select-search__field"><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>
<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">&nbsp;</span></div>
</li>
</ul>
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
</div>
</div>
`;
exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
<div class="ant-select ant-select-combobox ant-select-enabled ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width:200px;">
<div class="ant-select ant-select-combobox ant-select-enabled 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" aria-expanded="false" class="ant-select-selection ant-select-selection--single">
<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>
<textarea value="" placeholder="input here" class="custom ant-input ant-select-search__field" style="height: 50px;"></textarea><span class="ant-select-search__field__mirror">&nbsp;</span></div>
</li>
</ul>
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
</div>
`;
exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
<div class="ant-select ant-select-combobox ant-select-enabled ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width:200px;">
<div class="ant-select ant-select-combobox ant-select-enabled 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" aria-expanded="false" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered">
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:block;user-select:none;webkit-user-select:none;">input here</div>
<div unselectable="unselectable" 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>
<input value="" type="text" class="ant-input ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
</li>
</ul>
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
</div>
`;
exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
<div class="ant-select ant-select-combobox ant-select-enabled ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width:200px;">
<div class="ant-select ant-select-combobox ant-select-enabled 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" aria-expanded="false" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered">
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:block;user-select:none;webkit-user-select:none;">input here</div>
<div unselectable="unselectable" 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>
<input value="" type="text" class="ant-input ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
</li>
</ul>
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
</div>
`;
exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly 1`] = `
<div class="global-search-wrapper" style="width:300px;">
<div class="global-search ant-select-lg ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete" style="width:100%;">
<div class="global-search-wrapper" style="width: 300px;">
<div class="global-search ant-select-lg ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete" style="width: 100%;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered">
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:block;user-select:none;webkit-user-select:none;">input here</div>
<div unselectable="unselectable" 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 value="" class="ant-input-affix-wrapper ant-select-search__field"><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>
<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>
class="ant-select-search__field__mirror">&nbsp;</span>
</div>
</li>
</ul>
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
</div>
</div>
`;

View File

@ -1,11 +1,11 @@
// 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-icon ant-avatar-square"><i class="anticon anticon-user"></i></span>
<sup class="ant-scroll-number ant-badge-count"><span class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1100%);webkit-transform:translateY(-1100%);transform:translateY(-1100%);"><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p class="current">1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p></span></sup>
<div><span style="margin-right: 24px;"><span class="ant-badge"><span class="ant-avatar ant-avatar-icon ant-avatar-square"><i class="anticon anticon-user"></i></span>
<sup class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only"><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 class="ant-badge"><span class="ant-avatar ant-avatar-icon ant-avatar-square"><i class="anticon anticon-user"></i></span>
<sup class="ant-scroll-number ant-badge-dot"></sup>
<sup class="ant-scroll-number ant-badge-dot ant-badge-zoom-enter"></sup>
</span>
</div>
`;
@ -19,13 +19,13 @@ exports[`renders ./components/avatar/demo/basic.md correctly 1`] = `
`;
exports[`renders ./components/avatar/demo/dynamic.md correctly 1`] = `
<div><span class="ant-avatar ant-avatar-square ant-avatar-lg" style="background-color:#f56a00;"><span class="ant-avatar-string">U</span></span>
<div><span class="ant-avatar ant-avatar-square ant-avatar-lg" style="background-color: rgb(245, 106, 0);"><span class="ant-avatar-string">U</span></span>
<button type="button" class="ant-btn ant-btn-default"><span>改 变</span></button>
</div>
`;
exports[`renders ./components/avatar/demo/type.md correctly 1`] = `
<div><span class="ant-avatar ant-avatar-icon ant-avatar-circle"><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-image ant-avatar-circle"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></span> <span class="ant-avatar ant-avatar-circle" style="color:#f56a00;background-color:#fde3cf;"><span class="ant-avatar-string">U</span></span>
<span class="ant-avatar ant-avatar-icon ant-avatar-circle" style="background-color:#87d068;"><i class="anticon anticon-user"></i></span></div>
<span class="ant-avatar ant-avatar-image ant-avatar-circle"><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-icon ant-avatar-circle" style="background-color: rgb(135, 208, 104);"><i class="anticon anticon-user"></i></span></div>
`;

View File

@ -4,7 +4,7 @@ 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 +12,6 @@ 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:#1088e9;"> blue </strong> button.
<strong style="color: rgb(16, 136, 233);"> blue </strong> button.
</div>
`;

View File

@ -1,16 +1,16 @@
// 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 class="ant-scroll-number ant-badge-count"><span class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1500%);webkit-transform:translateY(-1500%);transform:translateY(-1500%);"><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p class="current">5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p></span></sup>
<div><span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only"><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 class="ant-scroll-number ant-badge-count"><span class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1000%);webkit-transform:translateY(-1000%);transform:translateY(-1000%);"><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p class="current">0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p></span></sup>
<span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only"><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 class="ant-scroll-number ant-badge-count"><span class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1500%);webkit-transform:translateY(-1500%);transform:translateY(-1500%);"><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p class="current">5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p></span></sup>
<div><span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only"><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">
@ -21,98 +21,98 @@ exports[`renders ./components/badge/demo/change.md correctly 1`] = `
</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"></sup></span> <span tabIndex="0" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"></span></span>
<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"></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"></sup></span></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 class="ant-scroll-number ant-badge-count"><span class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1500%);webkit-transform:translateY(-1500%);transform:translateY(-1500%);"><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p class="current">5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p></span></sup>
<sup class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only"><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 class="ant-scroll-number ant-badge-count ant-badge-multiple-words"><span class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1200%);webkit-transform:translateY(-1200%);transform:translateY(-1200%);"><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p class="current">2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p></span>
<div><span class="ant-badge ant-badge-not-a-wrapper"><sup class="ant-scroll-number ant-badge-count ant-badge-multiple-words -enter"><span class="ant-scroll-number-only"><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="transition:none;ms-transform:translateY(-1500%);webkit-transform:translateY(-1500%);transform:translateY(-1500%);">
<p>0</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>0</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
class="ant-scroll-number-only">
<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>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>0</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</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 class="ant-scroll-number ant-badge-count" style="background-color:#fff;color:#999;box-shadow:0 0 0 1px #d9d9d9 inset;"><span class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1400%);webkit-transform:translateY(-1400%);transform:translateY(-1400%);"><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p class="current">4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p></span></sup>
</span> <span class="ant-badge ant-badge-not-a-wrapper"><sup 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"><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 class="ant-scroll-number ant-badge-count ant-badge-multiple-words" style="background-color:#52c41a;">99+</sup></span></div>
<span class="ant-badge ant-badge-not-a-wrapper"><sup 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 class="ant-scroll-number ant-badge-count ant-badge-multiple-words"><span class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1900%);webkit-transform:translateY(-1900%);transform:translateY(-1900%);"><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p class="current">9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p></span>
<div><span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-multiple-words ant-badge-zoom-enter"><span class="ant-scroll-number-only"><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="transition:none;ms-transform:translateY(-1900%);webkit-transform:translateY(-1900%);transform:translateY(-1900%);">
<p>0</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>0</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
class="ant-scroll-number-only">
<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>0</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>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 class="ant-scroll-number ant-badge-count ant-badge-multiple-words">99+</sup></span> <span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-multiple-words">10+</sup></span> <span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-multiple-words">999+</sup></span></div>
</span> <span class="ant-badge"><a href="#" class="head-example"></a><sup 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 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 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`] = `

View File

@ -1,10 +1,9 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/breadcrumb/demo/basic.md correctly 1`] = `
<div class="ant-breadcrumb"><span><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link"><a href="">Application Center</a></span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link"><a href="">Application List</a></span>
<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="ant-breadcrumb-separator">/</span>
</span><span><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator">/</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>
`;
@ -12,22 +11,24 @@ exports[`renders ./components/breadcrumb/demo/router.md correctly 1`] = `<!---->
exports[`renders ./components/breadcrumb/demo/separator.md correctly 1`] = `
<div>
<div class="ant-breadcrumb"><span><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">&gt;</span></span><span><a class="ant-breadcrumb-link">Application Center</a><span class="ant-breadcrumb-separator">&gt;</span></span><span><a class="ant-breadcrumb-link">Application List</a><span class="ant-breadcrumb-separator">&gt;</span></span><span><span class="ant-breadcrumb-link">An Application</span>
<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">&gt;</span></span><span class=""><a class="ant-breadcrumb-link">Application Center</a><span class="ant-breadcrumb-separator">&gt;</span></span><span class=""><a class="ant-breadcrumb-link">Application List</a><span class="ant-breadcrumb-separator">&gt;</span></span>
<span
class="ant-breadcrumb-separator">&gt;</span>
</span>
class=""><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator">&gt;</span></span>
</div>
<div class="ant-breadcrumb"><span><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator"><span style="color:red;">&gt;</span></span>
</span><span><a class="ant-breadcrumb-link">Application Center</a><span class="ant-breadcrumb-separator"><span style="color:red;">&gt;</span></span>
</span><span><a class="ant-breadcrumb-link">Application List</a><span class="ant-breadcrumb-separator"><span style="color:red;">&gt;</span></span>
</span><span><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator"><span style="color:red;">&gt;</span></span>
<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator"><span style="color: red;">&gt;</span></span>
</span><span class=""><a class="ant-breadcrumb-link">Application Center</a><span class="ant-breadcrumb-separator"><span style="color: red;">&gt;</span></span>
</span><span class=""><a class="ant-breadcrumb-link">Application List</a><span class="ant-breadcrumb-separator"><span style="color: red;">&gt;</span></span>
</span><span class=""><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator"><span style="color: red;">&gt;</span></span>
</span>
</div>
</div>
`;
exports[`renders ./components/breadcrumb/demo/withIcon.md correctly 1`] = `
<div class="ant-breadcrumb"><span><a class="ant-breadcrumb-link"><i class="anticon anticon-home"></i></a><span class="ant-breadcrumb-separator">/</span></span><span><a class="ant-breadcrumb-link"><i class="anticon anticon-user"></i> <span>Application List</span></a><span class="ant-breadcrumb-separator">/</span></span><span><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>

View File

@ -65,7 +65,7 @@ exports[`renders ./components/button/demo/disabled.md correctly 1`] = `
`;
exports[`renders ./components/button/demo/ghost.md correctly 1`] = `
<div style="background:rgb(190, 200, 200);padding:26px 16px 16px;">
<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>
@ -132,7 +132,7 @@ exports[`renders ./components/button/demo/multiple.md correctly 1`] = `
exports[`renders ./components/button/demo/size.md correctly 1`] = `
<div>
<div class="ant-radio-group 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" checked="checked" class="ant-radio-button-input"><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"><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"><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"><span class="ant-radio-button-inner"></span></span><span>Small</span></label>
</div>

View File

@ -4,25 +4,25 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
<div class=" ant-fullcalendar-fullscreen">
<div class="ant-fullcalendar-header">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled ant-fullcalendar-year-select">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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>
<div class="ant-select ant-select-enabled ant-select ant-select-enabled ant-fullcalendar-month-select">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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-default">
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Month</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"><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"><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 tabindex="0" class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen">
<div class="ant-fullcalendar-calendar-body">
<table cellSpacing="0" role="grid" class="ant-fullcalendar-table">
<table cellspacing="0" role="grid" class="ant-fullcalendar-table">
<thead>
<tr role="row">
<th role="columnheader" title="Sun" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Su</span></th>
@ -35,7 +35,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
</tr>
</thead>
<tbody class="ant-fullcalendar-tbody">
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="October 30, 2016" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">30</div>
@ -79,7 +79,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="November 6, 2016" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">06</div>
@ -123,7 +123,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="November 13, 2016" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">13</div>
@ -211,7 +211,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="November 27, 2016" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">27</div>
@ -255,7 +255,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="December 4, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">04</div>
@ -307,29 +307,29 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
`;
exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
<div style="width:300px;border:1px solid #d9d9d9;border-radius:4px;">
<div>
<div style="width: 300px; border: 1px solid #d9d9d9; border-radius: 4px;">
<div class="">
<div class="ant-fullcalendar-header">
<div class="ant-select-sm ant-select ant-select-enabled ant-select-sm ant-select ant-select-enabled ant-select-sm ant-fullcalendar-year-select">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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>
<div class="ant-select-sm ant-select ant-select-enabled ant-select-sm ant-select ant-select-enabled ant-select-sm ant-fullcalendar-month-select">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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-small">
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Month</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"><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"><span class="ant-radio-button-inner"></span></span><span>Year</span></label>
</div>
</div>
<div tabIndex="0" class="ant-fullcalendar ant-fullcalendar-full">
<div tabindex="0" class="ant-fullcalendar ant-fullcalendar-full">
<div class="ant-fullcalendar-calendar-body">
<table cellSpacing="0" role="grid" class="ant-fullcalendar-table">
<table cellspacing="0" role="grid" class="ant-fullcalendar-table">
<thead>
<tr role="row">
<th role="columnheader" title="Sun" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Su</span></th>
@ -342,7 +342,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
</tr>
</thead>
<tbody class="ant-fullcalendar-tbody">
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="October 30, 2016" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">30</div>
@ -386,7 +386,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="November 6, 2016" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">06</div>
@ -430,7 +430,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="November 13, 2016" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">13</div>
@ -518,7 +518,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="November 27, 2016" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">27</div>
@ -562,7 +562,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="December 4, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">04</div>
@ -618,25 +618,25 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
<div class=" ant-fullcalendar-fullscreen">
<div class="ant-fullcalendar-header">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled ant-fullcalendar-year-select">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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>
<div class="ant-select ant-select-enabled ant-select ant-select-enabled ant-fullcalendar-month-select">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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-default">
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Month</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"><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"><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 tabindex="0" class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen">
<div class="ant-fullcalendar-calendar-body">
<table cellSpacing="0" role="grid" class="ant-fullcalendar-table">
<table cellspacing="0" role="grid" class="ant-fullcalendar-table">
<thead>
<tr role="row">
<th role="columnheader" title="Sun" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Su</span></th>
@ -649,7 +649,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
</tr>
</thead>
<tbody class="ant-fullcalendar-tbody">
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="October 30, 2016" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">30</div>
@ -707,7 +707,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="November 6, 2016" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">06</div>
@ -777,7 +777,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="November 13, 2016" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">13</div>
@ -906,7 +906,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="November 27, 2016" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">27</div>
@ -964,7 +964,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="December 4, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">04</div>
@ -1044,29 +1044,29 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
<div>
<div class="ant-alert ant-alert-info ant-alert-no-icon"><span class="ant-alert-message">You selected date: 2017-01-25</span><span class="ant-alert-description"></span></div>
<div style="display:inline-block;width:500px;border:1px solid #d9d9d9;border-radius:4px;">
<div style="display: inline-block; width: 500px; border: 1px solid #d9d9d9; border-radius: 4px;">
<div class=" ant-fullcalendar-fullscreen">
<div class="ant-fullcalendar-header">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled ant-fullcalendar-year-select">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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>
<div class="ant-select ant-select-enabled ant-select ant-select-enabled ant-fullcalendar-month-select">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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-default">
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Month</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"><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"><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 tabindex="0" class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen">
<div class="ant-fullcalendar-calendar-body">
<table cellSpacing="0" role="grid" class="ant-fullcalendar-table">
<table cellspacing="0" role="grid" class="ant-fullcalendar-table">
<thead>
<tr role="row">
<th role="columnheader" title="Sun" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Su</span></th>
@ -1079,7 +1079,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
</tr>
</thead>
<tbody class="ant-fullcalendar-tbody">
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="January 1, 2017" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">01</div>
@ -1123,7 +1123,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="January 8, 2017" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">08</div>
@ -1167,7 +1167,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="January 15, 2017" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">15</div>
@ -1255,7 +1255,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="January 29, 2017" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">29</div>
@ -1299,7 +1299,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="February 5, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">05</div>
@ -1349,29 +1349,29 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
</div>
</div>
</div>
<div style="display:inline-block;width:500px;margin-left:20px;border:1px solid #d9d9d9;border-radius:4px;">
<div style="display: inline-block; width: 500px; margin-left: 20px; border: 1px solid #d9d9d9; border-radius: 4px;">
<div class=" ant-fullcalendar-fullscreen">
<div class="ant-fullcalendar-header">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled ant-fullcalendar-year-select">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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>
<div class="ant-select ant-select-enabled ant-select ant-select-enabled ant-fullcalendar-month-select">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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-default">
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Month</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"><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"><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 tabindex="0" class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen">
<div class="ant-fullcalendar-calendar-body">
<table cellSpacing="0" role="grid" class="ant-fullcalendar-table">
<table cellspacing="0" role="grid" class="ant-fullcalendar-table">
<thead>
<tr role="row">
<th role="columnheader" title="Sun" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Su</span></th>
@ -1384,7 +1384,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
</tr>
</thead>
<tbody class="ant-fullcalendar-tbody">
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="January 1, 2017" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">01</div>
@ -1428,7 +1428,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="January 8, 2017" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">08</div>
@ -1472,7 +1472,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="January 15, 2017" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">15</div>
@ -1560,7 +1560,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="January 29, 2017" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">29</div>
@ -1604,7 +1604,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="February 5, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">05</div>

View File

@ -19,9 +19,9 @@ exports[`renders ./components/card/demo/basic.md correctly 1`] = `
`;
exports[`renders ./components/card/demo/colRowCard.md correctly 1`] = `
<div style="background-color:#ececec;padding:20px;">
<div class="ant-row" style="margin-left:-8px;margin-right:-8px;">
<div class="ant-col-8" style="padding-left:8px;padding-right:8px;">
<div style="background-color: rgb(236, 236, 236); padding: 20px;">
<div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div class="ant-col-8" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-card">
<div class="ant-card-head">
<div class="ant-card-head-wrapper">
@ -33,7 +33,7 @@ exports[`renders ./components/card/demo/colRowCard.md correctly 1`] = `
</div>
</div>
</div>
<div class="ant-col-8" style="padding-left:8px;padding-right:8px;">
<div class="ant-col-8" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-card">
<div class="ant-card-head">
<div class="ant-card-head-wrapper">
@ -45,7 +45,7 @@ exports[`renders ./components/card/demo/colRowCard.md correctly 1`] = `
</div>
</div>
</div>
<div class="ant-col-8" style="padding-left:8px;padding-right:8px;">
<div class="ant-col-8" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-card">
<div class="ant-card-head">
<div class="ant-card-head-wrapper">
@ -62,7 +62,7 @@ exports[`renders ./components/card/demo/colRowCard.md correctly 1`] = `
`;
exports[`renders ./components/card/demo/concise.md correctly 1`] = `
<div class="ant-card ant-card-bordered" style="width:300px;">
<div class="ant-card ant-card-bordered" style="width: 300px;">
<div class="ant-card-body">
<p>Card content</p>
<p>Card content</p>
@ -79,13 +79,13 @@ exports[`renders ./components/card/demo/grid.md correctly 1`] = `
</div>
</div>
<div class="ant-card-body">
<div class="ant-card-grid" style="width:25%;text-align:'center';">Content</div>
<div class="ant-card-grid" style="width:25%;text-align:'center';">Content</div>
<div class="ant-card-grid" style="width:25%;text-align:'center';">Content</div>
<div class="ant-card-grid" style="width:25%;text-align:'center';">Content</div>
<div class="ant-card-grid" style="width:25%;text-align:'center';">Content</div>
<div class="ant-card-grid" style="width:25%;text-align:'center';">Content</div>
<div class="ant-card-grid" style="width:25%;text-align:'center';">Content</div>
<div class="ant-card-grid" style="width: 25%; text-align: 'center';">Content</div>
<div class="ant-card-grid" style="width: 25%; text-align: 'center';">Content</div>
<div class="ant-card-grid" style="width: 25%; text-align: 'center';">Content</div>
<div class="ant-card-grid" style="width: 25%; text-align: 'center';">Content</div>
<div class="ant-card-grid" style="width: 25%; text-align: 'center';">Content</div>
<div class="ant-card-grid" style="width: 25%; text-align: 'center';">Content</div>
<div class="ant-card-grid" style="width: 25%; text-align: 'center';">Content</div>
</div>
</div>
`;
@ -98,7 +98,7 @@ exports[`renders ./components/card/demo/inline.md correctly 1`] = `
</div>
</div>
<div class="ant-card-body">
<p style="font-size:14px;color:rgba(0, 0, 0, 0.85);margin-bottom:16px;font-weight:500;">Group title</p>
<p style="font-size: 14px; color: rgba(0, 0, 0, 0.85); margin-bottom: 16px; font-weight: 500;">Group title</p>
<div class="ant-card ant-card-bordered">
<div class="ant-card-head">
<div class="ant-card-head-wrapper">
@ -130,7 +130,7 @@ exports[`renders ./components/card/demo/inline.md correctly 1`] = `
`;
exports[`renders ./components/card/demo/loading.md correctly 1`] = `
<div class="ant-card ant-card-loading ant-card-bordered" style="width:34%;">
<div class="ant-card ant-card-loading ant-card-bordered" style="width: 34%;">
<div class="ant-card-head">
<div class="ant-card-head-wrapper">
<div class="ant-card-head-title">Card title</div>
@ -138,18 +138,18 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
</div>
<div class="ant-card-body">
<div class="ant-card-loading-content">
<p class="ant-card-loading-block" style="width:94%;"></p>
<p><span class="ant-card-loading-block" style="width:28%;"></span><span class="ant-card-loading-block" style="width:62%;"></span></p>
<p><span class="ant-card-loading-block" style="width:22%;"></span><span class="ant-card-loading-block" style="width:66%;"></span></p>
<p><span class="ant-card-loading-block" style="width:56%;"></span><span class="ant-card-loading-block" style="width:39%;"></span></p>
<p><span class="ant-card-loading-block" style="width:21%;"></span><span class="ant-card-loading-block" style="width:15%;"></span><span class="ant-card-loading-block" style="width:40%;"></span></p>
<p class="ant-card-loading-block" style="width: 94%;"></p>
<p><span class="ant-card-loading-block" style="width: 28%;"></span><span class="ant-card-loading-block" style="width: 62%;"></span></p>
<p><span class="ant-card-loading-block" style="width: 22%;"></span><span class="ant-card-loading-block" style="width: 66%;"></span></p>
<p><span class="ant-card-loading-block" style="width: 56%;"></span><span class="ant-card-loading-block" style="width: 39%;"></span></p>
<p><span class="ant-card-loading-block" style="width: 21%;"></span><span class="ant-card-loading-block" style="width: 15%;"></span><span class="ant-card-loading-block" style="width: 40%;"></span></p>
</div>
</div>
</div>
`;
exports[`renders ./components/card/demo/moreConfigs.md correctly 1`] = `
<div class="ant-card ant-card-bordered ant-card-hoverable" style="width:300px;">
<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>
@ -163,13 +163,13 @@ exports[`renders ./components/card/demo/moreConfigs.md correctly 1`] = `
</div>
</div>
<ul class="ant-card-actions">
<li style="width:33.3333%;">
<li style="width: 33.3333%;">
<i class="anticon anticon-setting"></i>
</li>
<li style="width:33.3333%;">
<li style="width: 33.3333%;">
<i class="anticon anticon-edit"></i>
</li>
<li style="width:33.3333%;">
<li style="width: 33.3333%;">
<i class="anticon anticon-ellipsis"></i>
</li>
</ul>
@ -177,8 +177,8 @@ exports[`renders ./components/card/demo/moreConfigs.md correctly 1`] = `
`;
exports[`renders ./components/card/demo/noBorder.md correctly 1`] = `
<div style="background:#ECECEC;padding:30px;">
<div class="ant-card" style="width:300px;">
<div style="background: rgb(236, 236, 236); padding: 30px;">
<div class="ant-card" style="width: 300px;">
<div class="ant-card-head">
<div class="ant-card-head-wrapper">
<div class="ant-card-head-title">Card title</div>
@ -195,7 +195,7 @@ exports[`renders ./components/card/demo/noBorder.md correctly 1`] = `
exports[`renders ./components/card/demo/tabsCard.md correctly 1`] = `
<div>
<div class="ant-card ant-card-bordered ant-card-contain-tabs" style="width:100%;">
<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 class="ant-card-head-title">Card title</div>
@ -203,23 +203,23 @@ exports[`renders ./components/card/demo/tabsCard.md correctly 1`] = `
<a href="#">More</a>
</div>
</div>
<div class="ant-tabs ant-tabs-top ant-tabs-large ant-tabs-line ant-card-head-tabs">
<div role="tablist" tabIndex="0" class="ant-tabs-bar">
<div class="ant-tabs-extra-content" style="float:right;"></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-extra-content" style="float: right;"></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-scroll">
<div class="ant-tabs-nav ant-tabs-nav-animated">
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">tab1</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">tab2</div>
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">tab1</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">tab2</div>
</div>
</div>
</div>
</div>
</div>
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:0%;">
<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>
@ -231,27 +231,27 @@ exports[`renders ./components/card/demo/tabsCard.md correctly 1`] = `
</div>
<br>
<br>
<div class="ant-card ant-card-bordered ant-card-contain-tabs" style="width:100%;">
<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">
<div role="tablist" tabIndex="0" class="ant-tabs-bar">
<div class="ant-tabs-extra-content" style="float:right;"></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-extra-content" style="float: right;"></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-scroll">
<div class="ant-tabs-nav ant-tabs-nav-animated">
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"></div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">article</div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">app</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">project</div>
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></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>
</div>
</div>
</div>
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:-100%;">
<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>

View File

@ -1,19 +1,19 @@
// 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>
<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>
<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>
<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>
Zhejiang /
</span></span><span><span>
Hangzhou /
@ -29,53 +29,53 @@ exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
exports[`renders ./components/cascader/demo/custom-trigger.md correctly 1`] = `
<span>
Unselect
 
<a href="#" tabIndex="0">Change city</a></span>
&nbsp;
<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>
<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>
<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>
<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>
<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"><span class="ant-cascader-picker-label"></span>
<span tabindex="0" class="ant-cascader-picker"><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 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>
<div><span tabindex="0" class="ant-cascader-picker ant-cascader-picker-large 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>
<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 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>
<br> <span tabindex="0" class="ant-cascader-picker ant-cascader-picker-small 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>

View File

@ -4,30 +4,30 @@ 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;">
<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"><span class="ant-checkbox-inner"></span></span><span>
Check all
</span></label>
</div>
<br>
<div class="ant-checkbox-group">
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label>
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label>
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label>
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label>
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input"><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" checked="checked" class="ant-checkbox-input"><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"><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>
<button type="button" class="ant-btn ant-btn-primary ant-btn-sm" style="margin-left: 10px;"><span>Disable</span></button>
</p>
</div>
`;
@ -37,7 +37,7 @@ exports[`renders ./components/checkbox/demo/disabled.md correctly 1`] = `
<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>
<br>
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"><input type="checkbox" disabled="disabled" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
</label>
</div>
`;
@ -51,19 +51,19 @@ exports[`renders ./components/checkbox/demo/group.md correctly 1`] = `
</div>
<br>
<div class="ant-checkbox-group">
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label>
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label>
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label>
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label>
</div>
<br>
<div class="ant-checkbox-group">
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label>
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label>
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label>
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label>
</div>
<br>
<div class="ant-checkbox-group">
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"><input type="checkbox" disabled="disabled" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label>
<label class="ant-checkbox-group-item 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"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label>
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label>
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label>
</div>

View File

@ -28,7 +28,7 @@ exports[`renders ./components/collapse/demo/basic.md correctly 1`] = `
<div role="tablist" class="ant-collapse-item ant-collapse-item-active">
<div role="tab" aria-expanded="true" class="ant-collapse-header">
<i class="arrow"></i>This is panel header 1</div>
<div role="tabpanel" class="ant-collapse-content ant-collapse-content-active">
<div role="tabpanel" 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>
</div>
@ -54,7 +54,7 @@ exports[`renders ./components/collapse/demo/borderless.md correctly 1`] = `
<div role="tablist" class="ant-collapse-item ant-collapse-item-active">
<div role="tab" aria-expanded="true" class="ant-collapse-header">
<i class="arrow"></i>This is panel header 1</div>
<div role="tabpanel" class="ant-collapse-content ant-collapse-content-active">
<div role="tabpanel" 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>
</div>
@ -77,24 +77,24 @@ exports[`renders ./components/collapse/demo/borderless.md correctly 1`] = `
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:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;overflow:hidden;">
<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="tab" 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="tabpanel" class="ant-collapse-content ant-collapse-content-active">
<div role="tabpanel" 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>
</div>
</div>
</div>
<div role="tablist" class="ant-collapse-item" style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;overflow:hidden;">
<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="tab" class="ant-collapse-header">
<i class="arrow"></i>This is panel header 2</div>
<!---->
</div>
<div role="tablist" class="ant-collapse-item" style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;overflow:hidden;">
<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="tab" class="ant-collapse-header">
<i class="arrow"></i>This is panel header 3</div>
<!---->
@ -131,7 +131,7 @@ exports[`renders ./components/collapse/demo/noarrow.md correctly 1`] = `
<div role="tablist" class="ant-collapse-item ant-collapse-item-active">
<div role="tab" aria-expanded="true" class="ant-collapse-header">
<i class="arrow"></i>This is panel header with arrow icon</div>
<div role="tabpanel" class="ant-collapse-content ant-collapse-content-active">
<div role="tabpanel" 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>
</div>

View File

@ -1,98 +1,98 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
<div><span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select date" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></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>
<br> <span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select month" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
<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 ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
<br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input 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" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
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><input readOnly="true" placeholder="Select week" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></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><input readOnly="true" placeholder="Select date" value="" 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 ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
<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 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" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
</span> <span class="ant-calendar-picker"><span><input readOnly="true" placeholder="Select date" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span>
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><input disabled="disabled" readOnly="true" placeholder="Select date" value="2015-06-06" class="ant-calendar-picker-input ant-input ant-input-disabled"><span class="ant-calendar-picker-icon"></span></div>
<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><input disabled="disabled" readOnly="true" placeholder="Select date" value="2015-06" class="ant-calendar-picker-input ant-input ant-input-disabled"><span class="ant-calendar-picker-icon"></span></div>
<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 ant-calendar-picker-input ant-input ant-input-disabled"><input disabled="disabled" readOnly="true" placeholder="Start date" tabIndex="-1" value="2015-06-06" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
<br> <span tabindex="-1" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input ant-input-disabled 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" value="2015-06-06" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
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><input readOnly="true" placeholder="Select date" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></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>
<br> <span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select month" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
<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 ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
<br> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input 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" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
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><input readOnly="true" placeholder="Select date" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
</span> <span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select date" value="" 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 ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
<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 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" value="" 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 ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
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 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" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
</span> <span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select month" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
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><input readOnly="true" placeholder="Select date" value="2015/01/01" 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>
<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><input readOnly="true" placeholder="Select date" value="2015/01" 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>
<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 ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="2015/01/01" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
<br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input 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" value="2015/01/01" class="ant-calendar-range-picker-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 mode="time" class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select date" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
<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 ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start month" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
<br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input 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" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
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 ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
<div><span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input 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" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
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 ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
<br> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input 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" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
</span>
</div>
`;
@ -101,36 +101,36 @@ exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
<div>
<div class="ant-radio-group ant-radio-group-default">
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><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" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Default</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"><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"><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><input readOnly="true" placeholder="Select date" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
<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><input readOnly="true" placeholder="Select Month" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
<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 ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
<br> <span tabindex="0" class="ant-calendar-picker ant-calendar-picker-default"><span class="ant-calendar-picker-input ant-input 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" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
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><input readOnly="true" placeholder="Select Week" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></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><input readOnly="true" placeholder="Start" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
</span> <span class="ant-calendar-picker"><div><input readOnly="true" placeholder="End" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
<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><input readOnly="true" placeholder="Select Time" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
<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 ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start Time" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
<br> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input 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" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
readonly="true" placeholder="End Time" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
</span>
</div>
`;

View File

@ -7,7 +7,7 @@ exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = `
</a>
`;
exports[`renders ./components/dropdown/demo/context-menu.md correctly 1`] = `<span class="ant-dropdown-trigger" style="user-select:none;">Right Click on Me</span>`;
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>
@ -17,13 +17,13 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
<i class="anticon anticon-down"></i>
</button>
</div>
<div class="ant-btn-group ant-dropdown-button" style="margin-left:8px;">
<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-down"></i>
</button>
</div>
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger" style="margin-left:8px;">
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger" style="margin-left: 8px;">
Button
<i class="anticon anticon-down"></i>
</button>

View File

@ -123,17 +123,17 @@ exports[`renders ./components/grid/demo/flex-order.md correctly 1`] = `
exports[`renders ./components/grid/demo/gutter.md correctly 1`] = `
<div class="gutter-example">
<div class="ant-row" style="margin-left:-8px;margin-right:-8px;">
<div class="gutter-row ant-col-6" style="padding-left:8px;padding-right:8px;">
<div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div class="gutter-row ant-col-6" style="padding-left: 8px; padding-right: 8px;">
<div class="gutter-box">col-6</div>
</div>
<div class="gutter-row ant-col-6" style="padding-left:8px;padding-right:8px;">
<div class="gutter-row ant-col-6" style="padding-left: 8px; padding-right: 8px;">
<div class="gutter-box">col-6</div>
</div>
<div class="gutter-row ant-col-6" style="padding-left:8px;padding-right:8px;">
<div class="gutter-row ant-col-6" style="padding-left: 8px; padding-right: 8px;">
<div class="gutter-box">col-6</div>
</div>
<div class="gutter-row ant-col-6" style="padding-left:8px;padding-right:8px;">
<div class="gutter-row ant-col-6" style="padding-left: 8px; padding-right: 8px;">
<div class="gutter-box">col-6</div>
</div>
</div>
@ -158,52 +158,52 @@ exports[`renders ./components/grid/demo/offset.md correctly 1`] = `
exports[`renders ./components/grid/demo/playfround.md correctly 1`] = `
<div id="components-grid-demo-playground">
<div style="margin-bottom:16px;"><span style="margin-right:6px;">Gutter (px): </span>
<div style="width:50%;">
<div style="margin-bottom: 16px;"><span style="margin-right: 6px;">Gutter (px): </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: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>
<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 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>
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>
</div> <span style="margin-right:6px;">Column Count:</span>
<div style="width:50%;">
</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-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>
</div>
</div>
<div class="ant-row" style="margin-left:-8px;margin-right:-8px;">
<div class="ant-col-6" style="padding-left:8px;padding-right:8px;">
<div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div class="ant-col-6" style="padding-left: 8px; padding-right: 8px;">
<div>Column</div>
</div>
<div class="ant-col-6" style="padding-left:8px;padding-right:8px;">
<div class="ant-col-6" style="padding-left: 8px; padding-right: 8px;">
<div>Column</div>
</div>
<div class="ant-col-6" style="padding-left:8px;padding-right:8px;">
<div class="ant-col-6" style="padding-left: 8px; padding-right: 8px;">
<div>Column</div>
</div>
<div class="ant-col-6" style="padding-left:8px;padding-right:8px;">
<div class="ant-col-6" style="padding-left: 8px; padding-right: 8px;">
<div>Column</div>
</div>
</div> <pre>&lt;Row :gutter=&quot;16&quot;&gt;
&lt;Col :span=&quot;6&quot;/&gt;
&lt;Col :span=&quot;6&quot;/&gt;
&lt;Col :span=&quot;6&quot;/&gt;
&lt;Col :span=&quot;6&quot;/&gt;
</div> <pre>&lt;Row :gutter="16"&gt;
&lt;Col :span="6"/&gt;
&lt;Col :span="6"/&gt;
&lt;Col :span="6"/&gt;
&lt;Col :span="6"/&gt;
&lt;/Row&gt;</pre></div>
`;

View File

@ -7,7 +7,7 @@ exports[`renders ./components/input-number/demo/basic.md correctly 1`] = `
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" value="3" class="ant-input-number-input">
<input autocomplete="off" max="10" min="1" step="1" class="ant-input-number-input">
</div>
</div>
当前值3
@ -20,7 +20,7 @@ exports[`renders ./components/input-number/demo/digit.md correctly 1`] = `
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" value="" class="ant-input-number-input">
<input autocomplete="off" max="10" min="0" step="0.1" class="ant-input-number-input">
</div>
</div>
`;
@ -33,10 +33,10 @@ exports[`renders ./components/input-number/demo/disabled.md correctly 1`] = `
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" value="3" class="ant-input-number-input">
<input autocomplete="off" disabled="disabled" max="10" min="1" step="1" class="ant-input-number-input">
</div>
</div>
<div style="margin-top:20px;">
<div style="margin-top: 20px;">
<button type="button" class="ant-btn ant-btn-primary"><span>Toggle disabled</span></button>
</div>
</div>
@ -49,7 +49,7 @@ exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
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" value="$ 1,000" class="ant-input-number-input">
<input autocomplete="off" min="-9007199254740991" step="1" class="ant-input-number-input">
</div>
</div>
<div class="ant-input-number">
@ -58,7 +58,7 @@ exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
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" value="100%" class="ant-input-number-input">
<input autocomplete="off" max="100" min="0" step="1" class="ant-input-number-input">
</div>
</div>
</div>
@ -71,7 +71,7 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
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" value="3" class="ant-input-number-input">
<input autocomplete="off" max="100000" min="1" step="1" class="ant-input-number-input">
</div>
</div>
<div class="ant-input-number">
@ -79,7 +79,7 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
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" value="3" class="ant-input-number-input">
<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">
@ -87,7 +87,7 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
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" value="3" class="ant-input-number-input">
<input autocomplete="off" max="100000" min="1" step="1" class="ant-input-number-input">
</div>
</div>
</div>

View File

@ -2,20 +2,20 @@
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" value="mysite" class="ant-input"><span class="ant-input-group-addon">.com</span></span>
<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 ant-select ant-select-enabled" style="width:90px;"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></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 ant-select ant-select-enabled" style="width: 90px;"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" value="mysite" class="ant-input"><span class="ant-input-group-addon"><div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width:80px;"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<input defaultvalue="mysite" type="text" class="ant-input"><span class="ant-input-group-addon"><div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 80px;"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" value="mysite" class="ant-input"><span class="ant-input-group-addon"><i class="anticon anticon-setting"></i></span></span>
<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>
@ -23,60 +23,60 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
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 0;"></div>
<textarea placeholder="Autosize height with minimum and maximum number of lines" class="ant-input"></textarea>
<textarea placeholder="Autosize height based on content lines" class="ant-input" style="height: 0px; min-height: -Infinitypx; max-height: Infinitypx; overflow-y: hidden;"></textarea>
<div style="margin: 24px 0px;"></div>
<textarea placeholder="Autosize height with minimum and maximum number of lines" class="ant-input" style="height: -24px; min-height: -8px; max-height: -24px;"></textarea>
</div>
`;
exports[`renders ./components/input/demo/basic.md correctly 1`] = `<input placeholder="Basic usage" type="text" value="" class="ant-input">`;
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" value="0571" class="ant-input"></div><div class="ant-col-8"><input defaultValue="26888888" type="text" value="26888888" class="ant-input"></div></span>
<br> <span class="ant-input-group ant-input-group-compact"><input defaultValue="0571" type="text" value="0571" class="ant-input" style="width:20%;"><input defaultValue="26888888" type="text" value="26888888" class="ant-input" style="width:30%;"></span>
<br> <span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-enabled ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><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 ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" value="Xihu District, Hangzhou" class="ant-input" style="width:50%;">
<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 ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<br> <span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-enabled ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" value="input content" class="ant-input" style="width:50%;">
<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" value="input content" class="ant-input" style="width:50%;"><span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select date" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div>
<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 ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<br> <span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-enabled ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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 ant-select ant-select-enabled">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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>
<br> <span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-enabled ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<br> <span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-enabled ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" value="" class="ant-input" style="width:100px;text-align:center;">
<input placeholder="~" type="text" disabled="disabled" value="" class="ant-input ant-input-disabled" style="width:30px;border-left:0;pointer-events:none;background-color:#fff;">
<input placeholder="Maximum" type="text" value="" class="ant-input" style="width:100px;text-align:center;border-left:0;">
<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 ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<br> <span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-enabled ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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 ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width:200px;">
<div class="ant-select ant-select-combobox ant-select-enabled 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" aria-expanded="false" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered">
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:block;user-select:none;webkit-user-select:none;">Email</div>
<div unselectable="unselectable" 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>
<input value="" type="text" class="ant-input ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
</li>
</ul>
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><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 ant-select ant-select-enabled" style="width:30%;"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><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>
<br> <span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 30%;"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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>
@ -91,15 +91,15 @@ exports[`renders ./components/input/demo/presuffix.md correctly 1`] = `
`;
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" value="" class="ant-input ant-input-search"><span class="ant-input-suffix"><i class="anticon anticon-search ant-input-search-icon"></i></span></span>
<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" value="" 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> <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" value="" 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>
<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" value="" 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>
<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>
@ -107,12 +107,12 @@ exports[`renders ./components/input/demo/search-input.md correctly 1`] = `
exports[`renders ./components/input/demo/size.md correctly 1`] = `
<div class="components-input-demo-size">
<input placeholder="large size" type="text" size="large" value="" class="ant-input ant-input-lg">
<input placeholder="default size" type="text" value="" class="ant-input">
<input placeholder="small size" type="text" size="small" value="" class="ant-input ant-input-sm">
<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>`;
exports[`renders ./components/input/demo/tooltip.md correctly 1`] = `<input value="" placeholder="Input a number" type="text" maxLength="25" class="ant-input" style="width:120px;">`;
exports[`renders ./components/input/demo/tooltip.md correctly 1`] = `<input value="" placeholder="Input a number" type="text" maxlength="25" class="ant-input" style="width: 120px;">`;

View File

@ -10,7 +10,7 @@ exports[`renders ./components/layout/demo/basic.md correctly 1`] = `
<div class="ant-layout">
<div class="ant-layout-header">Header</div>
<div class="ant-layout">
<div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;">
<div class="ant-layout-sider" style="max-width: 200px; min-width: 200px; width: 200px;">
<div class="ant-layout-sider-children">Sider</div>
</div>
<div class="ant-layout-content">Content</div>
@ -21,14 +21,14 @@ exports[`renders ./components/layout/demo/basic.md correctly 1`] = `
<div class="ant-layout-header">Header</div>
<div class="ant-layout">
<div class="ant-layout-content">Content</div>
<div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;">
<div class="ant-layout-sider" style="max-width: 200px; min-width: 200px; width: 200px;">
<div class="ant-layout-sider-children">Sider</div>
</div>
</div>
<div class="ant-layout-footer">Footer</div>
</div>
<div class="ant-layout">
<div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;">
<div class="ant-layout-sider" style="max-width: 200px; min-width: 200px; width: 200px;">
<div class="ant-layout-sider-children">Sider</div>
</div>
<div class="ant-layout">
@ -41,25 +41,25 @@ exports[`renders ./components/layout/demo/basic.md correctly 1`] = `
`;
exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
<div id="components-layout-demo-custom-trigger" class="ant-layout">
<div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;">
<div class="ant-layout" id="components-layout-demo-custom-trigger">
<div class="ant-layout-sider" style="max-width: 200px; min-width: 200px; width: 200px;">
<div class="ant-layout-sider-children">
<div class="logo"></div>
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark">
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;">
<ul class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark" role="menu" aria-activedescendant="" tabindex="0">
<li role="menuitem" aria-selected="true" 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;">
<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;">
<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:#fff;padding:0;">
<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:#fff;min-height:280px;">
<div class="ant-layout-content" style="margin: 24px 16px; padding: 24px; background: rgb(255, 255, 255); min-height: 280px;">
Content
</div>
</div>
@ -67,58 +67,58 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
`;
exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
<div id="components-layout-demo-fixed" class="ant-layout">
<div class="ant-layout-header" style="position:fixed;width:100%;">
<div class="ant-layout" id="components-layout-demo-fixed">
<div class="ant-layout-header" style="position: fixed; width: 100%;">
<div class="logo"></div>
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-dark" style="line-height:64px;">
<ul class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-dark" role="menu" aria-activedescendant="" tabindex="0" style="line-height: 64px;">
<li role="menuitem" class="ant-menu-item">nav 1</li>
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected">nav 2</li>
<li role="menuitem" class="ant-menu-item">nav 3</li>
</ul>
</div>
<div class="ant-layout-content" style="padding:0 50px;margin-top:64px;">
<div class="ant-breadcrumb" style="margin:16px 0;"><span><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">App</span>
<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 style="background:#fff;padding:24px;min-height:380px;">Content</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;">
<div class="ant-layout-footer" style="text-align: center;">
Ant Design ©2016 Created by Ant UED
</div>
</div>
`;
exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
<div id="components-layout-demo-fixed-sider" class="ant-layout">
<div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;overflow:auto;height:100vh;position:fixed;left:0;">
<div class="ant-layout" id="components-layout-demo-fixed-sider">
<div class="ant-layout-sider" style="max-width: 200px; min-width: 200px; width: 200px; overflow: auto; position: fixed; left: 0px;">
<div class="ant-layout-sider-children">
<div class="logo"></div>
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark">
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;">
<ul class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark" role="menu" aria-activedescendant="" tabindex="0">
<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;">
<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;">
<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" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;">
<li role="menuitem" aria-selected="true" 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;">
<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;">
<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;">
<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;">
<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>
<div class="ant-layout" style="margin-left:200px;">
<div class="ant-layout-header" style="background:#fff;padding:0;"></div>
<div class="ant-layout-content" style="margin:24px 16px 0;overflow:initial;">
<div style="padding:24px;background:#fff;text-align:center;">
<div class="ant-layout" style="margin-left: 200px;">
<div class="ant-layout-header" style="background: rgb(255, 255, 255); padding: 0px;"></div>
<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>...
@ -169,7 +169,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
<br> content
</div>
</div>
<div class="ant-layout-footer" style="text-align:center;">
<div class="ant-layout-footer" style="text-align: center;">
Ant Design ©2016 Created by Ant UED
</div>
</div>
@ -177,30 +177,30 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
`;
exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
<div id="components-layout-demo-responsive" class="ant-layout">
<div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;">
<div class="ant-layout" id="components-layout-demo-responsive">
<div class="ant-layout-sider" style="max-width: 200px; min-width: 200px; width: 200px;">
<div class="ant-layout-sider-children">
<div class="logo"></div>
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark">
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;">
<ul class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark" role="menu" aria-activedescendant="" tabindex="0">
<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;">
<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;">
<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" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;">
<li role="menuitem" aria-selected="true" 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>
<div class="ant-layout">
<div class="ant-layout-header" style="background:#fff;padding:0;"></div>
<div class="ant-layout-content" style="margin:24px 16px 0;">
<div style="padding:24px;background:#fff;min-height:360px;">
<div class="ant-layout-header" style="background: rgb(255, 255, 255); padding: 0px;"></div>
<div class="ant-layout-content" style="margin: 24px 16px 0px;">
<div style="padding: 24px; background: rgb(255, 255, 255); min-height: 360px;">
content
</div>
</div>
<div class="ant-layout-footer" style="text-align:center;">
<div class="ant-layout-footer" style="text-align: center;">
Ant Design ©2016 Created by Ant UED
</div>
</div>
@ -208,45 +208,45 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
`;
exports[`renders ./components/layout/demo/side.md correctly 1`] = `
<div id="components-layout-demo-side" class="ant-layout" style="min-height:100vh;">
<div class="ant-layout-sider ant-layout-sider-has-trigger" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;">
<div class="ant-layout" id="components-layout-demo-side" style="min-height: 100vh;">
<div class="ant-layout-sider ant-layout-sider-has-trigger" style="max-width: 200px; min-width: 200px; width: 200px;">
<div class="ant-layout-sider-children">
<div class="logo"></div>
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark">
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;">
<ul class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark" role="menu" aria-activedescendant="" tabindex="0">
<li role="menuitem" aria-selected="true" 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;">
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
<i class="anticon anticon-desktop"></i> <span>Option 2</span></li>
<li class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-user"></i><span>User</span></span>
<div aria-owns="sub1$Menu" 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>
<!---->
</li>
<li class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-team"></i><span>Team</span></span>
<div aria-owns="sub2$Menu" 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>
<!---->
</li>
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;">
<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" style="width:200px;">
<div class="ant-layout-sider-trigger" style="width: 200px;">
<i class="anticon anticon-left"></i>
</div>
</div>
<div class="ant-layout">
<div class="ant-layout-header" style="background:#fff;padding:0;"></div>
<div class="ant-layout-content" style="margin:0 16px;">
<div class="ant-breadcrumb" style="margin:16px 0;"><span><span class="ant-breadcrumb-link">User</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">Bill</span><span class="ant-breadcrumb-separator">/</span></span>
<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 style="padding:24px;background:#fff;min-height:360px;">
<div style="padding: 24px; background: rgb(255, 255, 255); min-height: 360px;">
Bill is a cat.
</div>
</div>
<div class="ant-layout-footer" style="text-align:center;">
<div class="ant-layout-footer" style="text-align: center;">
Ant Design ©2016 Created by Ant UED
</div>
</div>
@ -254,68 +254,68 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
`;
exports[`renders ./components/layout/demo/top.md correctly 1`] = `
<div id="components-layout-demo-top" class="layout ant-layout">
<div class="layout ant-layout" id="components-layout-demo-top">
<div class="ant-layout-header">
<div class="logo"></div>
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-dark" style="line-height:64px;">
<ul class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-dark" role="menu" aria-activedescendant="" tabindex="0" style="line-height: 64px;">
<li role="menuitem" class="ant-menu-item">nav 1</li>
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected">nav 2</li>
<li role="menuitem" class="ant-menu-item">nav 3</li>
</ul>
</div>
<div class="ant-layout-content" style="padding:0 50px;">
<div class="ant-breadcrumb" style="margin:16px 0;"><span><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">App</span>
<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 style="background:#fff;padding:24px;min-height:280px;">Content</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;">
<div class="ant-layout-footer" style="text-align: center;">
Ant Design ©2016 Created by Ant UED
</div>
</div>
`;
exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
<div id="components-layout-demo-top-side" class="ant-layout">
<div class="ant-layout" id="components-layout-demo-top-side">
<div class="header ant-layout-header">
<div class="logo"></div>
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-dark" style="line-height:64px;">
<ul class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-dark" role="menu" aria-activedescendant="" tabindex="0" style="line-height: 64px;">
<li role="menuitem" class="ant-menu-item">nav 1</li>
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected">nav 2</li>
<li role="menuitem" class="ant-menu-item">nav 3</li>
</ul>
</div>
<div class="ant-layout-content" style="padding:0 50px;">
<div class="ant-breadcrumb" style="margin:16px 0;"><span><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">App</span>
<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-layout" style="padding:24px 0;background:#fff;">
<div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;background:#fff;">
<div class="ant-layout" style="padding: 24px 0px; background: rgb(255, 255, 255);">
<div class="ant-layout-sider" style="max-width: 200px; min-width: 200px; width: 200px; background: rgb(255, 255, 255);">
<div class="ant-layout-sider-children">
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-light" style="height:100%;">
<ul class="ant-menu ant-menu-root ant-menu-inline ant-menu-light" role="menu" aria-activedescendant="" tabindex="0" style="height: 100%;">
<li 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>
<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 role="menu" aria-activedescendant="" class="ant-menu ant-menu-sub ant-menu-inline">
<li role="menuitem" aria-selected="true" 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>
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">option3</li>
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">option4</li>
<ul class="ant-menu ant-menu-sub ant-menu-inline" role="menu" aria-activedescendant="">
<li role="menuitem" aria-selected="true" 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>
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">option3</li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">option4</li>
</ul>
</li>
<li class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-laptop"></i>subnav 2</span>
<div aria-owns="sub2$Menu" 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>
<!---->
</li>
<li class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-owns="sub3$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-notification"></i>subnav 3</span>
<div aria-owns="sub3$Menu" 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>
<!---->
@ -323,50 +323,50 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
</ul>
</div>
</div>
<div class="ant-layout-content" style="padding:0 24px;min-height:280px;">
<div class="ant-layout-content" style="padding: 0px 24px; min-height: 280px;">
Content
</div>
</div>
</div>
<div class="ant-layout-footer" style="text-align:center;">
<div class="ant-layout-footer" style="text-align: center;">
Ant Design ©2016 Created by Ant UED
</div>
</div>
`;
exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
<div id="components-layout-demo-top-side-2" class="ant-layout">
<div class="ant-layout" id="components-layout-demo-top-side-2">
<div class="header ant-layout-header">
<div class="logo"></div>
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-dark" style="line-height:64px;">
<ul class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-dark" role="menu" aria-activedescendant="" tabindex="0" style="line-height: 64px;">
<li role="menuitem" class="ant-menu-item">nav 1</li>
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected">nav 2</li>
<li role="menuitem" class="ant-menu-item">nav 3</li>
</ul>
</div>
<div class="ant-layout">
<div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;background:#fff;">
<div class="ant-layout-sider" style="max-width: 200px; min-width: 200px; width: 200px; background: rgb(255, 255, 255);">
<div class="ant-layout-sider-children">
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-light" style="height:100%;border-right:0;">
<ul class="ant-menu ant-menu-root ant-menu-inline ant-menu-light" role="menu" aria-activedescendant="" tabindex="0" style="height: 100%; border-right: 0;">
<li 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>
<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 role="menu" aria-activedescendant="" class="ant-menu ant-menu-sub ant-menu-inline">
<li role="menuitem" aria-selected="true" 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>
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">option3</li>
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">option4</li>
<ul class="ant-menu ant-menu-sub ant-menu-inline" role="menu" aria-activedescendant="">
<li role="menuitem" aria-selected="true" 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>
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">option3</li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">option4</li>
</ul>
</li>
<li class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-laptop"></i>subnav 2</span>
<div aria-owns="sub2$Menu" 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>
<!---->
</li>
<li class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-owns="sub3$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-notification"></i>subnav 3</span>
<div aria-owns="sub3$Menu" 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>
<!---->
@ -374,13 +374,13 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
</ul>
</div>
</div>
<div class="ant-layout" style="padding:0 24px 24px;">
<div class="ant-breadcrumb" style="margin:16px 0;"><span><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">App</span>
<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-layout-content" style="background:#fff;padding:24px;margin:0;min-height:280px;">
<div class="ant-layout-content" style="background: rgb(255, 255, 255); padding: 24px; margin: 0px; min-height: 280px;">
Content
</div>
</div>

View File

@ -2,9 +2,9 @@
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="change-locale"><span style="margin-right: 16px;">Change locale of components: </span>
<div class="ant-radio-group 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" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>English</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"><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"><span class="ant-radio-button-inner"></span></span><span>中文</span></label>
</div>
</div>
@ -14,56 +14,56 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
<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">
<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">
<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">
<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">
<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">
<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">
<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 ant-select-enabled ant-pagination-options-size-changer">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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>
</li>
</ul>
</div>
<div class="example">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width:200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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 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>
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
</div>
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
</div> <span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select date" value="" 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="" value="" 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 ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span>
</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 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" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span>
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="#">Click to confirm</a>
<a href="#" class="">Click to confirm</a>
</div>
<div className="example">
<div classname="example">
<div class="ant-transfer">
<div class="ant-transfer-list">
<div class="ant-transfer-list-header">
@ -75,7 +75,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
<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>
<div class="ant-transfer-list-content-warp"></div>
<!---->
<div class="ant-transfer-list-body-not-found">Not Found</div>
</div>
</div>
@ -97,35 +97,35 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
<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>
<div class="ant-transfer-list-content-warp"></div>
<!---->
<div class="ant-transfer-list-body-not-found">Not Found</div>
</div>
</div>
</div>
</div>
<div style="width:319px;border:1px solid #d9d9d9;border-radius:4px;">
<div>
<div style="width: 319px; border: 1px solid #d9d9d9; border-radius: 4px;">
<div class="">
<div class="ant-fullcalendar-header">
<div class="ant-select-sm ant-select ant-select-enabled ant-select-sm ant-select ant-select-enabled ant-select-sm ant-fullcalendar-year-select">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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>
<div class="ant-select-sm ant-select ant-select-enabled ant-select-sm ant-select ant-select-enabled ant-select-sm ant-fullcalendar-month-select">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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-small">
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Month</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"><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"><span class="ant-radio-button-inner"></span></span><span>Year</span></label>
</div>
</div>
<div tabIndex="0" class="ant-fullcalendar ant-fullcalendar-full">
<div tabindex="0" class="ant-fullcalendar ant-fullcalendar-full">
<div class="ant-fullcalendar-calendar-body">
<table cellSpacing="0" role="grid" class="ant-fullcalendar-table">
<table cellspacing="0" role="grid" class="ant-fullcalendar-table">
<thead>
<tr role="row">
<th role="columnheader" title="Sun" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Su</span></th>
@ -138,7 +138,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</tr>
</thead>
<tbody class="ant-fullcalendar-tbody">
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="October 30, 2016" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">30</div>
@ -182,7 +182,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="November 6, 2016" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">06</div>
@ -226,7 +226,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="November 13, 2016" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">13</div>
@ -314,7 +314,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="November 27, 2016" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">27</div>
@ -358,7 +358,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</div>
</td>
</tr>
<tr role="row">
<tr role="row" class="">
<td role="gridcell" title="December 4, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">04</div>
@ -418,30 +418,30 @@ exports[`renders ./components/locale-provider/demo/basic.md correctly 1`] = `
<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">
<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">
<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">
<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">
<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">
<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">
<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 ant-select-enabled ant-pagination-options-size-changer">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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>
</li>
</ul>

View File

@ -2,7 +2,7 @@
exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
<div>
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-light">
<ul class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-light" role="menu" aria-activedescendant="" tabindex="0">
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected">
<i class="anticon anticon-mail"></i>Navigation One
</li>
@ -23,37 +23,37 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
<div>
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-light" style="width:256px;">
<ul class="ant-menu ant-menu-root ant-menu-inline ant-menu-light" role="menu" aria-activedescendant="" tabindex="0" style="width: 256px;">
<li 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>
<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 role="menu" aria-activedescendant="" class="ant-menu ant-menu-sub ant-menu-inline">
<ul class="ant-menu ant-menu-sub ant-menu-inline" role="menu" aria-activedescendant="">
<li class="ant-menu-item-group">
<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" aria-selected="true" 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>
<li role="menuitem" aria-selected="true" 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>
</ul>
</li>
<li class="ant-menu-item-group">
<div title="Item 2" class="ant-menu-item-group-title">Item 2</div>
<ul class="ant-menu-item-group-list">
<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-item" style="padding-left: 48px;">Option 3</li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 4</li>
</ul>
</li>
</ul>
</li>
<li class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Two</span></span>
<div aria-owns="sub2$Menu" 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>
<!---->
</li>
<li class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-owns="sub4$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Three</span></span>
<div aria-owns="sub4$Menu" 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>
<!---->
@ -63,30 +63,30 @@ 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;">
<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 role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark">
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;">
<ul class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark" role="menu" aria-activedescendant="" tabindex="0">
<li role="menuitem" aria-selected="true" 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;">
<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;">
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
<i class="anticon anticon-inbox"></i> <span>Option 3</span></li>
<li 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>
<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 role="menu" aria-activedescendant="" class="ant-menu ant-menu-sub ant-menu-inline">
<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>
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">Option 7</li>
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">Option 8</li>
<ul class="ant-menu ant-menu-sub ant-menu-inline" role="menu" aria-activedescendant="">
<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>
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 7</li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 8</li>
</ul>
</li>
<li class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Two</span></span>
<div aria-owns="sub2$Menu" 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>
<!---->
@ -97,26 +97,26 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
<div>
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-light" style="width:256px;">
<ul class="ant-menu ant-menu-root ant-menu-inline ant-menu-light" role="menu" aria-activedescendant="" tabindex="0" style="width: 256px;">
<li 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>
<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 role="menu" aria-activedescendant="" class="ant-menu ant-menu-sub ant-menu-inline">
<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>
<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>
<ul class="ant-menu ant-menu-sub ant-menu-inline" role="menu" aria-activedescendant="">
<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>
<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>
</ul>
</li>
<li class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Two</span></span>
<div aria-owns="sub2$Menu" 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>
<!---->
</li>
<li class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-owns="sub4$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Three</span></span>
<div aria-owns="sub4$Menu" 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>
<!---->
@ -129,29 +129,29 @@ 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"><span class="ant-checkbox-inner"></span></span>
</label> Change Mode
<span className="ant-divider" style="margin:0 1em;"></span>
<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"><span class="ant-checkbox-inner"></span></span>
</label> Change Theme
<br>
<br>
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-light" style="width:256px;">
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;">
<ul class="ant-menu ant-menu-root ant-menu-inline ant-menu-light" role="menu" aria-activedescendant="" tabindex="0" style="width: 256px;">
<li role="menuitem" aria-selected="true" 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;">
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
<i class="anticon anticon-calendar"></i>
Navigation Two
</li>
<li 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>
<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 role="menu" aria-activedescendant="" class="ant-menu ant-menu-sub ant-menu-inline">
<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>
<ul class="ant-menu ant-menu-sub ant-menu-inline" role="menu" aria-activedescendant="">
<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 class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-owns="sub1-2$Menu" aria-haspopup="true" title="Submenu" class="ant-menu-submenu-title" style="padding-left:48px;">Submenu
<div aria-owns="sub1-2$Menu" aria-haspopup="true" title="Submenu" class="ant-menu-submenu-title" style="padding-left: 48px;">Submenu
<i class="ant-menu-submenu-arrow"></i>
</div>
<!---->
@ -159,7 +159,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
</ul>
</li>
<li class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Four</span></span>
<div aria-owns="sub2$Menu" 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>
<!---->
@ -174,24 +174,24 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
</label> Change Theme
<br>
<br>
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark" style="width:256px;">
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;">
<ul class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark" role="menu" aria-activedescendant="" tabindex="0" style="width: 256px;">
<li role="menuitem" aria-selected="true" 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;">
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
<i class="anticon anticon-calendar"></i>
Navigation Two
</li>
<li 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>
<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 role="menu" aria-activedescendant="" class="ant-menu ant-menu-sub ant-menu-inline">
<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>
<ul class="ant-menu ant-menu-sub ant-menu-inline" role="menu" aria-activedescendant="">
<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 class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-owns="sub1-2$Menu" aria-haspopup="true" title="Submenu" class="ant-menu-submenu-title" style="padding-left:48px;">Submenu
<div aria-owns="sub1-2$Menu" aria-haspopup="true" title="Submenu" class="ant-menu-submenu-title" style="padding-left: 48px;">Submenu
<i class="ant-menu-submenu-arrow"></i>
</div>
<!---->
@ -199,7 +199,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
</ul>
</li>
<li class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Four</span></span>
<div aria-owns="sub2$Menu" 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>
<!---->
@ -210,7 +210,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
<div>
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-vertical ant-menu-light" style="width:256px;">
<ul class="ant-menu ant-menu-root ant-menu-vertical ant-menu-light" role="menu" aria-activedescendant="" tabindex="0" style="width: 256px;">
<li role="menuitem" class="ant-menu-item">
<i class="anticon anticon-mail"></i>
Navigation One

View File

@ -10,11 +10,11 @@ exports[`renders ./components/notification/demo/duration.md correctly 1`] = `<bu
exports[`renders ./components/notification/demo/placement.md correctly 1`] = `
<div>
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width:120px;margin-right:10px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 120px; margin-right: 10px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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>

View File

@ -2,25 +2,25 @@
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">
<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">
<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">
<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">
<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">
<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">
<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">
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
<a class="ant-pagination-item-link"></a>
</li>
<!---->
@ -30,80 +30,80 @@ 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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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 ant-select-enabled ant-pagination-options-size-changer">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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>
</li>
</ul>
<br>
<ul unselectable="unselectable" class="ant-pagination">
<li title="Previous Page" tabIndex="0" class=" ant-pagination-prev">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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 ant-select-enabled ant-pagination-options-size-changer">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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>
</li>
</ul>
@ -112,25 +112,25 @@ 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">
<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">
<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">
<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">
<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">
<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">
<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">
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
<a class="ant-pagination-item-link"></a>
</li>
<!---->
@ -142,32 +142,32 @@ exports[`renders ./components/pagination/demo/custom-changer.md correctly 1`] =
<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">
<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">
<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">
<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">
<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">
<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">
<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 ant-select-enabled ant-pagination-options-size-changer">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered">
<div title="[object Object],[object Object],[object Object]" class="ant-select-selection-selected-value" style="display:block;opacity:1;"><span>10条/页</span>
<div title="[object Object],[object Object],[object Object]" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"><span>10条/页</span>
<!---->
</div>
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
</div>
</li>
</ul>
@ -178,28 +178,28 @@ exports[`renders ./components/pagination/demo/itemRender.md correctly 1`] = `
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
<a>Next</a>
</li>
<!---->
@ -208,36 +208,36 @@ exports[`renders ./components/pagination/demo/itemRender.md correctly 1`] = `
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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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" value="">
<input type="text">
</div>
</li>
</ul>
@ -249,22 +249,22 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
<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">
<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">
<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">
<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">
<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">
<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">
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
<a class="ant-pagination-item-link"></a>
</li>
<!---->
@ -273,33 +273,33 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
<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">
<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">
<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">
<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">
<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">
<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">
<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-sm ant-select ant-select-enabled ant-select-sm ant-select ant-select-enabled ant-select-sm ant-pagination-options-size-changer">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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" value="">
<input type="text">
</div>
</li>
</ul>
@ -308,22 +308,22 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
<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">
<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">
<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">
<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">
<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">
<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">
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
<a class="ant-pagination-item-link"></a>
</li>
<!---->
@ -333,37 +333,37 @@ 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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
<a class="ant-pagination-item-link"></a>
</li>
<!---->
@ -372,12 +372,12 @@ exports[`renders ./components/pagination/demo/more.md correctly 1`] = `
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">
<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" value="2"><span class="ant-pagination-slash"></span>5</li>
<li title="Next Page" tabIndex="0" class=" ant-pagination-next">
<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>
@ -390,22 +390,22 @@ exports[`renders ./components/pagination/demo/total.md correctly 1`] = `
<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">
<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">
<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">
<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">
<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">
<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">
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
<a class="ant-pagination-item-link"></a>
</li>
<!---->
@ -416,22 +416,22 @@ exports[`renders ./components/pagination/demo/total.md correctly 1`] = `
<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">
<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">
<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">
<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">
<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">
<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">
<li title="Next Page" tabindex="0" class=" ant-pagination-next">
<a class="ant-pagination-item-link"></a>
</li>
<!---->

View File

@ -1,37 +1,37 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/popconfirm/demo/basic.md correctly 1`] = `<a href="#">Delete</a>`;
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="#">Delete a task</a>
<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" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
</label>
</div>
`;
exports[`renders ./components/popconfirm/demo/local.md correctly 1`] = `<a href="#">Delete</a>`;
exports[`renders ./components/popconfirm/demo/local.md correctly 1`] = `<a href="#" class="">Delete</a>`;
exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
<div id="components-a-popconfirm-demo-placement">
<div style="margin-left:70px;white-space:nowrap;">
<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;">
<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;">
<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;">
<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>

View File

@ -13,22 +13,22 @@ exports[`renders ./components/popover/demo/control.md correctly 1`] = `<button t
exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
<div id="components-popover-demo-placement">
<div style="margin-left:70px;white-space:nowrap;">
<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;">
<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;">
<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;">
<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>

View File

@ -3,36 +3,36 @@
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;">
<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;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path>
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>
<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-linecap="round" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:221.48228207808043px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path>
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 221.48228207808043px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</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;">
<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;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path>
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>
<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-linecap="round" stroke="#ff5500" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:206.7167966062084px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path>
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#ff5500" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 206.7167966062084px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</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;">
<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;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path>
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>
<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-linecap="round" stroke="#87d068" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path>
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#87d068" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</svg><span class="ant-progress-text"><i class="anticon anticon-check"></i></span></div>
</div>
</div>
@ -41,11 +41,11 @@ 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;">
<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;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path>
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">
@ -62,36 +62,36 @@ exports[`renders ./components/progress/demo/circle-dynamic.md correctly 1`] = `
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;">
<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;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path>
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>
<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-linecap="round" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:88.59291283123217px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path>
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 88.59291283123217px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</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;">
<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;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path>
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>
<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-linecap="round" stroke="#ff5500" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:206.7167966062084px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path>
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#ff5500" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 206.7167966062084px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</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;">
<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;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path>
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>
<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-linecap="round" stroke="#87d068" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path>
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#87d068" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</svg><span class="ant-progress-text"><i class="anticon anticon-check"></i></span></div>
</div>
</div>
@ -100,14 +100,14 @@ 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;">
<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;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path>
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>
<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-linecap="round" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:165.23228207808043px 295.3097094374406px;stroke-dashoffset:-37.5px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path>
a 47,47 0 1 1 0,94" stroke-linecap="round" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 165.23228207808043px 295.3097094374406px; stroke-dashoffset: -37.5px;"></path>
</svg><span class="ant-progress-text">75%</span></div>
</div>
</div>
@ -119,7 +119,7 @@ exports[`renders ./components/progress/demo/dynamic.md correctly 1`] = `
<div>
<div class="ant-progress-outer">
<div class="ant-progress-inner">
<div class="ant-progress-bg" style="width:0%;height:8px;"></div>
<div class="ant-progress-bg" style="width: 0%; height: 8px;"></div>
</div>
</div><span class="ant-progress-text">0%</span></div>
</div>
@ -137,25 +137,25 @@ exports[`renders ./components/progress/demo/dynamic.md correctly 1`] = `
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;">
<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;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path>
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>
<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-linecap="round" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:221.48228207808043px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path>
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 221.48228207808043px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</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;">
<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;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path>
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>
<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-linecap="round" stroke="#87d068" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path>
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#87d068" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</svg><span class="ant-progress-text">Done</span></div>
</div>
</div>
@ -167,7 +167,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
<div>
<div class="ant-progress-outer">
<div class="ant-progress-inner">
<div class="ant-progress-bg" style="width:30%;height:8px;"></div>
<div class="ant-progress-bg" style="width: 30%; height: 8px;"></div>
</div>
</div><span class="ant-progress-text">30%</span></div>
</div>
@ -175,7 +175,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
<div>
<div class="ant-progress-outer">
<div class="ant-progress-inner">
<div class="ant-progress-bg" style="width:50%;height:8px;"></div>
<div class="ant-progress-bg" style="width: 50%; height: 8px;"></div>
</div>
</div><span class="ant-progress-text">50%</span></div>
</div>
@ -183,7 +183,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
<div>
<div class="ant-progress-outer">
<div class="ant-progress-inner">
<div class="ant-progress-bg" style="width:70%;height:8px;"></div>
<div class="ant-progress-bg" style="width: 70%; height: 8px;"></div>
</div>
</div><span class="ant-progress-text"><i class="anticon anticon-cross-circle"></i></span></div>
</div>
@ -191,7 +191,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
<div>
<div class="ant-progress-outer">
<div class="ant-progress-inner">
<div class="ant-progress-bg" style="width:100%;height:8px;"></div>
<div class="ant-progress-bg" style="width: 100%; height: 8px;"></div>
</div>
</div><span class="ant-progress-text"><i class="anticon anticon-check-circle"></i></span></div>
</div>
@ -199,7 +199,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
<div>
<div class="ant-progress-outer">
<div class="ant-progress-inner">
<div class="ant-progress-bg" style="width:50%;height:8px;"></div>
<div class="ant-progress-bg" style="width: 50%; height: 8px;"></div>
</div>
</div>
</div>
@ -208,12 +208,12 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
`;
exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
<div style="width:170px;">
<div style="width: 170px;">
<div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-small">
<div>
<div class="ant-progress-outer">
<div class="ant-progress-inner">
<div class="ant-progress-bg" style="width:30%;height:6px;"></div>
<div class="ant-progress-bg" style="width: 30%; height: 6px;"></div>
</div>
</div><span class="ant-progress-text">30%</span></div>
</div>
@ -221,7 +221,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
<div>
<div class="ant-progress-outer">
<div class="ant-progress-inner">
<div class="ant-progress-bg" style="width:50%;height:6px;"></div>
<div class="ant-progress-bg" style="width: 50%; height: 6px;"></div>
</div>
</div><span class="ant-progress-text">50%</span></div>
</div>
@ -229,7 +229,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
<div>
<div class="ant-progress-outer">
<div class="ant-progress-inner">
<div class="ant-progress-bg" style="width:70%;height:6px;"></div>
<div class="ant-progress-bg" style="width: 70%; height: 6px;"></div>
</div>
</div><span class="ant-progress-text"><i class="anticon anticon-cross-circle"></i></span></div>
</div>
@ -237,7 +237,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
<div>
<div class="ant-progress-outer">
<div class="ant-progress-inner">
<div class="ant-progress-bg" style="width:100%;height:6px;"></div>
<div class="ant-progress-bg" style="width: 100%; height: 6px;"></div>
</div>
</div><span class="ant-progress-text"><i class="anticon anticon-check-circle"></i></span></div>
</div>
@ -249,8 +249,8 @@ exports[`renders ./components/progress/demo/segment.md correctly 1`] = `
<div>
<div class="ant-progress-outer">
<div class="ant-progress-inner">
<div class="ant-progress-bg" style="width:60%;height:8px;"></div>
<div class="ant-progress-success-bg" style="width:30%;height:8px;"></div>
<div class="ant-progress-bg" style="width: 60%; height: 8px;"></div>
<div class="ant-progress-success-bg" style="width: 30%; height: 8px;"></div>
</div>
</div><span class="ant-progress-text">60%</span></div>
</div>

View File

@ -6,8 +6,8 @@ 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"><span class="ant-radio-inner"></span></span><span>Disabled</span></label>
<br>
<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" checked="checked" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Disabled</span></label>
<div style="margin-top:20;">
<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"><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>
@ -17,23 +17,23 @@ exports[`renders ./components/radio/demo/radioButton.md correctly 1`] = `
<div>
<div>
<div class="ant-radio-group 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" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</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"><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"><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"><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"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label>
</div>
</div>
<div style="margin-top:16px;">
<div style="margin-top: 16px;">
<div class="ant-radio-group 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" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</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"><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"><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"><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"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label>
</div>
</div>
<div style="margin-top:16px;">
<div style="margin-top: 16px;">
<div class="ant-radio-group 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" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</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"><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"><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"><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"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label>
@ -44,7 +44,7 @@ exports[`renders ./components/radio/demo/radioButton.md correctly 1`] = `
exports[`renders ./components/radio/demo/radioGroup.md correctly 1`] = `
<div class="ant-radio-group ant-radio-group-default">
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" checked="checked" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>A</span></label>
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input"><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"><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"><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"><span class="ant-radio-inner"></span></span><span>D</span></label>
@ -53,10 +53,10 @@ exports[`renders ./components/radio/demo/radioGroup.md correctly 1`] = `
exports[`renders ./components/radio/demo/radioGroup-more.md correctly 1`] = `
<div class="ant-radio-group 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" checked="checked" class="ant-radio-input"><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"><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"><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"><span class="ant-radio-inner"></span></span><span>
<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"><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"><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"><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"><span class="ant-radio-inner"></span></span><span>
More...
<!----></span></label>
</div>
@ -65,19 +65,19 @@ exports[`renders ./components/radio/demo/radioGroup-more.md correctly 1`] = `
exports[`renders ./components/radio/demo/radioGroup-options.md correctly 1`] = `
<div>
<div class="ant-radio-group ant-radio-group-default">
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" checked="checked" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Apple</span></label>
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input"><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"><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"><span class="ant-radio-inner"></span></span><span>Orange</span></label>
</div>
<br>
<div class="ant-radio-group ant-radio-group-default">
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" checked="checked" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Apple</span></label>
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input"><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"><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"><span class="ant-radio-inner"></span></span><span>Orange</span></label>
</div>
<br>
<div class="ant-radio-group 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" checked="checked" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Apple</span></label>
<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"><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"><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"><span class="ant-radio-inner"></span></span><span>Orange</span></label>
</div>
@ -86,7 +86,7 @@ exports[`renders ./components/radio/demo/radioGroup-options.md correctly 1`] = `
exports[`renders ./components/radio/demo/radioGroup-with-name.md correctly 1`] = `
<div class="ant-radio-group ant-radio-group-default">
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" checked="checked" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>A</span></label>
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input"><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"><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"><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"><span class="ant-radio-inner"></span></span><span>D</span></label>
@ -97,23 +97,23 @@ exports[`renders ./components/radio/demo/size.md correctly 1`] = `
<div>
<div>
<div class="ant-radio-group 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" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</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"><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"><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"><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"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label>
</div>
</div>
<div style="margin-top:16px;">
<div style="margin-top: 16px;">
<div class="ant-radio-group 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" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</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"><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"><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"><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"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label>
</div>
</div>
<div style="margin-top:16px;">
<div style="margin-top: 16px;">
<div class="ant-radio-group 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" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</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"><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"><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"><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"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label>

View File

@ -1,7 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/rate/demo/basic.md correctly 1`] = `
<ul tabIndex="0" class="ant-rate">
<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>
@ -47,7 +47,7 @@ exports[`renders ./components/rate/demo/basic.md correctly 1`] = `
exports[`renders ./components/rate/demo/character.md correctly 1`] = `
<div>
<ul tabIndex="0" class="ant-rate">
<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>
@ -90,7 +90,7 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
</li>
</ul>
<br>
<ul tabIndex="0" class="ant-rate" style="font-size:36px;">
<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>
<div class="ant-rate-star-second">A</div>
@ -113,7 +113,7 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
</li>
</ul>
<br>
<ul tabIndex="0" class="ant-rate">
<ul tabindex="0" class="ant-rate">
<li class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first">好</div>
<div class="ant-rate-star-second">好</div>
@ -141,7 +141,7 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
<div>
<ul tabIndex="0" class="ant-rate">
<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>
@ -184,7 +184,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
</li>
</ul> allowClear: true
<br>
<ul tabIndex="0" class="ant-rate">
<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>
@ -231,7 +231,7 @@ 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">
<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>
@ -276,7 +276,7 @@ exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
`;
exports[`renders ./components/rate/demo/half.md correctly 1`] = `
<ul tabIndex="0" class="ant-rate">
<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>
@ -320,4 +320,4 @@ exports[`renders ./components/rate/demo/half.md correctly 1`] = `
</ul>
`;
exports[`renders ./components/rate/demo/text.md correctly 1`] = `<span><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></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-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><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 class="ant-rate-text">3 stars</span></span>`;
exports[`renders ./components/rate/demo/text.md correctly 1`] = `<span><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></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-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><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 class="ant-rate-text">3 stars</span></span>`;

View File

@ -1,15 +1,10 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/select/demo/automatic-tokenization.md correctly 1`] = `
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width:100%;">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 100%;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered">
<ul>
<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>
</ul>
<!---->
</div>
</div>
</div>
@ -17,113 +12,104 @@ exports[`renders ./components/select/demo/automatic-tokenization.md correctly 1`
exports[`renders ./components/select/demo/basic.md correctly 1`] = `
<div>
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width:120px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 120px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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>
<div class="ant-select ant-select-disabled ant-select-allow-clear ant-select ant-select-disabled ant-select-allow-clear" style="width:120px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="-1" class="ant-select-selection ant-select-selection--single">
<div class="ant-select ant-select-disabled ant-select-allow-clear ant-select ant-select-disabled ant-select-allow-clear" style="width: 120px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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-selection__clear" style="user-select:none;webkit-user-select:none;"></span><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<div title="Lucy" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Lucy</div>
</div><span unselectable="unselectable" class="ant-select-selection__clear"></span><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
</div>
</div>
`;
exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
<div class="ant-select ant-select-combobox ant-select-enabled ant-select ant-select-combobox ant-select-enabled" style="width:200px;">
<div class="ant-select ant-select-combobox ant-select-enabled ant-select ant-select-combobox ant-select-enabled" style="width: 200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered">
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:block;user-select:none;webkit-user-select:none;">Enter the account name</div>
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display: block;">Enter the account name</div>
<ul>
<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>
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
</li>
</ul>
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
</div>
`;
exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
<div>
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width:120px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 120px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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>
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width:120px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 120px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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>
</div>
`;
exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width:120px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 120px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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>
`;
exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width:100%;">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 100%;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered">
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:none;user-select:none;webkit-user-select:none;">Please select</div>
<ul>
<li unselectable="unselectable" title="a1" class="ant-select-selection__choice" style="user-select:none;webkit-user-select:none;">
<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" style="user-select:none;webkit-user-select:none;">
<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>
</li>
</ul>
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display: none;">Please select</div>
<!---->
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width:200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
<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>
`;
exports[`renders ./components/select/demo/search.md correctly 1`] = `
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width:200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered">
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:block;user-select:none;webkit-user-select:none;">Select a person</div>
<div class="ant-select-search ant-select-search--inline" style="display:none;">
<div unselectable="unselectable" 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>
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
</div>
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
</div>
`;
exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
<div class="ant-select ant-select-combobox ant-select-enabled ant-select ant-select-combobox ant-select-enabled" style="width:200px;">
<div class="ant-select ant-select-combobox ant-select-enabled ant-select ant-select-combobox ant-select-enabled" style="width: 200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered">
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:block;user-select:none;webkit-user-select:none;">input search text</div>
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display: block;">input search text</div>
<ul>
<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>
<input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
</li>
</ul>
</div>
@ -132,16 +118,11 @@ exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
`;
exports[`renders ./components/select/demo/select-users.md correctly 1`] = `
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width:100%;">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 100%;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered">
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:block;user-select:none;webkit-user-select:none;">Select users</div>
<ul>
<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>
</ul>
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display: block;">Select users</div>
<!---->
</div>
</div>
</div>
@ -151,82 +132,48 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
<div>
<div class="ant-radio-group ant-radio-group-default">
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><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" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Default</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"><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"><span class="ant-radio-button-inner"></span></span><span>Small</span></label>
</div>
<br>
<br>
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width:200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered">
<div title="
a1
" class="ant-select-selection-selected-value" style="display:block;opacity:1;">
" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
a1
</div>
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
</div>
<br>
<div class="ant-select ant-select-combobox ant-select-enabled ant-select ant-select-combobox ant-select-enabled" style="width:200px;">
<div class="ant-select ant-select-combobox ant-select-enabled ant-select ant-select-combobox ant-select-enabled" style="width: 200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered">
<ul>
<li class="ant-select-search ant-select-search--inline">
<div class="ant-select-search__field__wrap">
<input autoComplete="off" value="a1" class="ant-select-search__field"><span class="ant-select-search__field__mirror">a1 </span></div>
<input autocomplete="off" value="a1" class="ant-select-search__field"><span class="ant-select-search__field__mirror">a1&nbsp;</span></div>
</li>
</ul>
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
</div>
<br>
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width:200px;">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered">
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:none;user-select:none;webkit-user-select:none;">Please select</div>
<ul>
<li unselectable="unselectable" title="
a1
" class="ant-select-selection__choice" style="user-select:none;webkit-user-select:none;">
<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" style="user-select:none;webkit-user-select:none;">
<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>
</li>
</ul>
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display: none;">Please select</div>
<!---->
</div>
</div>
</div>
<br>
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width:200px;">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered">
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:none;user-select:none;webkit-user-select:none;">Please select</div>
<ul>
<li unselectable="unselectable" title="
a1
" class="ant-select-selection__choice" style="user-select:none;webkit-user-select:none;">
<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" style="user-select:none;webkit-user-select:none;">
<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>
</li>
</ul>
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display: none;">Please select</div>
<!---->
</div>
</div>
</div>
@ -234,16 +181,11 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
`;
exports[`renders ./components/select/demo/tags.md correctly 1`] = `
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width:100%;">
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width: 100%;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered">
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:block;user-select:none;webkit-user-select:none;">Tags Mode</div>
<ul>
<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>
</ul>
<div unselectable="unselectable" class="ant-select-selection__placeholder" style="display: block;">Tags Mode</div>
<!---->
</div>
</div>
</div>

View File

@ -4,20 +4,20 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
<div>
<div class="ant-slider">
<div class="ant-slider-rail"></div>
<div class="ant-slider-track" style="left:0%;width:30%;"></div>
<div class="ant-slider-track" style="left: 0%; width: 30%;"></div>
<div class="ant-slider-step"></div>
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="30" class="ant-slider-handle" style="left:30%;"></div>
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="30" class="ant-slider-handle" style="left: 30%;"></div>
<div class="ant-slider-mark"></div>
</div>
<div class="ant-slider">
<div class="ant-slider-rail"></div>
<div class="ant-slider-track ant-slider-track-1" style="left:20%;width:30%;"></div>
<div class="ant-slider-track ant-slider-track-1" style="left: 20%; width: 30%;"></div>
<div class="ant-slider-step"></div>
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="20" class="ant-slider-handle" style="left:20%;"></div>
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50" class="ant-slider-handle" style="left:50%;"></div>
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="20" class="ant-slider-handle" style="left: 20%;"></div>
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50" class="ant-slider-handle" style="left: 50%;"></div>
<div class="ant-slider-mark"></div>
</div>
Disabled: <span tabIndex="0" class="ant-switch ant-switch-small"><span class="ant-switch-inner"></span></span>
Disabled: <span tabindex="0" class="ant-switch ant-switch-small"><span class="ant-switch-inner"></span></span>
</div>
`;
@ -25,17 +25,17 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
<div class="code-box-demo">
<div class="ant-slider">
<div class="ant-slider-rail"></div>
<div class="ant-slider-track" style="left:0%;width:30%;"></div>
<div class="ant-slider-track" style="left: 0%; width: 30%;"></div>
<div class="ant-slider-step"></div>
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="30" class="ant-slider-handle" style="left:30%;"></div>
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="30" class="ant-slider-handle" style="left: 30%;"></div>
<div class="ant-slider-mark"></div>
</div>
<div class="ant-slider">
<div class="ant-slider-rail"></div>
<div class="ant-slider-track ant-slider-track-1" style="left:20%;width:30%;"></div>
<div class="ant-slider-track ant-slider-track-1" style="left: 20%; width: 30%;"></div>
<div class="ant-slider-step"></div>
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="20" class="ant-slider-handle" style="left:20%;"></div>
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50" class="ant-slider-handle" style="left:50%;"></div>
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="20" class="ant-slider-handle" style="left: 20%;"></div>
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50" class="ant-slider-handle" style="left: 50%;"></div>
<div class="ant-slider-mark"></div>
</div>
</div>
@ -43,22 +43,22 @@ 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, .45);"></i>
<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>
<div class="ant-slider-track" style="left: 0%; width: 0%;"></div>
<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 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>
<div class="ant-slider">
<div class="ant-slider-rail"></div>
<div class="ant-slider-track" style="left:0%;width:0%;"></div>
<div class="ant-slider-track" style="left: 0%; width: 0%;"></div>
<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 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" style="color:;"></i>
<i class="anticon anticon-smile-o"></i>
</div>
`;
@ -68,19 +68,19 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
<div class="ant-col-12">
<div class="ant-slider">
<div class="ant-slider-rail"></div>
<div class="ant-slider-track" style="left:0%;width:0%;"></div>
<div class="ant-slider-track" style="left: 0%; width: 0%;"></div>
<div class="ant-slider-step"></div>
<div role="slider" tabIndex="0" aria-valuemin="1" aria-valuemax="20" aria-valuenow="1" class="ant-slider-handle" style="left:0%;"></div>
<div role="slider" tabindex="0" aria-valuemin="1" aria-valuemax="20" aria-valuenow="1" class="ant-slider-handle" style="left: 0%;"></div>
<div class="ant-slider-mark"></div>
</div>
</div>
<div class="ant-col-4">
<div class="ant-input-number" style="margin-left:16px;">
<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" value="1" class="ant-input-number-input">
<input autocomplete="off" max="20" min="1" step="1" class="ant-input-number-input">
</div>
</div>
</div>
@ -89,19 +89,19 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
<div class="ant-col-12">
<div class="ant-slider">
<div class="ant-slider-rail"></div>
<div class="ant-slider-track" style="left:0%;width:0%;"></div>
<div class="ant-slider-track" style="left: 0%; width: 0%;"></div>
<div class="ant-slider-step"></div>
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="1" aria-valuenow="0" class="ant-slider-handle" style="left:0%;"></div>
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="1" aria-valuenow="0" class="ant-slider-handle" style="left: 0%;"></div>
<div class="ant-slider-mark"></div>
</div>
</div>
<div class="ant-col-4">
<div class="ant-input-number" style="margin-left:16px;">
<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" value="0.00" class="ant-input-number-input">
<input autocomplete="off" max="1" min="0" step="0.01" class="ant-input-number-input">
</div>
</div>
</div>
@ -114,56 +114,57 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
<h4>included=true</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>
<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:#f50;"><strong>100°C</strong></span></div>
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 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" style="left:26%;"></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 ant-slider-mark-text-active" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;">26°C</span>
role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="26" class="ant-slider-handle" style="left: 26%;"></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 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:#f50;"><strong>100°C</strong></span></div>
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 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:#f50;"><strong>100°C</strong></span></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 &amp; 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>
<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:#f50;"><strong>100°C</strong></span></div>
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>
<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:#f50;"><strong>100°C</strong></span></div>
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>
`;
@ -172,52 +173,52 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
<div>
<div class="ant-slider">
<div class="ant-slider-rail"></div>
<div class="ant-slider-track" style="left:0%;width:0%;"></div>
<div class="ant-slider-track" style="left: 0%; width: 0%;"></div>
<div class="ant-slider-step"></div>
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" class="ant-slider-handle" style="left:0%;"></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"></div>
</div>
<div class="ant-slider">
<div class="ant-slider-rail"></div>
<div class="ant-slider-track" style="left:0%;width:0%;"></div>
<div class="ant-slider-track" style="left: 0%; width: 0%;"></div>
<div class="ant-slider-step"></div>
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" class="ant-slider-handle" style="left:0%;"></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"></div>
</div>
</div>
`;
exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
<div style="height:300px;">
<div style="float:left;height:300px;margin-left:70px;">
<div style="height: 300px;">
<div style="float: left; height: 300px; margin-left: 70px;">
<div class="ant-slider ant-slider-vertical">
<div class="ant-slider-rail"></div>
<div class="ant-slider-track" style="bottom:0%;height:30%;"></div>
<div class="ant-slider-track" style="bottom: 0%; height: 30%;"></div>
<div class="ant-slider-step"></div>
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="30" class="ant-slider-handle" style="bottom:30%;"></div>
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="30" class="ant-slider-handle" style="bottom: 30%;"></div>
<div class="ant-slider-mark"></div>
</div>
</div>
<div style="float:left;height:300px;margin-left:70px;">
<div style="float: left; height: 300px; margin-left: 70px;">
<div class="ant-slider ant-slider-vertical">
<div class="ant-slider-rail"></div>
<div class="ant-slider-track ant-slider-track-1" style="bottom:20%;height:30%;"></div>
<div class="ant-slider-track ant-slider-track-1" style="bottom: 20%; height: 30%;"></div>
<div class="ant-slider-step"></div>
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="20" class="ant-slider-handle" style="bottom:20%;"></div>
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50" class="ant-slider-handle" style="bottom:50%;"></div>
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="20" class="ant-slider-handle" style="bottom: 20%;"></div>
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50" class="ant-slider-handle" style="bottom: 50%;"></div>
<div class="ant-slider-mark"></div>
</div>
</div>
<div style="float:left;height:300px;margin-left:70px;">
<div style="float: left; height: 300px; margin-left: 70px;">
<div class="ant-slider ant-slider-with-marks ant-slider-vertical">
<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 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" style="bottom:26%;"></div>
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle" 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:#f50;"><strong>100°C</strong></span></div>
role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="26" class="ant-slider-handle" style="bottom: 26%;"></div>
<div role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle" 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>

View File

@ -2,71 +2,48 @@
exports[`renders ./components/spin/demo/basic.md correctly 1`] = `
<div>
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span></div>
<div class="ant-spin ant-spin-spinning ant-spin-show-text"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span></div>
</div>
`;
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" style="font-size:24px;"></i>
<div class="ant-spin ant-spin-spinning ant-spin-show-text">
<i class="anticon anticon-loading anticon-spin" style="font-size: 24px;"></i>
</div>
</div>
`;
exports[`renders ./components/spin/demo/delayAndDebounce.md correctly 1`] = `
<div>
<div class="ant-spin-nested-loading">
<div class="ant-spin-container">
<div class="spin-content">
可以点击‘切换’按钮,延迟显示 loading 效果。当 spinning 状态在 \`delay\` 时间内结束,则不显示 loading 状态。
</div>
</div>
</div>
Loading state<span tabIndex="0" class="ant-switch"><span class="ant-switch-inner"></span></span>
<!---->
Loading state<span tabindex="0" class="ant-switch"><span class="ant-switch-inner"></span></span>
</div>
`;
exports[`renders ./components/spin/demo/inside.md correctly 1`] = `
<div class="example">
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span></div>
<div class="ant-spin ant-spin-spinning ant-spin-show-text"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span></div>
</div>
`;
exports[`renders ./components/spin/demo/nested.md correctly 1`] = `
<div>
<div class="ant-spin-nested-loading">
<div class="ant-spin-container">
<div class="spin-content">
可以点击切换按钮控制本区域的spin展示。
</div>
</div>
</div>
Loading state<span tabIndex="0" class="ant-switch"><span class="ant-switch-inner"></span></span>
<!---->
Loading state<span tabindex="0" class="ant-switch"><span class="ant-switch-inner"></span></span>
</div>
`;
exports[`renders ./components/spin/demo/size.md correctly 1`] = `
<div>
<div class="ant-spin ant-spin-sm ant-spin-spinning"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span></div>
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span></div>
<div class="ant-spin ant-spin-lg ant-spin-spinning"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span></div>
<div class="ant-spin ant-spin-sm ant-spin-spinning ant-spin-show-text"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span></div>
<div class="ant-spin ant-spin-spinning ant-spin-show-text"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span></div>
<div class="ant-spin ant-spin-lg ant-spin-spinning ant-spin-show-text"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span></div>
</div>
`;
exports[`renders ./components/spin/demo/tip.md correctly 1`] = `
<div>
<div class="ant-spin-nested-loading">
<div>
<div class="ant-spin ant-spin-spinning ant-spin-show-text"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span>
<div class="ant-spin-text">Loading...</div>
</div>
</div>
<div class="ant-spin-container ant-spin-blur">
<div class="spin-content">
我的描述文案是自定义的。。。
</div>
</div>
</div>
<!---->
</div>
`;

View File

@ -1,32 +1,32 @@
// 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><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>
<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><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><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><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>
`;

File diff suppressed because it is too large Load Diff

View File

@ -2,24 +2,24 @@
exports[`renders ./components/tabs/demo/basic.md correctly 1`] = `
<div>
<div class="ant-tabs ant-tabs-top ant-tabs-line">
<div role="tablist" tabIndex="0" class="ant-tabs-bar">
<div class="ant-tabs-extra-content" style="float:right;"></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-extra-content" style="float: right;"></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-scroll">
<div class="ant-tabs-nav ant-tabs-nav-animated">
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">Tab 1</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 2</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 3</div>
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 2</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
</div>
</div>
</div>
</div>
</div>
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:0%;">
<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>
@ -29,18 +29,18 @@ exports[`renders ./components/tabs/demo/basic.md correctly 1`] = `
`;
exports[`renders ./components/tabs/demo/card.md correctly 1`] = `
<div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-no-animation">
<div role="tablist" tabIndex="0" class="ant-tabs-bar">
<div class="ant-tabs-extra-content" style="float:right;"></div>
<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-extra-content" style="float: right;"></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-scroll">
<div class="ant-tabs-nav ant-tabs-nav-animated">
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">Tab 1</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 2</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 3</div>
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 2</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
</div>
</div>
</div>
@ -56,18 +56,18 @@ exports[`renders ./components/tabs/demo/card.md correctly 1`] = `
exports[`renders ./components/tabs/demo/card-top.md correctly 1`] = `
<div class="card-container">
<div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-no-animation">
<div role="tablist" tabIndex="0" class="ant-tabs-bar">
<div class="ant-tabs-extra-content" style="float:right;"></div>
<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-extra-content" style="float: right;"></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-scroll">
<div class="ant-tabs-nav ant-tabs-nav-animated">
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">Tab Title 1</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab Title 2</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab Title 3</div>
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab Title 1</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab Title 2</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab Title 3</div>
</div>
</div>
</div>
@ -88,24 +88,24 @@ exports[`renders ./components/tabs/demo/card-top.md correctly 1`] = `
exports[`renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = `
<div>
<div style="margin-bottom:16px;">
<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">
<div role="tablist" tabIndex="0" class="ant-tabs-bar">
<div class="ant-tabs-extra-content" style="float:right;"></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-extra-content" style="float: right;"></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-scroll">
<div class="ant-tabs-nav ant-tabs-nav-animated">
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></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>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">
<div>Tab 2
<i class="anticon anticon-close"></i>
</div>
@ -126,24 +126,24 @@ exports[`renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = `
`;
exports[`renders ./components/tabs/demo/disabled.md correctly 1`] = `
<div class="ant-tabs ant-tabs-top ant-tabs-line">
<div role="tablist" tabIndex="0" class="ant-tabs-bar">
<div class="ant-tabs-extra-content" style="float:right;"></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-extra-content" style="float: right;"></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-scroll">
<div class="ant-tabs-nav ant-tabs-nav-animated">
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">Tab 1</div>
<div role="tab" aria-disabled="true" aria-selected="false" class=" ant-tabs-tab ant-tabs-tab-disabled" style="margin-right:undefinedpx;">Tab 2</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 3</div>
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
<div role="tab" aria-disabled="true" aria-selected="false" class=" ant-tabs-tab ant-tabs-tab-disabled">Tab 2</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
</div>
</div>
</div>
</div>
</div>
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:0%;">
<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>
@ -152,19 +152,19 @@ exports[`renders ./components/tabs/demo/disabled.md correctly 1`] = `
`;
exports[`renders ./components/tabs/demo/editable-card.md correctly 1`] = `
<div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card ant-tabs-no-animation">
<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 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-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-scroll">
<div class="ant-tabs-nav ant-tabs-nav-animated">
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">
<div class="ant-tabs-tab-unclosable">Tab 1</div>
</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">
<div>Tab 2
<i class="anticon anticon-close"></i>
</div>
@ -184,9 +184,9 @@ exports[`renders ./components/tabs/demo/editable-card.md correctly 1`] = `
`;
exports[`renders ./components/tabs/demo/extra.md correctly 1`] = `
<div class="ant-tabs ant-tabs-top ant-tabs-line">
<div role="tablist" tabIndex="0" class="ant-tabs-bar">
<div class="ant-tabs-extra-content" style="float:right;">
<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-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>
@ -194,16 +194,16 @@ exports[`renders ./components/tabs/demo/extra.md correctly 1`] = `
class="ant-tabs-nav-wrap">
<div class="ant-tabs-nav-scroll">
<div class="ant-tabs-nav ant-tabs-nav-animated">
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">Tab 1</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 2</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 3</div>
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 2</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
</div>
</div>
</div>
</div>
</div>
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:0%;">
<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>
@ -212,19 +212,19 @@ exports[`renders ./components/tabs/demo/extra.md correctly 1`] = `
`;
exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
<div class="ant-tabs ant-tabs-top ant-tabs-line">
<div role="tablist" tabIndex="0" class="ant-tabs-bar">
<div class="ant-tabs-extra-content" style="float:right;"></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-extra-content" style="float: right;"></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-scroll">
<div class="ant-tabs-nav ant-tabs-nav-animated">
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"></div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;"><span slot="tab"><i class="anticon anticon-apple"></i>
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab"><span slot="tab"><i class="anticon anticon-apple"></i>
Tab 1
</span></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;"><span slot="tab"><i class="anticon anticon-android"></i>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab"><span slot="tab"><i class="anticon anticon-android"></i>
Tab 2
</span></div>
</div>
@ -232,7 +232,7 @@ exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
</div>
</div>
</div>
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:-100%;">
<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
@ -242,31 +242,31 @@ exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
`;
exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
<div style="width:500px;">
<div class="ant-radio-group 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" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>top</span></label>
<div style="width: 500px;">
<div class="ant-radio-group 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"><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"><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"><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"><span class="ant-radio-button-inner"></span></span><span>right</span></label>
</div>
<div class="ant-tabs ant-tabs-top ant-tabs-line">
<div role="tablist" tabIndex="0" class="ant-tabs-bar">
<div class="ant-tabs-extra-content" style="float:right;"></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-extra-content" style="float: right;"></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-scroll">
<div class="ant-tabs-nav ant-tabs-nav-animated">
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">Tab 1</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 2</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 3</div>
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 2</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
</div>
</div>
</div>
</div>
</div>
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:0%;">
<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>
@ -277,29 +277,29 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
exports[`renders ./components/tabs/demo/size.md correctly 1`] = `
<div>
<div class="ant-radio-group 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" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Small</span></label>
<div class="ant-radio-group 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"><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"><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"><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">
<div role="tablist" tabIndex="0" class="ant-tabs-bar">
<div class="ant-tabs-extra-content" style="float:right;"></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-extra-content" style="float: right;"></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-scroll">
<div class="ant-tabs-nav ant-tabs-nav-animated">
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"></div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 1</div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">Tab 2</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 3</div>
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 1</div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 2</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
</div>
</div>
</div>
</div>
</div>
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:-100%;">
<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>
@ -309,37 +309,37 @@ exports[`renders ./components/tabs/demo/size.md correctly 1`] = `
`;
exports[`renders ./components/tabs/demo/slide.md correctly 1`] = `
<div style="width:500px;">
<div class="ant-radio-group 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" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Horizontal</span></label>
<div style="width: 500px;">
<div class="ant-radio-group 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"><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"><span class="ant-radio-button-inner"></span></span><span>Vertical</span></label>
</div>
<div class="ant-tabs ant-tabs-top ant-tabs-line" style="height:200px;">
<div role="tablist" tabIndex="0" class="ant-tabs-bar">
<div class="ant-tabs-extra-content" style="float:right;"></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-extra-content" style="float: right;"></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-scroll">
<div class="ant-tabs-nav ant-tabs-nav-animated">
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">Tab 1</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 2</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 3</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 4</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 5</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 6</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 7</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 8</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 9</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 10</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 11</div>
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 2</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 4</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 5</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 6</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 7</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 8</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 9</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 10</div>
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 11</div>
</div>
</div>
</div>
</div>
</div>
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:0%;">
<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>

View File

@ -2,14 +2,14 @@
exports[`renders ./components/tag/demo/basic.md correctly 1`] = `
<div>
<div class="ant-tag" style="background-color:null;">Tag 1</div>
<div class="ant-tag" style="background-color:null;">
<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" style="background-color:null;">Tag 2
<div class="ant-tag ant-tag-zoom-enter">Tag 2
<i class="anticon anticon-cross"></i>
</div>
<div class="ant-tag" style="background-color:null;">Prevent Default
<div class="ant-tag ant-tag-zoom-enter">Prevent Default
<i class="anticon anticon-cross"></i>
</div>
</div>
@ -25,47 +25,47 @@ exports[`renders ./components/tag/demo/checkable.md correctly 1`] = `
exports[`renders ./components/tag/demo/colorful.md correctly 1`] = `
<div>
<h4 style="margin-bottom:16px;">Presets:</h4>
<h4 style="margin-bottom: 16px;">Presets:</h4>
<div>
<div class="ant-tag ant-tag-pink" style="background-color:null;">pink</div>
<div class="ant-tag ant-tag-red" style="background-color:null;">red</div>
<div class="ant-tag ant-tag-orange" style="background-color:null;">orange</div>
<div class="ant-tag ant-tag-green" style="background-color:null;">green</div>
<div class="ant-tag ant-tag-cyan" style="background-color:null;">cyan</div>
<div class="ant-tag ant-tag-blue" style="background-color:null;">blue</div>
<div class="ant-tag ant-tag-purple" style="background-color:null;">purple</div>
<div class="ant-tag ant-tag-pink ant-tag-zoom-enter">pink</div>
<div class="ant-tag ant-tag-red ant-tag-zoom-enter">red</div>
<div class="ant-tag ant-tag-orange ant-tag-zoom-enter">orange</div>
<div class="ant-tag ant-tag-green ant-tag-zoom-enter">green</div>
<div class="ant-tag ant-tag-cyan ant-tag-zoom-enter">cyan</div>
<div class="ant-tag ant-tag-blue ant-tag-zoom-enter">blue</div>
<div class="ant-tag ant-tag-purple ant-tag-zoom-enter">purple</div>
</div>
<h4 style="margin:'16px 0';">Custom:</h4>
<h4>Custom:</h4>
<div>
<div class="ant-tag ant-tag-has-color" style="background-color:#f50;">#f50</div>
<div class="ant-tag ant-tag-has-color" style="background-color:#2db7f5;">#2db7f5</div>
<div class="ant-tag ant-tag-has-color" style="background-color:#87d068;">#87d068</div>
<div class="ant-tag ant-tag-has-color" style="background-color:#108ee9;">#108ee9</div>
<div class="ant-tag ant-tag-has-color ant-tag-zoom-enter" style="background-color: rgb(255, 85, 0);">#f50</div>
<div class="ant-tag ant-tag-has-color ant-tag-zoom-enter" style="background-color: rgb(45, 183, 245);">#2db7f5</div>
<div class="ant-tag ant-tag-has-color ant-tag-zoom-enter" style="background-color: rgb(135, 208, 104);">#87d068</div>
<div class="ant-tag ant-tag-has-color ant-tag-zoom-enter" style="background-color: rgb(16, 142, 233);">#108ee9</div>
</div>
</div>
`;
exports[`renders ./components/tag/demo/control.md correctly 1`] = `
<div>
<div class="ant-tag" style="background-color:null;">
<div class="ant-tag ant-tag-zoom-enter">
Unremovable
</div>
<div class="ant-tag" style="background-color:null;">
<div class="ant-tag ant-tag-zoom-enter">
Tag 2
<i class="anticon anticon-cross"></i>
</div>
<div class="ant-tag" style="background-color:null;">
<div class="ant-tag ant-tag-zoom-enter">
Tag 3Tag 3Tag 3Tag 3...
<i class="anticon anticon-cross"></i>
</div>
<div class="ant-tag" style="background-color:null;background:#fff;border-style:dashed;">
<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>
`;
exports[`renders ./components/tag/demo/hot-tags.md correctly 1`] = `
<div><strong style="margin-right:8;">Categories:</strong>
<div><strong>Categories:</strong>
<div class="ant-tag ant-tag-checkable">
Movies
</div>

View File

@ -1,38 +1,38 @@
// 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="" value="" 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="" value="" 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="" value="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>
<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="" value="" 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="" value="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>
<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="" value="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>`;
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>`;
exports[`renders ./components/time-picker/demo/disabled.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" disabled="disabled" id="" value="12:08:23" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>`;
exports[`renders ./components/time-picker/demo/disabled.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" disabled="disabled" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>`;
exports[`renders ./components/time-picker/demo/hide-column.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" id="" value="12:08" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>`;
exports[`renders ./components/time-picker/demo/hide-column.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/interval-options.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" id="" value="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>`;
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="" value="12:08:23" 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="" value="12:08:23" 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="" value="12:08:23" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>
<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="" value="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>
<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="" value="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>
<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="" value="00:00:00" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>
<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>
`;

View File

@ -4,22 +4,22 @@ exports[`renders ./components/timeline/demo/basic.md correctly 1`] = `
<ul class="ant-timeline">
<li class="ant-timeline-item">
<div class="ant-timeline-item-tail"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue"></div>
<div class="ant-timeline-item-content">Create a services site 2015-09-01</div>
</li>
<li class="ant-timeline-item">
<div class="ant-timeline-item-tail"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue"></div>
<div class="ant-timeline-item-content">Solve initial network problems 2015-09-01</div>
</li>
<li class="ant-timeline-item">
<div class="ant-timeline-item-tail"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue"></div>
<div class="ant-timeline-item-content">Technical testing 2015-09-01</div>
</li>
<li class="ant-timeline-item ant-timeline-item-last">
<div class="ant-timeline-item-tail"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue"></div>
<div class="ant-timeline-item-content">Network problems being solved 2015-09-01</div>
</li>
</ul>
@ -29,17 +29,17 @@ exports[`renders ./components/timeline/demo/color.md correctly 1`] = `
<ul class="ant-timeline">
<li class="ant-timeline-item">
<div class="ant-timeline-item-tail"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-green" style="border-color:null;"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-green"></div>
<div class="ant-timeline-item-content">Create a services site 2015-09-01</div>
</li>
<li class="ant-timeline-item">
<div class="ant-timeline-item-tail"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-green" style="border-color:null;"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-green"></div>
<div class="ant-timeline-item-content">Create a services site 2015-09-01</div>
</li>
<li class="ant-timeline-item">
<div class="ant-timeline-item-tail"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-red" style="border-color:null;"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-red"></div>
<div class="ant-timeline-item-content">
<p>Solve initial network problems 1</p>
<p>Solve initial network problems 2</p>
@ -48,7 +48,7 @@ exports[`renders ./components/timeline/demo/color.md correctly 1`] = `
</li>
<li class="ant-timeline-item ant-timeline-item-last">
<div class="ant-timeline-item-tail"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue"></div>
<div class="ant-timeline-item-content">
<p>Technical testing 1</p>
<p>Technical testing 2</p>
@ -62,18 +62,18 @@ exports[`renders ./components/timeline/demo/custom.md correctly 1`] = `
<ul class="ant-timeline">
<li class="ant-timeline-item">
<div class="ant-timeline-item-tail"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue"></div>
<div class="ant-timeline-item-content">Create a services site 2015-09-01</div>
</li>
<li class="ant-timeline-item">
<div class="ant-timeline-item-tail"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue"></div>
<div class="ant-timeline-item-content">Solve initial network problems 2015-09-01</div>
</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" style="border-color:null;">
<i class="anticon anticon-clock-circle-o" style="font-size:'16px';"></i>
<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
@ -81,7 +81,7 @@ exports[`renders ./components/timeline/demo/custom.md correctly 1`] = `
</li>
<li class="ant-timeline-item ant-timeline-item-last">
<div class="ant-timeline-item-tail"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue"></div>
<div class="ant-timeline-item-content">Network problems being solved 2015-09-01</div>
</li>
</ul>
@ -91,22 +91,22 @@ exports[`renders ./components/timeline/demo/pending.md correctly 1`] = `
<ul class="ant-timeline ant-timeline-pending">
<li class="ant-timeline-item">
<div class="ant-timeline-item-tail"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue"></div>
<div class="ant-timeline-item-content">Create a services site 2015-09-01</div>
</li>
<li class="ant-timeline-item">
<div class="ant-timeline-item-tail"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue"></div>
<div class="ant-timeline-item-content">Solve initial network problems 2015-09-01</div>
</li>
<li class="ant-timeline-item ant-timeline-item-last">
<div class="ant-timeline-item-tail"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div>
<div class="ant-timeline-item-head ant-timeline-item-head-blue"></div>
<div class="ant-timeline-item-content">Technical testing 2015-09-01</div>
</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" style="border-color:null;">
<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>

View File

@ -8,37 +8,37 @@ exports[`renders ./components/tooltip/demo/arrow-point-at-center.md correctly 1`
`;
exports[`renders ./components/tooltip/demo/auto-adjust-overflow.md correctly 1`] = `
<div style="overflow:hidden;position:relative;padding:24px;border:1px solid #e9e9e9;">
<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>
<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>
<span class="">
Tooltip will show when mouse enter.
</span>
`;
exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
<div id="components-a-tooltip-demo-placement">
<div style="margin-left:70px;white-space:nowrap;">
<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;">
<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;">
<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;">
<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>

View File

@ -2,23 +2,23 @@
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 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"><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>
</label><span class="ant-transfer-list-header-selected"><span>11 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>
<div class="ant-transfer-list-content-warp"></div>
<!---->
<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>
<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">
@ -27,23 +27,23 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
<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>
</div>
<div class="ant-transfer-list ant-transfer-list-with-footer" style="width:250px;height:300px;">
<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"><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>
</label><span class="ant-transfer-list-header-selected"><span>9 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>
<div class="ant-transfer-list-content-warp"></div>
<!---->
<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>
<button type="button" class="ant-btn ant-btn-default ant-btn-sm" style="float: right; margin: 5px;"><span>reload</span></button>
</div>
</div>
</div>
@ -57,24 +57,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
</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">
<div class="ant-transfer-list-content-warp">
<ul class="ant-transfer-list-content">
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
</ul>
</div>
<!---->
<div class="ant-transfer-list-body-not-found">Not Found</div>
</div>
</div>
@ -92,16 +75,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
</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">
<div class="ant-transfer-list-content-warp">
<ul class="ant-transfer-list-content">
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
<div class="LazyLoad" style="height:32px;width:undefined;"></div>
</ul>
</div>
<!---->
<div class="ant-transfer-list-body-not-found">Not Found</div>
</div>
</div>
@ -110,13 +84,13 @@ 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" 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"><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>
</label><span class="ant-transfer-list-header-selected"><span>11 items</span><span class="ant-transfer-list-header-title"></span></span>
</div>
<div class="ant-transfer-list-body">
<div class="ant-transfer-list-content-warp"></div>
<!---->
<div class="ant-transfer-list-body-not-found">Not Found</div>
</div>
</div>
@ -128,13 +102,13 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
<i class="anticon anticon-right"></i>
</button>
</div>
<div class="ant-transfer-list" style="width:300px;height:300px;">
<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"><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>
</label><span class="ant-transfer-list-header-selected"><span>9 items</span><span class="ant-transfer-list-header-title"></span></span>
</div>
<div class="ant-transfer-list-body">
<div class="ant-transfer-list-content-warp"></div>
<!---->
<div class="ant-transfer-list-body-not-found">Not Found</div>
</div>
</div>
@ -146,10 +120,10 @@ exports[`renders ./components/transfer/demo/large-data.md correctly 1`] = `
<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>0 item</span><span class="ant-transfer-list-header-title"></span></span>
</label><span class="ant-transfer-list-header-selected"><span>1003 items</span><span class="ant-transfer-list-header-title"></span></span>
</div>
<div class="ant-transfer-list-body">
<div class="ant-transfer-list-content-warp"></div>
<!---->
<div class="ant-transfer-list-body-not-found">Not Found</div>
</div>
</div>
@ -164,10 +138,10 @@ exports[`renders ./components/transfer/demo/large-data.md correctly 1`] = `
<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>0 item</span><span class="ant-transfer-list-header-title"></span></span>
</label><span class="ant-transfer-list-header-selected"><span>997 items</span><span class="ant-transfer-list-header-title"></span></span>
</div>
<div class="ant-transfer-list-body">
<div class="ant-transfer-list-content-warp"></div>
<!---->
<div class="ant-transfer-list-body-not-found">Not Found</div>
</div>
</div>
@ -179,14 +153,14 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
<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>0 item</span><span class="ant-transfer-list-header-title"></span></span>
</label><span class="ant-transfer-list-header-selected"><span>12 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>
<div class="ant-transfer-list-content-warp"></div>
<!---->
<div class="ant-transfer-list-body-not-found">Not Found</div>
</div>
</div>
@ -201,14 +175,14 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
<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>0 item</span><span class="ant-transfer-list-header-title"></span></span>
</label><span class="ant-transfer-list-header-selected"><span>8 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>
<div class="ant-transfer-list-content-warp"></div>
<!---->
<div class="ant-transfer-list-body-not-found">Not Found</div>
</div>
</div>

View File

@ -2,22 +2,22 @@
exports[`renders ./components/tree/demo/basic.md correctly 1`] = `
<ul role="tree-node" unselectable="on" class="ant-tree">
<li><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" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1</span></span>
<li class=""><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">
<li class="ant-tree-treenode-disabled"><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" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1-0</span></span>
<li class="ant-tree-treenode-disabled"><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><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" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span>
<li class=""><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><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" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span>
<li class=""><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><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" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1-1</span></span>
<li class=""><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><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="" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title"><span style="color:#1890ff;">sss</span></span>
<li class=""><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>
@ -29,56 +29,56 @@ exports[`renders ./components/tree/demo/basic.md correctly 1`] = `
exports[`renders ./components/tree/demo/basic-controlled.md correctly 1`] = `
<ul role="tree-node" unselectable="on" class="ant-tree">
<li><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" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">0-0</span></span>
<li class=""><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">
<li><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" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">0-0-0</span></span>
<li class=""><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><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" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-0-0</span></span>
<li class=""><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><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" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-0-1</span></span>
<li class=""><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><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" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-0-2</span></span>
<li class=""><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><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" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">0-0-1</span></span>
<li class=""><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><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" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-1-0</span></span>
<li class=""><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><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" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-1-1</span></span>
<li class=""><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><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" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-1-2</span></span>
<li class=""><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><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" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-2</span></span>
<li class=""><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><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" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">0-1</span></span>
<li class=""><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><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" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-2</span></span>
<li class=""><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><span class="ant-tree-switcher ant-tree-switcher_open"></span><span title="parent 1" draggable="false" 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>
<li class=""><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><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" draggable="false" 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>
<li class=""><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><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" draggable="false" 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>
<li class=""><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>
@ -90,66 +90,65 @@ 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><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>
<li class=""><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">
<li><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>
<li class=""><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><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 class=""><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><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 class=""><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><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 class=""><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><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 class=""><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><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 class=""><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><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 class=""><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><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 class=""><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><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="Expand to load" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">Expand to load</span></span>
<li class=""><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><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="Expand to load" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">Expand to load</span></span>
<li class=""><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><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="Tree Node" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">Tree Node</span></span>
<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><span class="ant-tree-switcher ant-tree-switcher_open"></span><span title="" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title"><span style="color:#1890ff;">parent 1</span></span>
<li class=""><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><span class="ant-tree-switcher ant-tree-switcher_open"></span><span title="parent 1-0" draggable="false" 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><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span>
<li class=""><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=""><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><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span>
<li class=""><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><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span>
<li class=""><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><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="parent 1-1" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">parent 1-1</span></span>
<li class=""><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>
<!---->
</li>
<li><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="parent 1-2" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">parent 1-2</span></span>
<li class=""><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="parent 1-2" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">parent 1-2</span></span>
<!---->
</li>
</ul>
@ -158,27 +157,27 @@ exports[`renders ./components/tree/demo/line.md correctly 1`] = `
`;
exports[`renders ./components/tree/demo/search.md correctly 1`] = `
<div><span class="ant-input-search ant-input-affix-wrapper ant-input-search" style="margin-bottom:8px;"><input placeholder="Search" type="text" value="" class="ant-input ant-input-search"><span class="ant-input-suffix"><i class="anticon anticon-search ant-input-search-icon"></i></span></span>
<div><span class="ant-input-search ant-input-affix-wrapper ant-input-search" style="margin-bottom: 8px;"><input placeholder="Search" 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>
<ul role="tree-node" unselectable="on" class="ant-tree">
<li><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title"><span>
<li class=""><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:#f50;"></span> 0-0
<span style="color: rgb(255, 85, 0);"></span> 0-0
</span>
</span>
</span>
<!---->
</li>
<li><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title"><span>
<li class=""><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:#f50;"></span> 0-1
<span style="color: rgb(255, 85, 0);"></span> 0-1
</span>
</span>
</span>
<!---->
</li>
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title"><span>
<li class=""><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:#f50;"></span> 0-2
<span style="color: rgb(255, 85, 0);"></span> 0-2
</span>
</span>
</span>

View File

@ -1,107 +1,29 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/upload/demo/avatar.md correctly 1`] = `<span class="avatar-uploader"><div class="ant-upload ant-upload-select ant-upload-select-picture-card" style="display:;"><!----></div></span>`;
exports[`renders ./components/upload/demo/avatar.md correctly 1`] = `<span class="avatar-uploader"><div class="ant-upload ant-upload-select ant-upload-select-picture-card"><!----></div></span>`;
exports[`renders ./components/upload/demo/basic.md correctly 1`] = `<span><div class="ant-upload ant-upload-select ant-upload-select-text" style="display:;"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span>`;
exports[`renders ./components/upload/demo/basic.md correctly 1`] = `<span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><!----></span>`;
exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
<span><div class="ant-upload ant-upload-select ant-upload-select-text" style="display:;"><!----></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-error">
<div class="ant-upload-list-item-info"><span><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/defaultFileList.md correctly 1`] = `<span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><!----></span>`;
exports[`renders ./components/upload/demo/drag.md correctly 1`] = `<span style="height:undefined;"><div class="ant-upload ant-upload-drag"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span>`;
exports[`renders ./components/upload/demo/drag.md correctly 1`] = `<span><div class="ant-upload ant-upload-drag"><!----></div><!----></span>`;
exports[`renders ./components/upload/demo/fileList.md correctly 1`] = `
<span><div class="ant-upload ant-upload-select ant-upload-select-text" style="display:;"><!----></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/fileList.md correctly 1`] = `<span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></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 ant-upload-select ant-upload-select-picture-card"><!----></div></span>
<!---->
</div>
</div>
<div class="ant-upload ant-upload-select ant-upload-select-picture-card" style="display:;">
<!---->
</div>
</span>
<!---->
</div>
</div>
`;
exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
<div><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 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>
<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" style="display:;">
<!---->
</div>
</span>
<div><span><!----><div class="ant-upload ant-upload-select ant-upload-select-picture-card"><!----></div></span>
<br>
<br> <span class="upload-list-inline"><div class="ant-upload ant-upload-select ant-upload-select-picture" style="display:;"><!----></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>
<br> <span class="upload-list-inline"><div class="ant-upload ant-upload-select ant-upload-select-picture"><!----></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" style="display:;"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span>
<div class="clearfix"><span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><!----></span>
<button type="button" disabled="disabled" class="upload-demo-start ant-btn ant-btn-primary"><span>Start Upload</span></button>
</div>
`;

View File

@ -123,7 +123,7 @@ export default {
}
if (!flexSupported && direction !== 'vertical' && index !== lastIndex) {
stepProps.props.itemWidth = `${100 / lastIndex}%`
stepProps.props.adjustMarginRight = -Math.round(lastStepOffsetWidth / lastIndex + 1)
stepProps.props.adjustMarginRight = `${-Math.round(lastStepOffsetWidth / lastIndex + 1)}px`
}
// fix tail color
if (status === 'error' && index === current - 1) {

View File

@ -1,4 +1,4 @@
// import Vue from 'vue'
import Vue from 'vue'
// Vue.config.silent = true
/* eslint-disable global-require */
@ -20,3 +20,10 @@ global.cancelAnimationFrame = function (cb) {
return clearTimeout(cb, 0)
}
Vue.component('transition-group', {
props: ['tag'],
render (createElement) {
return null
},
})

View File

@ -1,5 +1,5 @@
import glob from 'glob'
import { renderToString } from '@vue/server-test-utils'
import { mount } from '@vue/test-utils'
import MockDate from 'mockdate'
import moment from 'moment'
import Vue from 'vue'
@ -14,12 +14,15 @@ export default function demoTest (component, options = {}) {
if (Array.isArray(options.skip) && options.skip.some(c => file.includes(c))) {
testMethod = test.skip
}
testMethod(`renders ${file} correctly`, () => {
testMethod(`renders ${file} correctly`, (done) => {
MockDate.set(moment('2016-11-22'))
const demo = require(`../.${file}`).default || require(`../.${file}`)// eslint-disable-line global-require, import/no-dynamic-require
const wrapper = renderToString(demo)
expect(wrapper).toMatchSnapshot()
MockDate.reset()
const wrapper = mount(demo, { sync: false })
Vue.nextTick(() => {
expect(wrapper.html()).toMatchSnapshot()
MockDate.reset()
done()
})
})
})
}