test: update snap

antdv-demo

@@ -1 +1 @@
-Subproject commit 8dca2d2cfcaaf970f494ebfb65ee55dfca69870c
+Subproject commit a2a2d666224e5ee69b85ee5a0f35b1f845c96885

components/avatar/__tests__/__snapshots__/demo.test.js.snap

@@ -9,6 +9,14 @@ exports[`renders ./antdv-demo/docs/avatar/demo/basic.md correctly 1`] = `
 </div>
 `;
 
-exports[`renders ./antdv-demo/docs/avatar/demo/dynamic.md correctly 1`] = `<div><span class="ant-avatar ant-avatar-lg ant-avatar-square" style="background-color: rgb(245, 106, 0); vertical-align: middle;"><span class="ant-avatar-string" style="opacity: 0;">U</span></span> <button type="button" class="ant-btn ant-btn-sm" style="vertical-align: middle;"><span>改 变</span></button></div>`;
+exports[`renders ./antdv-demo/docs/avatar/demo/dynamic.md correctly 1`] = `
+<div><span class="ant-avatar ant-avatar-lg ant-avatar-square" style="background-color: rgb(245, 106, 0); vertical-align: middle;"><span class="ant-avatar-string" style="opacity: 0;">
+    U
+  </span></span> <button type="button" class="ant-btn ant-btn-sm" style="vertical-align: middle;"><span>改 变</span></button></div>
+`;
 
-exports[`renders ./antdv-demo/docs/avatar/demo/type.md correctly 1`] = `<div><span class="ant-avatar ant-avatar-circle ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-circle ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-circle"><span class="ant-avatar-string" style="opacity: 0;">U</span></span> <span class="ant-avatar ant-avatar-circle"><span class="ant-avatar-string" style="opacity: 0;">USER</span></span> <span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></span> <span class="ant-avatar ant-avatar-circle" style="color: rgb(245, 106, 0); background-color: rgb(253, 227, 207);"><span class="ant-avatar-string" style="opacity: 0;">U</span></span> <span class="ant-avatar ant-avatar-circle ant-avatar-icon" style="background-color: rgb(135, 208, 104);"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span></div>`;
+exports[`renders ./antdv-demo/docs/avatar/demo/type.md correctly 1`] = `
+<div><span class="ant-avatar ant-avatar-circle ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-circle ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-circle"><span class="ant-avatar-string" style="opacity: 0;">U</span></span> <span class="ant-avatar ant-avatar-circle"><span class="ant-avatar-string" style="opacity: 0;">USER</span></span> <span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></span> <span class="ant-avatar ant-avatar-circle" style="color: rgb(245, 106, 0); background-color: rgb(253, 227, 207);"><span class="ant-avatar-string" style="opacity: 0;">
+    U
+  </span></span> <span class="ant-avatar ant-avatar-circle ant-avatar-icon" style="background-color: rgb(135, 208, 104);"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span></div>
+`;

components/badge/__tests__/__snapshots__/demo.test.js.snap

@@ -18,7 +18,9 @@ exports[`renders ./antdv-demo/docs/badge/demo/change.md correctly 1`] = `
 
 exports[`renders ./antdv-demo/docs/badge/demo/colors.md correctly 1`] = `
 <div>
-  <h4 style="margin-bottom: 16px;">Presets:</h4>
+  <h4 style="margin-bottom: 16px;">
+    Presets:
+  </h4>
   <div>
     <div><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-pink"></span><span class="ant-badge-status-text">pink</span></span></div>
     <div><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-red"></span><span class="ant-badge-status-text">red</span></span></div>
@@ -34,7 +36,9 @@ exports[`renders ./antdv-demo/docs/badge/demo/colors.md correctly 1`] = `
     <div><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-gold"></span><span class="ant-badge-status-text">gold</span></span></div>
     <div><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-lime"></span><span class="ant-badge-status-text">lime</span></span></div>
   </div>
-  <h4 style="margin: 16px 0px;">Custom:</h4>
+  <h4 style="margin: 16px 0px;">
+    Custom:
+  </h4>
   <div><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot" style="background: rgb(255, 85, 0);"></span><span class="ant-badge-status-text">#f50</span></span> <br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot" style="background: rgb(45, 183, 245);"></span><span class="ant-badge-status-text">#2db7f5</span></span> <br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot" style="background: rgb(135, 208, 104);"></span><span class="ant-badge-status-text">#87d068</span></span> <br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot" style="background: rgb(16, 142, 233);"></span><span class="ant-badge-status-text">#108ee9</span></span></div>
 </div>
 `;

components/breadcrumb/__tests__/__snapshots__/demo.test.js.snap

@@ -10,12 +10,26 @@ exports[`renders ./antdv-demo/docs/breadcrumb/demo/overlay.md correctly 1`] = `
 
 exports[`renders ./antdv-demo/docs/breadcrumb/demo/separator.md correctly 1`] = `
 <div>
-  <div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">&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=""><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator">&gt;</span></span></div>
+  <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">
-  <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>
+      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=""><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator">&gt;</span></span></div>
+  <div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator"><span style="color: red;">&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 ./antdv-demo/docs/breadcrumb/demo/separator-indepent.md correctly 1`] = `<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Location</span></span><span class="ant-breadcrumb-separator">:</span><span class=""><a class="ant-breadcrumb-link">Application Center</a></span><span class="ant-breadcrumb-separator">/</span><span class=""><a class="ant-breadcrumb-link">Application List</a></span><span class="ant-breadcrumb-separator">/</span><span class=""><span class="ant-breadcrumb-link">An Application</span></span></div>`;
+exports[`renders ./antdv-demo/docs/breadcrumb/demo/separator-indepent.md correctly 1`] = `
+<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Location</span></span><span class="ant-breadcrumb-separator">:</span><span class=""><a class="ant-breadcrumb-link">
+    Application Center
+  </a></span><span class="ant-breadcrumb-separator">/</span><span class=""><a class="ant-breadcrumb-link">
+    Application List
+  </a></span><span class="ant-breadcrumb-separator">/</span><span class=""><span class="ant-breadcrumb-link">An Application</span></span></div>
+`;
 
 exports[`renders ./antdv-demo/docs/breadcrumb/demo/withIcon.md correctly 1`] = `
 <div class="ant-breadcrumb"><span class=""><a class="ant-breadcrumb-link"><i aria-label="icon: home" class="anticon anticon-home"><svg viewBox="64 64 896 896" data-icon="home" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M946.5 505L560.1 118.8l-25.9-25.9a31.5 31.5 0 0 0-44.4 0L77.5 505a63.9 63.9 0 0 0-18.8 46c.4 35.2 29.7 63.3 64.9 63.3h42.5V940h691.8V614.3h43.4c17.1 0 33.2-6.7 45.3-18.8a63.6 63.6 0 0 0 18.7-45.3c0-17-6.7-33.1-18.8-45.2zM568 868H456V664h112v204zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7 23.1 23.1L882 542.3h-96.1z"></path></svg></i></a><span class="ant-breadcrumb-separator">/</span></span><span class=""><a class="ant-breadcrumb-link"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i> <span>Application List</span></a><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">

components/button/__tests__/__snapshots__/demo.test.js.snap

@@ -77,7 +77,13 @@ exports[`renders ./antdv-demo/docs/button/demo/multiple.md correctly 1`] = `
 
 exports[`renders ./antdv-demo/docs/button/demo/size.md correctly 1`] = `
 <div>
-  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label></div> <br><br> <button type="button" class="ant-btn ant-btn-primary ant-btn-lg"><span>Primary</span></button> <button type="button" class="ant-btn ant-btn-lg"><span>Normal</span></button> <button type="button" class="ant-btn ant-btn-dashed ant-btn-lg"><span>Dashed</span></button> <button type="button" class="ant-btn ant-btn-danger ant-btn-lg"><span>Danger</span></button> <button type="button" class="ant-btn ant-btn-link ant-btn-lg"><span>Link</span></button> <br> <button type="button" class="ant-btn ant-btn-primary ant-btn-lg ant-btn-icon-only"><i aria-label="icon: download" class="anticon anticon-download"><svg viewBox="64 64 896 896" data-icon="download" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
+  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>
+      Large
+    </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>
+      Default
+    </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>
+      Small
+    </span></label></div> <br><br> <button type="button" class="ant-btn ant-btn-primary ant-btn-lg"><span>Primary</span></button> <button type="button" class="ant-btn ant-btn-lg"><span>Normal</span></button> <button type="button" class="ant-btn ant-btn-dashed ant-btn-lg"><span>Dashed</span></button> <button type="button" class="ant-btn ant-btn-danger ant-btn-lg"><span>Danger</span></button> <button type="button" class="ant-btn ant-btn-link ant-btn-lg"><span>Link</span></button> <br> <button type="button" class="ant-btn ant-btn-primary ant-btn-lg ant-btn-icon-only"><i aria-label="icon: download" class="anticon anticon-download"><svg viewBox="64 64 896 896" data-icon="download" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
         <path d="M505.7 661a8 8 0 0 0 12.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"></path>
       </svg></i></button> <button type="button" class="ant-btn ant-btn-primary ant-btn-circle ant-btn-lg ant-btn-icon-only"><i aria-label="icon: download" class="anticon anticon-download"><svg viewBox="64 64 896 896" data-icon="download" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
         <path d="M505.7 661a8 8 0 0 0 12.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"></path>

components/card/__tests__/__snapshots__/demo.test.js.snap

@@ -55,7 +55,9 @@ exports[`renders ./antdv-demo/docs/card/demo/flexible-content.md correctly 1`] =
     <div class="ant-card-meta">
       <div class="ant-card-meta-detail">
         <div class="ant-card-meta-title">Europe Street beat</div>
-        <div class="ant-card-meta-description">www.instagram.com</div>
+        <div class="ant-card-meta-description">
+          www.instagram.com
+        </div>
       </div>
     </div>
   </div>
@@ -70,14 +72,30 @@ exports[`renders ./antdv-demo/docs/card/demo/grid-card.md correctly 1`] = `
     </div>
   </div>
   <div class="ant-card-body">
-    <div class="ant-card-grid ant-card-grid-hoverable" style="width: 25%; text-align: center;">Content</div>
+    <div class="ant-card-grid ant-card-grid-hoverable" style="width: 25%; text-align: center;">
-    <div class="ant-card-grid" style="width: 25%; text-align: center;">Content</div>
+      Content
-    <div class="ant-card-grid ant-card-grid-hoverable" style="width: 25%; text-align: center;">Content</div>
+    </div>
-    <div class="ant-card-grid ant-card-grid-hoverable" style="width: 25%; text-align: center;">Content</div>
+    <div class="ant-card-grid" style="width: 25%; text-align: center;">
-    <div class="ant-card-grid ant-card-grid-hoverable" style="width: 25%; text-align: center;">Content</div>
+      Content
-    <div class="ant-card-grid ant-card-grid-hoverable" style="width: 25%; text-align: center;">Content</div>
+    </div>
-    <div class="ant-card-grid ant-card-grid-hoverable" style="width: 25%; text-align: center;">Content</div>
+    <div class="ant-card-grid ant-card-grid-hoverable" style="width: 25%; text-align: center;">
-    <div class="ant-card-grid ant-card-grid-hoverable" style="width: 25%; text-align: center;">Content</div>
+      Content
+    </div>
+    <div class="ant-card-grid ant-card-grid-hoverable" style="width: 25%; text-align: center;">
+      Content
+    </div>
+    <div class="ant-card-grid ant-card-grid-hoverable" style="width: 25%; text-align: center;">
+      Content
+    </div>
+    <div class="ant-card-grid ant-card-grid-hoverable" style="width: 25%; text-align: center;">
+      Content
+    </div>
+    <div class="ant-card-grid ant-card-grid-hoverable" style="width: 25%; text-align: center;">
+      Content
+    </div>
+    <div class="ant-card-grid ant-card-grid-hoverable" style="width: 25%; text-align: center;">
+      Content
+    </div>
   </div>
 </div>
 `;
@@ -321,7 +339,9 @@ exports[`renders ./antdv-demo/docs/card/demo/tabs.md correctly 1`] = `
       </div>
     </div>
     <div class="ant-card-body">
-      <p>app content</p>
+      <p>
+        app content
+      </p>
     </div>
   </div>
 </div>

components/carousel/__tests__/__snapshots__/demo.test.js.snap

@@ -357,7 +357,15 @@ exports[`renders ./antdv-demo/docs/carousel/demo/fade.md correctly 1`] = `
 
 exports[`renders ./antdv-demo/docs/carousel/demo/position.md correctly 1`] = `
 <div>
-  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-bottom: 8px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="top"><span class="ant-radio-button-inner"></span></span><span>Top</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="bottom"><span class="ant-radio-button-inner"></span></span><span>Bottom</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="left"><span class="ant-radio-button-inner"></span></span><span>Left</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="right"><span class="ant-radio-button-inner"></span></span><span>Right</span></label></div>
+  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-bottom: 8px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="top"><span class="ant-radio-button-inner"></span></span><span>
+      Top
+    </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="bottom"><span class="ant-radio-button-inner"></span></span><span>
+      Bottom
+    </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="left"><span class="ant-radio-button-inner"></span></span><span>
+      Left
+    </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="right"><span class="ant-radio-button-inner"></span></span><span>
+      Right
+    </span></label></div>
   <div class="ant-carousel">
     <div class="slick-slider slick-initialized">
       <div class="slick-list">

components/checkbox/__tests__/__snapshots__/demo.test.js.snap

@@ -1,6 +1,10 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders ./antdv-demo/docs/checkbox/demo/basic.md correctly 1`] = `<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span><span>Checkbox</span></label>`;
+exports[`renders ./antdv-demo/docs/checkbox/demo/basic.md correctly 1`] = `
+<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span><span>
+  Checkbox
+</span></label>
+`;
 
 exports[`renders ./antdv-demo/docs/checkbox/demo/check-all.md correctly 1`] = `
 <div>
@@ -34,11 +38,21 @@ exports[`renders ./antdv-demo/docs/checkbox/demo/group.md correctly 1`] = `
 exports[`renders ./antdv-demo/docs/checkbox/demo/layout.md correctly 1`] = `
 <div class="ant-checkbox-group">
   <div class="ant-row">
-    <div class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="A"><span class="ant-checkbox-inner"></span></span><span>A</span></label></div>
+    <div class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="A"><span class="ant-checkbox-inner"></span></span><span>
-    <div class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="B"><span class="ant-checkbox-inner"></span></span><span>B</span></label></div>
+        A
-    <div class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="C"><span class="ant-checkbox-inner"></span></span><span>C</span></label></div>
+      </span></label></div>
-    <div class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="D"><span class="ant-checkbox-inner"></span></span><span>D</span></label></div>
+    <div class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="B"><span class="ant-checkbox-inner"></span></span><span>
-    <div class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="E"><span class="ant-checkbox-inner"></span></span><span>E</span></label></div>
+        B
+      </span></label></div>
+    <div class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="C"><span class="ant-checkbox-inner"></span></span><span>
+        C
+      </span></label></div>
+    <div class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="D"><span class="ant-checkbox-inner"></span></span><span>
+        D
+      </span></label></div>
+    <div class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="E"><span class="ant-checkbox-inner"></span></span><span>
+        E
+      </span></label></div>
   </div>
 </div>
 `;

components/collapse/__tests__/__snapshots__/demo.test.js.snap

@@ -150,7 +150,9 @@ exports[`renders ./antdv-demo/docs/collapse/demo/extra.md correctly 1`] = `
   <div tabindex="0" class="ant-select ant-select-enabled">
     <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
       <div class="ant-select-selection__rendered">
-        <div title="left" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">left</div>
+        <div title="left" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
+          left
+        </div>
       </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
     </div>
   </div>

components/comment/__tests__/__snapshots__/demo.test.js.snap

@@ -74,7 +74,9 @@ exports[`renders ./antdv-demo/docs/comment/demo/list.md correctly 1`] = `
               <div class="ant-comment-content">
                 <div class="ant-comment-content-author"><span class="ant-comment-content-author-name">Han Solo</span><span class="ant-comment-content-author-time"><span class="">a day ago</span></span></div>
                 <div class="ant-comment-content-detail">
-                  <p>We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.</p>
+                  <p>
+                    We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.
+                  </p>
                 </div>
                 <ul class="ant-comment-actions">
                   <li><span>Reply to</span></li>
@@ -90,7 +92,9 @@ exports[`renders ./antdv-demo/docs/comment/demo/list.md correctly 1`] = `
               <div class="ant-comment-content">
                 <div class="ant-comment-content-author"><span class="ant-comment-content-author-name">Han Solo</span><span class="ant-comment-content-author-time"><span class="">2 days ago</span></span></div>
                 <div class="ant-comment-content-detail">
-                  <p>We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.</p>
+                  <p>
+                    We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.
+                  </p>
                 </div>
                 <ul class="ant-comment-actions">
                   <li><span>Reply to</span></li>

components/date-picker/__tests__/__snapshots__/demo.test.js.snap

@@ -22,7 +22,13 @@ exports[`renders ./antdv-demo/docs/date-picker/demo/presetted-ranges.md correctl
 
 exports[`renders ./antdv-demo/docs/date-picker/demo/size.md correctly 1`] = `
 <div>
-  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label></div> <br><br> <span class="ant-calendar-picker ant-calendar-picker-default"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="anticon anticon-calendar ant-calendar-picker-icon"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span class="ant-calendar-picker ant-calendar-picker-default"><div class=""><input readonly="true" placeholder="Select Month" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="anticon anticon-calendar ant-calendar-picker-icon"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span tabindex="0" class="ant-calendar-picker ant-calendar-picker-default"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <br> <span class="ant-calendar-picker ant-calendar-picker-default"><span class="" style="display: inline-block; width: 100%;"><input readonly="true" placeholder="Select Week" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span></span>
+  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>
+      Large
+    </span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>
+      Default
+    </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>
+      Small
+    </span></label></div> <br><br> <span class="ant-calendar-picker ant-calendar-picker-default"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="anticon anticon-calendar ant-calendar-picker-icon"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span class="ant-calendar-picker ant-calendar-picker-default"><div class=""><input readonly="true" placeholder="Select Month" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="anticon anticon-calendar ant-calendar-picker-icon"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span tabindex="0" class="ant-calendar-picker ant-calendar-picker-default"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <br> <span class="ant-calendar-picker ant-calendar-picker-default"><span class="" style="display: inline-block; width: 100%;"><input readonly="true" placeholder="Select Week" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span></span>
 </div>
 `;
 

components/descriptions/__tests__/__snapshots__/demo.test.js.snap

@@ -7,12 +7,20 @@ exports[`renders ./antdv-demo/docs/descriptions/demo/basic.md correctly 1`] = `
     <table>
       <tbody>
         <tr class="ant-descriptions-row">
-          <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">UserName</span><span class="ant-descriptions-item-content">Zhou Maomao</span></td>
+          <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">UserName</span><span class="ant-descriptions-item-content">
-          <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Telephone</span><span class="ant-descriptions-item-content">1810000000</span></td>
+    Zhou Maomao
-          <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Live</span><span class="ant-descriptions-item-content">Hangzhou, Zhejiang</span></td>
+  </span></td>
+          <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Telephone</span><span class="ant-descriptions-item-content">
+    1810000000
+  </span></td>
+          <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Live</span><span class="ant-descriptions-item-content">
+    Hangzhou, Zhejiang
+  </span></td>
         </tr>
         <tr class="ant-descriptions-row">
-          <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Remark</span><span class="ant-descriptions-item-content">empty</span></td>
+          <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Remark</span><span class="ant-descriptions-item-content">
+    empty
+  </span></td>
           <td colspan="2" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Address</span><span class="ant-descriptions-item-content">
     No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
   </span></td>
@@ -31,15 +39,23 @@ exports[`renders ./antdv-demo/docs/descriptions/demo/border.md correctly 1`] = `
       <tbody>
         <tr class="ant-descriptions-row">
           <th class="ant-descriptions-item-label ant-descriptions-item-colon">Product</th>
-          <td colspan="1" class="ant-descriptions-item-content">Cloud Database</td>
+          <td colspan="1" class="ant-descriptions-item-content">
+            Cloud Database
+          </td>
           <th class="ant-descriptions-item-label ant-descriptions-item-colon">Billing Mode</th>
-          <td colspan="1" class="ant-descriptions-item-content">Prepaid</td>
+          <td colspan="1" class="ant-descriptions-item-content">
+            Prepaid
+          </td>
           <th class="ant-descriptions-item-label ant-descriptions-item-colon">Automatic Renewal</th>
-          <td colspan="1" class="ant-descriptions-item-content">YES</td>
+          <td colspan="1" class="ant-descriptions-item-content">
+            YES
+          </td>
         </tr>
         <tr class="ant-descriptions-row">
           <th class="ant-descriptions-item-label ant-descriptions-item-colon">Order time</th>
-          <td colspan="1" class="ant-descriptions-item-content">2018-04-24 18:00:00</td>
+          <td colspan="1" class="ant-descriptions-item-content">
+            2018-04-24 18:00:00
+          </td>
           <th class="ant-descriptions-item-label ant-descriptions-item-colon">Usage Time</th>
           <td colspan="3" class="ant-descriptions-item-content">
             2019-04-24 18:00:00
@@ -51,11 +67,17 @@ exports[`renders ./antdv-demo/docs/descriptions/demo/border.md correctly 1`] = `
         </tr>
         <tr class="ant-descriptions-row">
           <th class="ant-descriptions-item-label ant-descriptions-item-colon">Negotiated Amount</th>
-          <td colspan="1" class="ant-descriptions-item-content">$80.00</td>
+          <td colspan="1" class="ant-descriptions-item-content">
+            $80.00
+          </td>
           <th class="ant-descriptions-item-label ant-descriptions-item-colon">Discount</th>
-          <td colspan="1" class="ant-descriptions-item-content">$20.00</td>
+          <td colspan="1" class="ant-descriptions-item-content">
+            $20.00
+          </td>
           <th class="ant-descriptions-item-label ant-descriptions-item-colon">Official Receipts</th>
-          <td colspan="1" class="ant-descriptions-item-content">$60.00</td>
+          <td colspan="1" class="ant-descriptions-item-content">
+            $60.00
+          </td>
         </tr>
         <tr class="ant-descriptions-row">
           <th class="ant-descriptions-item-label ant-descriptions-item-colon">Config Info</th>
@@ -87,19 +109,31 @@ exports[`renders ./antdv-demo/docs/descriptions/demo/responsive.md correctly 1`]
         <tbody>
           <tr class="ant-descriptions-row">
             <th class="ant-descriptions-item-label ant-descriptions-item-colon">Product</th>
-            <td colspan="1" class="ant-descriptions-item-content">Cloud Database</td>
+            <td colspan="1" class="ant-descriptions-item-content">
+              Cloud Database
+            </td>
             <th class="ant-descriptions-item-label ant-descriptions-item-colon">Billing</th>
-            <td colspan="1" class="ant-descriptions-item-content">Prepaid</td>
+            <td colspan="1" class="ant-descriptions-item-content">
+              Prepaid
+            </td>
             <th class="ant-descriptions-item-label ant-descriptions-item-colon">Time</th>
-            <td colspan="1" class="ant-descriptions-item-content">18:00:00</td>
+            <td colspan="1" class="ant-descriptions-item-content">
+              18:00:00
+            </td>
           </tr>
           <tr class="ant-descriptions-row">
             <th class="ant-descriptions-item-label ant-descriptions-item-colon">Amount</th>
-            <td colspan="1" class="ant-descriptions-item-content">$80.00</td>
+            <td colspan="1" class="ant-descriptions-item-content">
+              $80.00
+            </td>
             <th class="ant-descriptions-item-label ant-descriptions-item-colon">Discount</th>
-            <td colspan="1" class="ant-descriptions-item-content">$20.00</td>
+            <td colspan="1" class="ant-descriptions-item-content">
+              $20.00
+            </td>
             <th class="ant-descriptions-item-label ant-descriptions-item-colon">Official</th>
-            <td colspan="1" class="ant-descriptions-item-content">$60.00</td>
+            <td colspan="1" class="ant-descriptions-item-content">
+              $60.00
+            </td>
           </tr>
           <tr class="ant-descriptions-row">
             <th class="ant-descriptions-item-label ant-descriptions-item-colon">Config Info</th>
@@ -126,7 +160,13 @@ exports[`renders ./antdv-demo/docs/descriptions/demo/responsive.md correctly 1`]
 
 exports[`renders ./antdv-demo/docs/descriptions/demo/size.md correctly 1`] = `
 <div>
-  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="default"><span class="ant-radio-inner"></span></span><span>default</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="middle"><span class="ant-radio-inner"></span></span><span>middle</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="small"><span class="ant-radio-inner"></span></span><span>small</span></label></div> <br> <br>
+  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="default"><span class="ant-radio-inner"></span></span><span>
+      default
+    </span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="middle"><span class="ant-radio-inner"></span></span><span>
+      middle
+    </span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="small"><span class="ant-radio-inner"></span></span><span>
+      small
+    </span></label></div> <br> <br>
   <div class="ant-descriptions ant-descriptions-bordered">
     <div class="ant-descriptions-title">Custom Size</div>
     <div class="ant-descriptions-view">
@@ -134,19 +174,31 @@ exports[`renders ./antdv-demo/docs/descriptions/demo/size.md correctly 1`] = `
         <tbody>
           <tr class="ant-descriptions-row">
             <th class="ant-descriptions-item-label ant-descriptions-item-colon">Product</th>
-            <td colspan="1" class="ant-descriptions-item-content">Cloud Database</td>
+            <td colspan="1" class="ant-descriptions-item-content">
+              Cloud Database
+            </td>
             <th class="ant-descriptions-item-label ant-descriptions-item-colon">Billing</th>
-            <td colspan="1" class="ant-descriptions-item-content">Prepaid</td>
+            <td colspan="1" class="ant-descriptions-item-content">
+              Prepaid
+            </td>
             <th class="ant-descriptions-item-label ant-descriptions-item-colon">Time</th>
-            <td colspan="1" class="ant-descriptions-item-content">18:00:00</td>
+            <td colspan="1" class="ant-descriptions-item-content">
+              18:00:00
+            </td>
           </tr>
           <tr class="ant-descriptions-row">
             <th class="ant-descriptions-item-label ant-descriptions-item-colon">Amount</th>
-            <td colspan="1" class="ant-descriptions-item-content">$80.00</td>
+            <td colspan="1" class="ant-descriptions-item-content">
+              $80.00
+            </td>
             <th class="ant-descriptions-item-label ant-descriptions-item-colon">Discount</th>
-            <td colspan="1" class="ant-descriptions-item-content">$20.00</td>
+            <td colspan="1" class="ant-descriptions-item-content">
+              $20.00
+            </td>
             <th class="ant-descriptions-item-label ant-descriptions-item-colon">Official</th>
-            <td colspan="1" class="ant-descriptions-item-content">$60.00</td>
+            <td colspan="1" class="ant-descriptions-item-content">
+              $60.00
+            </td>
           </tr>
           <tr class="ant-descriptions-row">
             <th class="ant-descriptions-item-label ant-descriptions-item-colon">Config Info</th>
@@ -173,14 +225,26 @@ exports[`renders ./antdv-demo/docs/descriptions/demo/size.md correctly 1`] = `
       <table>
         <tbody>
           <tr class="ant-descriptions-row">
-            <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Product</span><span class="ant-descriptions-item-content">Cloud Database</span></td>
+            <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Product</span><span class="ant-descriptions-item-content">
-            <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Billing</span><span class="ant-descriptions-item-content">Prepaid</span></td>
+      Cloud Database
-            <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Time</span><span class="ant-descriptions-item-content">18:00:00</span></td>
+    </span></td>
+            <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Billing</span><span class="ant-descriptions-item-content">
+      Prepaid
+    </span></td>
+            <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Time</span><span class="ant-descriptions-item-content">
+      18:00:00
+    </span></td>
           </tr>
           <tr class="ant-descriptions-row">
-            <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Amount</span><span class="ant-descriptions-item-content">$80.00</span></td>
+            <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Amount</span><span class="ant-descriptions-item-content">
-            <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Discount</span><span class="ant-descriptions-item-content">$20.00</span></td>
+      $80.00
-            <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Official</span><span class="ant-descriptions-item-content">$60.00</span></td>
+    </span></td>
+            <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Discount</span><span class="ant-descriptions-item-content">
+      $20.00
+    </span></td>
+            <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Official</span><span class="ant-descriptions-item-content">
+      $60.00
+    </span></td>
           </tr>
         </tbody>
       </table>
@@ -201,9 +265,15 @@ exports[`renders ./antdv-demo/docs/descriptions/demo/vertical.md correctly 1`] =
           <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Live</span></td>
         </tr>
         <tr class="ant-descriptions-row">
-          <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-content">Zhou Maomao</span></td>
+          <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-content">
-          <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-content">1810000000</span></td>
+    Zhou Maomao
-          <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-content">Hangzhou, Zhejiang</span></td>
+  </span></td>
+          <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-content">
+    1810000000
+  </span></td>
+          <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-content">
+    Hangzhou, Zhejiang
+  </span></td>
         </tr>
         <tr class="ant-descriptions-row">
           <td colspan="2" class="ant-descriptions-item"><span class="ant-descriptions-item-label ant-descriptions-item-colon">Address</span></td>
@@ -213,7 +283,9 @@ exports[`renders ./antdv-demo/docs/descriptions/demo/vertical.md correctly 1`] =
           <td colspan="2" class="ant-descriptions-item"><span class="ant-descriptions-item-content">
     No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
   </span></td>
-          <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-content">empty</span></td>
+          <td colspan="1" class="ant-descriptions-item"><span class="ant-descriptions-item-content">
+    empty
+  </span></td>
         </tr>
       </tbody>
     </table>
@@ -233,16 +305,24 @@ exports[`renders ./antdv-demo/docs/descriptions/demo/vertical-border.md correctl
           <th colspan="1" class="ant-descriptions-item-label ant-descriptions-item-colon">Automatic Renewal</th>
         </tr>
         <tr class="ant-descriptions-row">
-          <td colspan="1" class="ant-descriptions-item-content">Cloud Database</td>
+          <td colspan="1" class="ant-descriptions-item-content">
-          <td colspan="1" class="ant-descriptions-item-content">Prepaid</td>
+            Cloud Database
-          <td colspan="1" class="ant-descriptions-item-content">YES</td>
+          </td>
+          <td colspan="1" class="ant-descriptions-item-content">
+            Prepaid
+          </td>
+          <td colspan="1" class="ant-descriptions-item-content">
+            YES
+          </td>
         </tr>
         <tr class="ant-descriptions-row">
           <th colspan="1" class="ant-descriptions-item-label ant-descriptions-item-colon">Order time</th>
           <th colspan="3" class="ant-descriptions-item-label ant-descriptions-item-colon">Usage Time</th>
         </tr>
         <tr class="ant-descriptions-row">
-          <td colspan="1" class="ant-descriptions-item-content">2018-04-24 18:00:00</td>
+          <td colspan="1" class="ant-descriptions-item-content">
+            2018-04-24 18:00:00
+          </td>
           <td colspan="3" class="ant-descriptions-item-content">
             2019-04-24 18:00:00
           </td>
@@ -259,9 +339,15 @@ exports[`renders ./antdv-demo/docs/descriptions/demo/vertical-border.md correctl
           <th colspan="1" class="ant-descriptions-item-label ant-descriptions-item-colon">Official Receipts</th>
         </tr>
         <tr class="ant-descriptions-row">
-          <td colspan="1" class="ant-descriptions-item-content">$80.00</td>
+          <td colspan="1" class="ant-descriptions-item-content">
-          <td colspan="1" class="ant-descriptions-item-content">$20.00</td>
+            $80.00
-          <td colspan="1" class="ant-descriptions-item-content">$60.00</td>
+          </td>
+          <td colspan="1" class="ant-descriptions-item-content">
+            $20.00
+          </td>
+          <td colspan="1" class="ant-descriptions-item-content">
+            $60.00
+          </td>
         </tr>
         <tr class="ant-descriptions-row">
           <th colspan="5" class="ant-descriptions-item-label ant-descriptions-item-colon">Config Info</th>

components/divider/__tests__/__snapshots__/demo.test.js.snap

@@ -52,12 +52,16 @@ exports[`renders ./antdv-demo/docs/divider/demo/with-text.md correctly 1`] = `
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
     probare, quae sunt a te dicta? Refert tamen, quo modo.
   </p>
-  <div role="separator" class="ant-divider ant-divider-horizontal ant-divider-with-text-left"><span class="ant-divider-inner-text">Left Text</span></div>
+  <div role="separator" class="ant-divider ant-divider-horizontal ant-divider-with-text-left"><span class="ant-divider-inner-text">
+    Left Text
+  </span></div>
   <p>
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
     probare, quae sunt a te dicta? Refert tamen, quo modo.
   </p>
-  <div role="separator" class="ant-divider ant-divider-horizontal ant-divider-with-text-right"><span class="ant-divider-inner-text">Right Text</span></div>
+  <div role="separator" class="ant-divider ant-divider-horizontal ant-divider-with-text-right"><span class="ant-divider-inner-text">
+    Right Text
+  </span></div>
   <p>
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
     probare, quae sunt a te dicta? Refert tamen, quo modo.

components/drawer/__tests__/__snapshots__/demo.test.js.snap

@@ -23,7 +23,15 @@ exports[`renders ./antdv-demo/docs/drawer/demo/multi-level-drawer.md correctly 1
 
 exports[`renders ./antdv-demo/docs/drawer/demo/placement.md correctly 1`] = `
 <div>
-  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-right: 8px;"><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="top"><span class="ant-radio-inner"></span></span><span>top</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="right"><span class="ant-radio-inner"></span></span><span>right</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="bottom"><span class="ant-radio-inner"></span></span><span>bottom</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" value="left"><span class="ant-radio-inner"></span></span><span>left</span></label></div> <button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
+  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-right: 8px;"><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="top"><span class="ant-radio-inner"></span></span><span>
+      top
+    </span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="right"><span class="ant-radio-inner"></span></span><span>
+      right
+    </span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="bottom"><span class="ant-radio-inner"></span></span><span>
+      bottom
+    </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" value="left"><span class="ant-radio-inner"></span></span><span>
+      left
+    </span></label></div> <button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
   <!---->
 </div>
 `;

components/grid/__tests__/__snapshots__/demo.test.js.snap

@@ -3,19 +3,37 @@
 exports[`renders ./antdv-demo/docs/grid/demo/basic.md correctly 1`] = `
 <div>
   <div class="ant-row">
-    <div class="ant-col ant-col-12">col-12</div>
+    <div class="ant-col ant-col-12">
-    <div class="ant-col ant-col-12">col-12</div>
+      col-12
+    </div>
+    <div class="ant-col ant-col-12">
+      col-12
+    </div>
   </div>
   <div class="ant-row">
-    <div class="ant-col ant-col-8">col-8</div>
+    <div class="ant-col ant-col-8">
-    <div class="ant-col ant-col-8">col-8</div>
+      col-8
-    <div class="ant-col ant-col-8">col-8</div>
+    </div>
+    <div class="ant-col ant-col-8">
+      col-8
+    </div>
+    <div class="ant-col ant-col-8">
+      col-8
+    </div>
   </div>
   <div class="ant-row">
-    <div class="ant-col ant-col-6">col-6</div>
+    <div class="ant-col ant-col-6">
-    <div class="ant-col ant-col-6">col-6</div>
+      col-6
-    <div class="ant-col ant-col-6">col-6</div>
+    </div>
-    <div class="ant-col ant-col-6">col-6</div>
+    <div class="ant-col ant-col-6">
+      col-6
+    </div>
+    <div class="ant-col ant-col-6">
+      col-6
+    </div>
+    <div class="ant-col ant-col-6">
+      col-6
+    </div>
   </div>
 </div>
 `;
@@ -24,38 +42,78 @@ exports[`renders ./antdv-demo/docs/grid/demo/flex.md correctly 1`] = `
 <div>
   <p>sub-element align left</p>
   <div class="ant-row-flex ant-row-flex-start">
-    <div class="ant-col ant-col-4">col-4</div>
+    <div class="ant-col ant-col-4">
-    <div class="ant-col ant-col-4">col-4</div>
+      col-4
-    <div class="ant-col ant-col-4">col-4</div>
+    </div>
-    <div class="ant-col ant-col-4">col-4</div>
+    <div class="ant-col ant-col-4">
+      col-4
+    </div>
+    <div class="ant-col ant-col-4">
+      col-4
+    </div>
+    <div class="ant-col ant-col-4">
+      col-4
+    </div>
   </div>
   <p>sub-element align center</p>
   <div class="ant-row-flex ant-row-flex-center">
-    <div class="ant-col ant-col-4">col-4</div>
+    <div class="ant-col ant-col-4">
-    <div class="ant-col ant-col-4">col-4</div>
+      col-4
-    <div class="ant-col ant-col-4">col-4</div>
+    </div>
-    <div class="ant-col ant-col-4">col-4</div>
+    <div class="ant-col ant-col-4">
+      col-4
+    </div>
+    <div class="ant-col ant-col-4">
+      col-4
+    </div>
+    <div class="ant-col ant-col-4">
+      col-4
+    </div>
   </div>
   <p>sub-element align right</p>
   <div class="ant-row-flex ant-row-flex-end">
-    <div class="ant-col ant-col-4">col-4</div>
+    <div class="ant-col ant-col-4">
-    <div class="ant-col ant-col-4">col-4</div>
+      col-4
-    <div class="ant-col ant-col-4">col-4</div>
+    </div>
-    <div class="ant-col ant-col-4">col-4</div>
+    <div class="ant-col ant-col-4">
+      col-4
+    </div>
+    <div class="ant-col ant-col-4">
+      col-4
+    </div>
+    <div class="ant-col ant-col-4">
+      col-4
+    </div>
   </div>
   <p>sub-element monospaced arrangement</p>
   <div class="ant-row-flex ant-row-flex-space-between">
-    <div class="ant-col ant-col-4">col-4</div>
+    <div class="ant-col ant-col-4">
-    <div class="ant-col ant-col-4">col-4</div>
+      col-4
-    <div class="ant-col ant-col-4">col-4</div>
+    </div>
-    <div class="ant-col ant-col-4">col-4</div>
+    <div class="ant-col ant-col-4">
+      col-4
+    </div>
+    <div class="ant-col ant-col-4">
+      col-4
+    </div>
+    <div class="ant-col ant-col-4">
+      col-4
+    </div>
   </div>
   <p>sub-element align full</p>
   <div class="ant-row-flex ant-row-flex-space-around">
-    <div class="ant-col ant-col-4">col-4</div>
+    <div class="ant-col ant-col-4">
-    <div class="ant-col ant-col-4">col-4</div>
+      col-4
-    <div class="ant-col ant-col-4">col-4</div>
+    </div>
-    <div class="ant-col ant-col-4">col-4</div>
+    <div class="ant-col ant-col-4">
+      col-4
+    </div>
+    <div class="ant-col ant-col-4">
+      col-4
+    </div>
+    <div class="ant-col ant-col-4">
+      col-4
+    </div>
   </div>
 </div>
 `;
@@ -65,46 +123,70 @@ exports[`renders ./antdv-demo/docs/grid/demo/flex-align.md correctly 1`] = `
   <p>Align Top</p>
   <div class="ant-row-flex ant-row-flex-center ant-row-flex-top">
     <div class="ant-col ant-col-4">
-      <p class="height-100">col-4</p>
+      <p class="height-100">
+        col-4
+      </p>
     </div>
     <div class="ant-col ant-col-4">
-      <p class="height-50">col-4</p>
+      <p class="height-50">
+        col-4
+      </p>
     </div>
     <div class="ant-col ant-col-4">
-      <p class="height-120">col-4</p>
+      <p class="height-120">
+        col-4
+      </p>
     </div>
     <div class="ant-col ant-col-4">
-      <p class="height-80">col-4</p>
+      <p class="height-80">
+        col-4
+      </p>
     </div>
   </div>
   <p>Align Center</p>
   <div class="ant-row-flex ant-row-flex-space-around ant-row-flex-middle">
     <div class="ant-col ant-col-4">
-      <p class="height-100">col-4</p>
+      <p class="height-100">
+        col-4
+      </p>
     </div>
     <div class="ant-col ant-col-4">
-      <p class="height-50">col-4</p>
+      <p class="height-50">
+        col-4
+      </p>
     </div>
     <div class="ant-col ant-col-4">
-      <p class="height-120">col-4</p>
+      <p class="height-120">
+        col-4
+      </p>
     </div>
     <div class="ant-col ant-col-4">
-      <p class="height-80">col-4</p>
+      <p class="height-80">
+        col-4
+      </p>
     </div>
   </div>
   <p>Align Bottom</p>
   <div class="ant-row-flex ant-row-flex-space-between ant-row-flex-bottom">
     <div class="ant-col ant-col-4">
-      <p class="height-100">col-4</p>
+      <p class="height-100">
+        col-4
+      </p>
     </div>
     <div class="ant-col ant-col-4">
-      <p class="height-50">col-4</p>
+      <p class="height-50">
+        col-4
+      </p>
     </div>
     <div class="ant-col ant-col-4">
-      <p class="height-120">col-4</p>
+      <p class="height-120">
+        col-4
+      </p>
     </div>
     <div class="ant-col ant-col-4">
-      <p class="height-80">col-4</p>
+      <p class="height-80">
+        col-4
+      </p>
     </div>
   </div>
 </div>
@@ -113,10 +195,18 @@ exports[`renders ./antdv-demo/docs/grid/demo/flex-align.md correctly 1`] = `
 exports[`renders ./antdv-demo/docs/grid/demo/flex-order.md correctly 1`] = `
 <div>
   <div class="ant-row-flex">
-    <div class="ant-col ant-col-6 ant-col-order-4">1 col-order-4</div>
+    <div class="ant-col ant-col-6 ant-col-order-4">
-    <div class="ant-col ant-col-6 ant-col-order-3">2 col-order-3</div>
+      1 col-order-4
-    <div class="ant-col ant-col-6 ant-col-order-2">3 col-order-2</div>
+    </div>
-    <div class="ant-col ant-col-6 ant-col-order-1">4 col-order-1</div>
+    <div class="ant-col ant-col-6 ant-col-order-3">
+      2 col-order-3
+    </div>
+    <div class="ant-col ant-col-6 ant-col-order-2">
+      3 col-order-2
+    </div>
+    <div class="ant-col ant-col-6 ant-col-order-1">
+      4 col-order-1
+    </div>
   </div>
 </div>
 `;
@@ -125,16 +215,24 @@ exports[`renders ./antdv-demo/docs/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 ant-col-6" style="padding-left: 8px; padding-right: 8px;">
-      <div class="gutter-box">col-6</div>
+      <div class="gutter-box">
+        col-6
+      </div>
     </div>
     <div class="gutter-row ant-col ant-col-6" style="padding-left: 8px; padding-right: 8px;">
-      <div class="gutter-box">col-6</div>
+      <div class="gutter-box">
+        col-6
+      </div>
     </div>
     <div class="gutter-row ant-col ant-col-6" style="padding-left: 8px; padding-right: 8px;">
-      <div class="gutter-box">col-6</div>
+      <div class="gutter-box">
+        col-6
+      </div>
     </div>
     <div class="gutter-row ant-col ant-col-6" style="padding-left: 8px; padding-right: 8px;">
-      <div class="gutter-box">col-6</div>
+      <div class="gutter-box">
+        col-6
+      </div>
     </div>
   </div>
 </div>
@@ -143,15 +241,25 @@ exports[`renders ./antdv-demo/docs/grid/demo/gutter.md correctly 1`] = `
 exports[`renders ./antdv-demo/docs/grid/demo/offset.md correctly 1`] = `
 <div>
   <div class="ant-row">
-    <div class="ant-col ant-col-8">col-8</div>
+    <div class="ant-col ant-col-8">
-    <div class="ant-col ant-col-8 ant-col-offset-8">col-8</div>
+      col-8
+    </div>
+    <div class="ant-col ant-col-8 ant-col-offset-8">
+      col-8
+    </div>
   </div>
   <div class="ant-row">
-    <div class="ant-col ant-col-6 ant-col-offset-6">col-6 col-offset-6</div>
+    <div class="ant-col ant-col-6 ant-col-offset-6">
-    <div class="ant-col ant-col-6 ant-col-offset-6">col-6 col-offset-6</div>
+      col-6 col-offset-6
+    </div>
+    <div class="ant-col ant-col-6 ant-col-offset-6">
+      col-6 col-offset-6
+    </div>
   </div>
   <div class="ant-row">
-    <div class="ant-col ant-col-12 ant-col-offset-6">col-12 col-offset-6</div>
+    <div class="ant-col ant-col-12 ant-col-offset-6">
+      col-12 col-offset-6
+    </div>
   </div>
 </div>
 `;
@@ -230,25 +338,41 @@ exports[`renders ./antdv-demo/docs/grid/demo/playfround.md correctly 1`] = `
 
 exports[`renders ./antdv-demo/docs/grid/demo/responsive.md correctly 1`] = `
 <div class="ant-row">
-  <div class="ant-col ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10">Col</div>
+  <div class="ant-col ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10">
-  <div class="ant-col ant-col-xs-20 ant-col-sm-16 ant-col-md-12 ant-col-lg-8 ant-col-xl-4">Col</div>
+    Col
-  <div class="ant-col ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10">Col</div>
+  </div>
+  <div class="ant-col ant-col-xs-20 ant-col-sm-16 ant-col-md-12 ant-col-lg-8 ant-col-xl-4">
+    Col
+  </div>
+  <div class="ant-col ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10">
+    Col
+  </div>
 </div>
 `;
 
 exports[`renders ./antdv-demo/docs/grid/demo/responsive-more.md correctly 1`] = `
 <div class="ant-row">
-  <div class="ant-col ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">Col</div>
+  <div class="ant-col ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">
-  <div class="ant-col ant-col-xs-11 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">Col</div>
+    Col
-  <div class="ant-col ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">Col</div>
+  </div>
+  <div class="ant-col ant-col-xs-11 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">
+    Col
+  </div>
+  <div class="ant-col ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">
+    Col
+  </div>
 </div>
 `;
 
 exports[`renders ./antdv-demo/docs/grid/demo/sort.md correctly 1`] = `
 <div>
   <div class="ant-row">
-    <div class="ant-col ant-col-18 ant-col-push-6">col-18 col-push-6</div>
+    <div class="ant-col ant-col-18 ant-col-push-6">
-    <div class="ant-col ant-col-6 ant-col-pull-18">col-6 col-pull-18</div>
+      col-18 col-push-6
+    </div>
+    <div class="ant-col ant-col-6 ant-col-pull-18">
+      col-6 col-pull-18
+    </div>
   </div>
 </div>
 `;

components/input/__tests__/__snapshots__/demo.test.js.snap

@@ -3,8 +3,12 @@
 exports[`renders ./antdv-demo/docs/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 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 tabindex="0" class="ant-select ant-select-enabled" style="width: 90px;"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></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 tabindex="0" class="ant-select ant-select-enabled" style="width: 90px;"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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;">
-</div></span><input type="text" class="ant-input"><span class="ant-input-group-addon"><div tabindex="0" class="ant-select ant-select-enabled" style="width: 80px;"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
+          Http://
+        </div></div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
+</div></span><input type="text" class="ant-input"><span class="ant-input-group-addon"><div tabindex="0" class="ant-select ant-select-enabled" style="width: 80px;"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></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 type="text" class="ant-input"><span class="ant-input-group-addon"><i aria-label="icon: setting" class="anticon anticon-setting"><svg viewBox="64 64 896 896" data-icon="setting" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M924.8 625.7l-65.5-56c3.1-19 4.7-38.4 4.7-57.8s-1.6-38.8-4.7-57.8l65.5-56a32.03 32.03 0 0 0 9.3-35.2l-.9-2.6a443.74 443.74 0 0 0-79.7-137.9l-1.8-2.1a32.12 32.12 0 0 0-35.1-9.5l-81.3 28.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85a32.05 32.05 0 0 0-25.8-25.7l-2.7-.5c-52.1-9.4-106.9-9.4-159 0l-2.7.5a32.05 32.05 0 0 0-25.8 25.7l-15.8 85.4a351.86 351.86 0 0 0-99 57.4l-81.9-29.1a32 32 0 0 0-35.1 9.5l-1.8 2.1a446.02 446.02 0 0 0-79.7 137.9l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.3 56.6c-3.1 18.8-4.6 38-4.6 57.1 0 19.2 1.5 38.4 4.6 57.1L99 625.5a32.03 32.03 0 0 0-9.3 35.2l.9 2.6c18.1 50.4 44.9 96.9 79.7 137.9l1.8 2.1a32.12 32.12 0 0 0 35.1 9.5l81.9-29.1c29.8 24.5 63.1 43.9 99 57.4l15.8 85.4a32.05 32.05 0 0 0 25.8 25.7l2.7.5a449.4 449.4 0 0 0 159 0l2.7-.5a32.05 32.05 0 0 0 25.8-25.7l15.7-85a350 350 0 0 0 99.7-57.6l81.3 28.9a32 32 0 0 0 35.1-9.5l1.8-2.1c34.8-41.1 61.6-87.5 79.7-137.9l.9-2.6c4.5-12.3.8-26.3-9.3-35zM788.3 465.9c2.5 15.1 3.8 30.6 3.8 46.1s-1.3 31-3.8 46.1l-6.6 40.1 74.7 63.9a370.03 370.03 0 0 1-42.6 73.6L721 702.8l-31.4 25.8c-23.9 19.6-50.5 35-79.3 45.8l-38.1 14.3-17.9 97a377.5 377.5 0 0 1-85 0l-17.9-97.2-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9-93.4 33.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5 0-15.3 1.2-30.6 3.7-45.5l6.5-40-75.5-64.5c11.3-26.1 25.6-50.7 42.6-73.6l93.4 33.2 31.4-25.9c23.7-19.5 50.2-34.9 78.7-45.7l37.9-14.3 17.9-97.2c28.1-3.2 56.8-3.2 85 0l17.9 97 38.1 14.3c28.7 10.8 55.4 26.2 79.3 45.8l31.4 25.8 92.8-32.9c17 22.9 31.2 47.6 42.6 73.6L781.8 426l6.5 39.9zM512 326c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm79.2 255.2A111.6 111.6 0 0 1 512 614c-29.9 0-58-11.7-79.2-32.8A111.6 111.6 0 0 1 400 502c0-29.9 11.7-58 32.8-79.2C454 401.6 482.1 390 512 390c29.9 0 58 11.6 79.2 32.8A111.6 111.6 0 0 1 624 502c0 29.9-11.7 58-32.8 79.2z"></path></svg></i></span></span></span></div>
 </div>
@@ -22,18 +26,30 @@ exports[`renders ./antdv-demo/docs/input/demo/autosize-textarea.md correctly 1`]
 exports[`renders ./antdv-demo/docs/input/demo/basic.md correctly 1`] = `<input placeholder="Basic usage" type="text" class="ant-input">`;
 
 exports[`renders ./antdv-demo/docs/input/demo/group.md correctly 1`] = `
-<div><span class="ant-input-group ant-input-group-lg"><div class="ant-row" style="margin-left: -4px; margin-right: -4px;"><div class="ant-col ant-col-5" style="padding-left: 4px; padding-right: 4px;"><input type="text" class="ant-input"></div> <div class="ant-col ant-col-8" style="padding-left: 4px; padding-right: 4px;"><input type="text" class="ant-input"></div></div></span> <br> <span class="ant-input-group ant-input-group-compact"><input type="text" class="ant-input" style="width: 20%;"><input type="text" class="ant-input" style="width: 30%;"></span> <br> <span class="ant-input-group ant-input-group-compact"><div tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
+<div><span class="ant-input-group ant-input-group-lg"><div class="ant-row" style="margin-left: -4px; margin-right: -4px;"><div class="ant-col ant-col-5" style="padding-left: 4px; padding-right: 4px;"><input type="text" class="ant-input"></div> <div class="ant-col ant-col-8" style="padding-left: 4px; padding-right: 4px;"><input type="text" class="ant-input"></div></div></span> <br> <span class="ant-input-group ant-input-group-compact"><input type="text" class="ant-input" style="width: 20%;"><input type="text" class="ant-input" style="width: 30%;"></span> <br> <span class="ant-input-group ant-input-group-compact"><div tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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;">
-</div><input type="text" class="ant-input" style="width: 50%;"></span> <br> <span class="ant-input-group ant-input-group-compact"><div tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
+        Zhejiang
-</div><input type="text" class="ant-input" style="width: 50%;"></span> <br> <span class="ant-input-group ant-input-group-compact"><input type="text" class="ant-input" style="width: 50%;"><span class="ant-calendar-picker" style="width: 50%;"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="anticon anticon-calendar ant-calendar-picker-icon"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span></span> <br> <span class="ant-input-group ant-input-group-compact"><div tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
+      </div></div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
+</div><input type="text" class="ant-input" style="width: 50%;"></span> <br> <span class="ant-input-group ant-input-group-compact"><div tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
+</div><input type="text" class="ant-input" style="width: 50%;"></span> <br> <span class="ant-input-group ant-input-group-compact"><input type="text" class="ant-input" style="width: 50%;"><span class="ant-calendar-picker" style="width: 50%;"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="anticon anticon-calendar ant-calendar-picker-icon"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span></span> <br> <span class="ant-input-group ant-input-group-compact"><div tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
 </div>
 <div tabindex="0" class="ant-select ant-select-enabled">
   <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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 title="Option2-2" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
+        Option2-2
+      </div>
     </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
   </div>
-</div></span> <br> <span class="ant-input-group ant-input-group-compact"><div tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
+</div></span> <br> <span class="ant-input-group ant-input-group-compact"><div tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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;">
-</div><input placeholder="Minimum" type="text" class="ant-input" style="width: 100px; text-align: center;"><input placeholder="~" type="text" disabled="disabled" class="ant-input ant-input-disabled" style="width: 30px; pointer-events: none; background-color: rgb(255, 255, 255); border-left: 0;"><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 tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
+        Between
+      </div></div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
+</div><input placeholder="Minimum" type="text" class="ant-input" style="width: 100px; text-align: center;"><input placeholder="~" type="text" disabled="disabled" class="ant-input ant-input-disabled" style="width: 30px; pointer-events: none; background-color: rgb(255, 255, 255); border-left: 0;"><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 tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
 </div>
 <div tabindex="0" class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;">
   <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
@@ -45,7 +61,9 @@ exports[`renders ./antdv-demo/docs/input/demo/group.md correctly 1`] = `
       </ul>
     </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
   </div>
-</div></span> <br> <span class="ant-input-group ant-input-group-compact"><div tabindex="0" class="ant-select ant-select-enabled" style="width: 30%;"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
+</div></span> <br> <span class="ant-input-group ant-input-group-compact"><div tabindex="0" class="ant-select ant-select-enabled" style="width: 30%;"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
 </div><span tabindex="0" class="ant-cascader-picker" style="width: 70%;"><input placeholder="Select Address" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i aria-label="icon: down" class="anticon anticon-down ant-cascader-picker-arrow"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
     <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
   </svg></i></span></span></div>

components/layout/__tests__/__snapshots__/demo.test.js.snap

@@ -77,15 +77,21 @@ exports[`renders ./antdv-demo/docs/layout/demo/fixed.md correctly 1`] = `
       <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;">
         <div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
       </li>
-      <li role="menuitem" class="ant-menu-item">nav 1</li>
+      <li role="menuitem" class="ant-menu-item">
+        nav 1
+      </li>
       <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;">
         <div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
       </li>
-      <li role="menuitem" class="ant-menu-item ant-menu-item-selected">nav 2</li>
+      <li role="menuitem" class="ant-menu-item ant-menu-item-selected">
+        nav 2
+      </li>
       <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;">
         <div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
       </li>
-      <li role="menuitem" class="ant-menu-item">nav 3</li>
+      <li role="menuitem" class="ant-menu-item">
+        nav 3
+      </li>
       <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="visibility: hidden; position: absolute; display: none;">
         <div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
       </li>
@@ -93,7 +99,9 @@ exports[`renders ./antdv-demo/docs/layout/demo/fixed.md correctly 1`] = `
   </header>
   <main 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: rgb(255, 255, 255); padding: 24px; min-height: 380px;">Content</div>
+    <div style="background: rgb(255, 255, 255); padding: 24px; min-height: 380px;">
+      Content
+    </div>
   </main>
   <footer class="ant-layout-footer" style="text-align: center;">
     Ant Design ©2018 Created by Ant UED
@@ -247,15 +255,21 @@ exports[`renders ./antdv-demo/docs/layout/demo/top.md correctly 1`] = `
       <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;">
         <div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
       </li>
-      <li role="menuitem" class="ant-menu-item">nav 1</li>
+      <li role="menuitem" class="ant-menu-item">
+        nav 1
+      </li>
       <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;">
         <div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
       </li>
-      <li role="menuitem" class="ant-menu-item ant-menu-item-selected">nav 2</li>
+      <li role="menuitem" class="ant-menu-item ant-menu-item-selected">
+        nav 2
+      </li>
       <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;">
         <div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
       </li>
-      <li role="menuitem" class="ant-menu-item">nav 3</li>
+      <li role="menuitem" class="ant-menu-item">
+        nav 3
+      </li>
       <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="visibility: hidden; position: absolute; display: none;">
         <div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
       </li>
@@ -263,7 +277,9 @@ exports[`renders ./antdv-demo/docs/layout/demo/top.md correctly 1`] = `
   </header>
   <main 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: rgb(255, 255, 255); padding: 24px; min-height: 280px;">Content</div>
+    <div style="background: rgb(255, 255, 255); padding: 24px; min-height: 280px;">
+      Content
+    </div>
   </main>
   <footer class="ant-layout-footer" style="text-align: center;">
     Ant Design ©2018 Created by Ant UED
@@ -279,15 +295,21 @@ exports[`renders ./antdv-demo/docs/layout/demo/top-side.md correctly 1`] = `
       <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;">
         <div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
       </li>
-      <li role="menuitem" class="ant-menu-item">nav 1</li>
+      <li role="menuitem" class="ant-menu-item">
+        nav 1
+      </li>
       <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;">
         <div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
       </li>
-      <li role="menuitem" class="ant-menu-item ant-menu-item-selected">nav 2</li>
+      <li role="menuitem" class="ant-menu-item ant-menu-item-selected">
+        nav 2
+      </li>
       <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;">
         <div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
       </li>
-      <li role="menuitem" class="ant-menu-item">nav 3</li>
+      <li role="menuitem" class="ant-menu-item">
+        nav 3
+      </li>
       <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="visibility: hidden; position: absolute; display: none;">
         <div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
       </li>
@@ -302,10 +324,18 @@ exports[`renders ./antdv-demo/docs/layout/demo/top-side.md correctly 1`] = `
             <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected">
               <div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i>subnav 1</span><i class="ant-menu-submenu-arrow"></i></div>
               <ul role="menu" class="ant-menu ant-menu-inline  ant-menu-sub">
-                <li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 48px;">option1</li>
+                <li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 48px;">
-                <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">option2</li>
+                  option1
-                <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">option3</li>
+                </li>
-                <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">option4</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 role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
@@ -338,15 +368,21 @@ exports[`renders ./antdv-demo/docs/layout/demo/top-side-2.md correctly 1`] = `
       <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;">
         <div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
       </li>
-      <li role="menuitem" class="ant-menu-item">nav 1</li>
+      <li role="menuitem" class="ant-menu-item">
+        nav 1
+      </li>
       <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;">
         <div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
       </li>
-      <li role="menuitem" class="ant-menu-item ant-menu-item-selected">nav 2</li>
+      <li role="menuitem" class="ant-menu-item ant-menu-item-selected">
+        nav 2
+      </li>
       <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;">
         <div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
       </li>
-      <li role="menuitem" class="ant-menu-item">nav 3</li>
+      <li role="menuitem" class="ant-menu-item">
+        nav 3
+      </li>
       <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="visibility: hidden; position: absolute; display: none;">
         <div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
       </li>
@@ -359,10 +395,18 @@ exports[`renders ./antdv-demo/docs/layout/demo/top-side-2.md correctly 1`] = `
           <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected">
             <div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i>subnav 1</span><i class="ant-menu-submenu-arrow"></i></div>
             <ul role="menu" class="ant-menu ant-menu-inline  ant-menu-sub">
-              <li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 48px;">option1</li>
+              <li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 48px;">
-              <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">option2</li>
+                option1
-              <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">option3</li>
+              </li>
-              <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">option4</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 role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">

components/list/__tests__/__snapshots__/demo.test.js.snap

@@ -60,7 +60,9 @@ exports[`renders ./antdv-demo/docs/list/demo/grid.md correctly 1`] = `
                   <div class="ant-card-head-title">Title 1</div>
                 </div>
               </div>
-              <div class="ant-card-body">Card content</div>
+              <div class="ant-card-body">
+                Card content
+              </div>
             </div>
           </div>
         </div>
@@ -72,7 +74,9 @@ exports[`renders ./antdv-demo/docs/list/demo/grid.md correctly 1`] = `
                   <div class="ant-card-head-title">Title 2</div>
                 </div>
               </div>
-              <div class="ant-card-body">Card content</div>
+              <div class="ant-card-body">
+                Card content
+              </div>
             </div>
           </div>
         </div>
@@ -84,7 +88,9 @@ exports[`renders ./antdv-demo/docs/list/demo/grid.md correctly 1`] = `
                   <div class="ant-card-head-title">Title 3</div>
                 </div>
               </div>
-              <div class="ant-card-body">Card content</div>
+              <div class="ant-card-body">
+                Card content
+              </div>
             </div>
           </div>
         </div>
@@ -96,7 +102,9 @@ exports[`renders ./antdv-demo/docs/list/demo/grid.md correctly 1`] = `
                   <div class="ant-card-head-title">Title 4</div>
                 </div>
               </div>
-              <div class="ant-card-body">Card content</div>
+              <div class="ant-card-body">
+                Card content
+              </div>
             </div>
           </div>
         </div>
@@ -173,7 +181,9 @@ exports[`renders ./antdv-demo/docs/list/demo/resposive.md correctly 1`] = `
                   <div class="ant-card-head-title">Title 1</div>
                 </div>
               </div>
-              <div class="ant-card-body">Card content</div>
+              <div class="ant-card-body">
+                Card content
+              </div>
             </div>
           </div>
         </div>
@@ -185,7 +195,9 @@ exports[`renders ./antdv-demo/docs/list/demo/resposive.md correctly 1`] = `
                   <div class="ant-card-head-title">Title 2</div>
                 </div>
               </div>
-              <div class="ant-card-body">Card content</div>
+              <div class="ant-card-body">
+                Card content
+              </div>
             </div>
           </div>
         </div>
@@ -197,7 +209,9 @@ exports[`renders ./antdv-demo/docs/list/demo/resposive.md correctly 1`] = `
                   <div class="ant-card-head-title">Title 3</div>
                 </div>
               </div>
-              <div class="ant-card-body">Card content</div>
+              <div class="ant-card-body">
+                Card content
+              </div>
             </div>
           </div>
         </div>
@@ -209,7 +223,9 @@ exports[`renders ./antdv-demo/docs/list/demo/resposive.md correctly 1`] = `
                   <div class="ant-card-head-title">Title 4</div>
                 </div>
               </div>
-              <div class="ant-card-body">Card content</div>
+              <div class="ant-card-body">
+                Card content
+              </div>
             </div>
           </div>
         </div>
@@ -221,7 +237,9 @@ exports[`renders ./antdv-demo/docs/list/demo/resposive.md correctly 1`] = `
                   <div class="ant-card-head-title">Title 5</div>
                 </div>
               </div>
-              <div class="ant-card-body">Card content</div>
+              <div class="ant-card-body">
+                Card content
+              </div>
             </div>
           </div>
         </div>
@@ -233,7 +251,9 @@ exports[`renders ./antdv-demo/docs/list/demo/resposive.md correctly 1`] = `
                   <div class="ant-card-head-title">Title 6</div>
                 </div>
               </div>
-              <div class="ant-card-body">Card content</div>
+              <div class="ant-card-body">
+                Card content
+              </div>
             </div>
           </div>
         </div>
@@ -245,64 +265,112 @@ exports[`renders ./antdv-demo/docs/list/demo/resposive.md correctly 1`] = `
 
 exports[`renders ./antdv-demo/docs/list/demo/simple.md correctly 1`] = `
 <div>
-  <h3 style="margin-bottom: 16px;">Default Size</h3>
+  <h3 style="margin-bottom: 16px;">
+    Default Size
+  </h3>
   <div class="ant-list ant-list-split ant-list-bordered ant-list-something-after-last-item">
     <div class="ant-list-header">
-      <div>Header</div>
+      <div>
+        Header
+      </div>
     </div>
     <div class="ant-spin-nested-loading">
       <div class="ant-spin-container">
         <ul class="ant-list-items">
-          <li class="ant-list-item">Racing car sprays burning fuel into crowd.</li>
+          <li class="ant-list-item">
-          <li class="ant-list-item">Japanese princess to wed commoner.</li>
+            Racing car sprays burning fuel into crowd.
-          <li class="ant-list-item">Australian walks 100km after outback crash.</li>
+          </li>
-          <li class="ant-list-item">Man charged over missing wedding girl.</li>
+          <li class="ant-list-item">
-          <li class="ant-list-item">Los Angeles battles huge wildfires.</li>
+            Japanese princess to wed commoner.
+          </li>
+          <li class="ant-list-item">
+            Australian walks 100km after outback crash.
+          </li>
+          <li class="ant-list-item">
+            Man charged over missing wedding girl.
+          </li>
+          <li class="ant-list-item">
+            Los Angeles battles huge wildfires.
+          </li>
         </ul>
       </div>
     </div>
     <div class="ant-list-footer">
-      <div>Footer</div>
+      <div>
+        Footer
+      </div>
     </div>
   </div>
-  <h3 style="margin: 16px 0px;">Small Size</h3>
+  <h3 style="margin: 16px 0px;">
+    Small Size
+  </h3>
   <div class="ant-list ant-list-sm ant-list-split ant-list-bordered ant-list-something-after-last-item">
     <div class="ant-list-header">
-      <div>Header</div>
+      <div>
+        Header
+      </div>
     </div>
     <div class="ant-spin-nested-loading">
       <div class="ant-spin-container">
         <ul class="ant-list-items">
-          <li class="ant-list-item">Racing car sprays burning fuel into crowd.</li>
+          <li class="ant-list-item">
-          <li class="ant-list-item">Japanese princess to wed commoner.</li>
+            Racing car sprays burning fuel into crowd.
-          <li class="ant-list-item">Australian walks 100km after outback crash.</li>
+          </li>
-          <li class="ant-list-item">Man charged over missing wedding girl.</li>
+          <li class="ant-list-item">
-          <li class="ant-list-item">Los Angeles battles huge wildfires.</li>
+            Japanese princess to wed commoner.
+          </li>
+          <li class="ant-list-item">
+            Australian walks 100km after outback crash.
+          </li>
+          <li class="ant-list-item">
+            Man charged over missing wedding girl.
+          </li>
+          <li class="ant-list-item">
+            Los Angeles battles huge wildfires.
+          </li>
         </ul>
       </div>
     </div>
     <div class="ant-list-footer">
-      <div>Footer</div>
+      <div>
+        Footer
+      </div>
     </div>
   </div>
-  <h3 style="margin: 16px 0px;">Large Size</h3>
+  <h3 style="margin: 16px 0px;">
+    Large Size
+  </h3>
   <div class="ant-list ant-list-lg ant-list-split ant-list-bordered ant-list-something-after-last-item">
     <div class="ant-list-header">
-      <div>Header</div>
+      <div>
+        Header
+      </div>
     </div>
     <div class="ant-spin-nested-loading">
       <div class="ant-spin-container">
         <ul class="ant-list-items">
-          <li class="ant-list-item">Racing car sprays burning fuel into crowd.</li>
+          <li class="ant-list-item">
-          <li class="ant-list-item">Japanese princess to wed commoner.</li>
+            Racing car sprays burning fuel into crowd.
-          <li class="ant-list-item">Australian walks 100km after outback crash.</li>
+          </li>
-          <li class="ant-list-item">Man charged over missing wedding girl.</li>
+          <li class="ant-list-item">
-          <li class="ant-list-item">Los Angeles battles huge wildfires.</li>
+            Japanese princess to wed commoner.
+          </li>
+          <li class="ant-list-item">
+            Australian walks 100km after outback crash.
+          </li>
+          <li class="ant-list-item">
+            Man charged over missing wedding girl.
+          </li>
+          <li class="ant-list-item">
+            Los Angeles battles huge wildfires.
+          </li>
         </ul>
       </div>
     </div>
     <div class="ant-list-footer">
-      <div>Footer</div>
+      <div>
+        Footer
+      </div>
     </div>
   </div>
 </div>

components/locale-provider/__tests__/__snapshots__/demo.test.js.snap

@@ -3,7 +3,11 @@
 exports[`renders ./antdv-demo/docs/locale-provider/demo/all.md correctly 1`] = `
 <div>
   <div class="change-locale"><span style="margin-right: 16px;">Change locale of components: </span>
-    <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value=""><span class="ant-radio-button-inner"></span></span><span>English</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="[object Object]"><span class="ant-radio-button-inner"></span></span><span>中文</span></label></div>
+    <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value=""><span class="ant-radio-button-inner"></span></span><span>
+        English
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="[object Object]"><span class="ant-radio-button-inner"></span></span><span>
+        中文
+      </span></label></div>
   </div>
   <div class="locale-components">
     <div class="example">

components/mentions/__tests__/__snapshots__/demo.test.js.snap

@@ -41,6 +41,6 @@ exports[`renders ./antdv-demo/docs/mentions/demo/readonly.md correctly 1`] = `
   <div style="margin-bottom: 10px;">
     <div class="ant-mentions ant-mentions-disabled"><textarea disabled="disabled" rows="1" placeholder="this is disabled Mentions"></textarea></div>
   </div>
-  <div class="ant-mentions"><textarea rows="1" placeholder="this is readOnly a-mentions" readonly=""></textarea></div>
+  <div class="ant-mentions"><textarea rows="1" placeholder="this is readOnly a-mentions" readonly="readonly"></textarea></div>
 </div>
 `;

components/menu/__tests__/__snapshots__/demo.test.js.snap

@@ -43,15 +43,23 @@ exports[`renders ./antdv-demo/docs/menu/demo/inline.md correctly 1`] = `
                 <path d="M824.8 613.2c-16-51.4-34.4-94.6-62.7-165.3C766.5 262.2 689.3 112 511.5 112 331.7 112 256.2 265.2 261 447.9c-28.4 70.8-46.7 113.7-62.7 165.3-34 109.5-23 154.8-14.6 155.8 18 2.2 70.1-82.4 70.1-82.4 0 49 25.2 112.9 79.8 159-26.4 8.1-85.7 29.9-71.6 53.8 11.4 19.3 196.2 12.3 249.5 6.3 53.3 6 238.1 13 249.5-6.3 14.1-23.8-45.3-45.7-71.6-53.8 54.6-46.2 79.8-110.1 79.8-159 0 0 52.1 84.6 70.1 82.4 8.5-1.1 19.5-46.4-14.5-155.8z"></path>
               </svg></i><span>Item 1</span></div>
           <ul class="ant-menu-item-group-list">
-            <li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 48px;">Option 1</li>
+            <li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 48px;">
-            <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 2</li>
+              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;">
-            <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 4</li>
+              Option 3
+            </li>
+            <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">
+              Option 4
+            </li>
           </ul>
         </li>
       </ul>
@@ -85,10 +93,18 @@ exports[`renders ./antdv-demo/docs/menu/demo/inline-collapsed.md correctly 1`] =
     <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open">
       <div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i aria-label="icon: mail" class="anticon anticon-mail"><svg viewBox="64 64 896 896" data-icon="mail" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 110.8V792H136V270.8l-27.6-21.5 39.3-50.5 42.8 33.3h643.1l42.8-33.3 39.3 50.5-27.7 21.5zM833.6 232L512 482 190.4 232l-42.8-33.3-39.3 50.5 27.6 21.5 341.6 265.6a55.99 55.99 0 0 0 68.7 0L888 270.8l27.6-21.5-39.3-50.5-42.7 33.2z"></path></svg></i><span>Navigation One</span></span><i class="ant-menu-submenu-arrow"></i></div>
       <ul role="menu" class="ant-menu ant-menu-inline  ant-menu-sub">
-        <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;">
-        <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 6</li>
+          Option 5
-        <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 7</li>
+        </li>
-        <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 8</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 role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
@@ -105,10 +121,18 @@ exports[`renders ./antdv-demo/docs/menu/demo/sider-current.md correctly 1`] = `
     <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open">
       <div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i aria-label="icon: mail" class="anticon anticon-mail"><svg viewBox="64 64 896 896" data-icon="mail" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 110.8V792H136V270.8l-27.6-21.5 39.3-50.5 42.8 33.3h643.1l42.8-33.3 39.3 50.5-27.7 21.5zM833.6 232L512 482 190.4 232l-42.8-33.3-39.3 50.5 27.6 21.5 341.6 265.6a55.99 55.99 0 0 0 68.7 0L888 270.8l27.6-21.5-39.3-50.5-42.7 33.2z"></path></svg></i><span>Navigation One</span></span><i class="ant-menu-submenu-arrow"></i></div>
       <ul role="menu" class="ant-menu ant-menu-inline  ant-menu-sub">
-        <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;">
-        <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 2</li>
+          Option 1
-        <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 3</li>
+        </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 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 role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
@@ -141,8 +165,12 @@ exports[`renders ./antdv-demo/docs/menu/demo/switch-mode.md correctly 1`] = `
     <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open">
       <div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i aria-label="icon: appstore" class="anticon anticon-appstore"><svg viewBox="64 64 896 896" data-icon="appstore" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"></path></svg></i><span>Navigation Three</span></span><i class="ant-menu-submenu-arrow"></i></div>
       <ul role="menu" class="ant-menu ant-menu-inline  ant-menu-sub">
-        <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;">
-        <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 4</li>
+          Option 3
+        </li>
+        <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">
+          Option 4
+        </li>
         <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
           <div aria-haspopup="true" title="Submenu" class="ant-menu-submenu-title" style="padding-left: 48px;">Submenu<i class="ant-menu-submenu-arrow"></i></div>
           <div></div>
@@ -194,8 +222,12 @@ exports[`renders ./antdv-demo/docs/menu/demo/theme.md correctly 1`] = `
     <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open">
       <div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i aria-label="icon: appstore" class="anticon anticon-appstore"><svg viewBox="64 64 896 896" data-icon="appstore" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"></path></svg></i><span>Navigation Three</span></span><i class="ant-menu-submenu-arrow"></i></div>
       <ul role="menu" class="ant-menu ant-menu-inline  ant-menu-sub">
-        <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;">
-        <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 4</li>
+          Option 3
+        </li>
+        <li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">
+          Option 4
+        </li>
         <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
           <div aria-haspopup="true" title="Submenu" class="ant-menu-submenu-title" style="padding-left: 48px;">Submenu<i class="ant-menu-submenu-arrow"></i></div>
           <div></div>

components/page-header/__tests__/__snapshots__/demo.test.js.snap

@@ -108,7 +108,9 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
                   <span
                     class="ant-descriptions-item-content"
                   >
-                    Lili Qu
+                    
+        Lili Qu
+      
                   </span>
                 </td>
                 <td
@@ -140,7 +142,9 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
                   <span
                     class="ant-descriptions-item-content"
                   >
-                    2017-01-10
+                    
+        2017-01-10
+      
                   </span>
                 </td>
               </tr>
@@ -159,7 +163,9 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
                   <span
                     class="ant-descriptions-item-content"
                   >
-                    2017-10-10
+                    
+        2017-10-10
+      
                   </span>
                 </td>
                 <td
@@ -242,7 +248,9 @@ exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
         <span
           class="ant-tag ant-tag-blue"
         >
-          Running
+          
+        Running
+      
         </span>
       </span>
       <span
@@ -608,7 +616,9 @@ exports[`renders ./antdv-demo/docs/page-header/demo/ghost.md correctly 1`] = `
                   <span
                     class="ant-descriptions-item-content"
                   >
-                    Lili Qu
+                    
+        Lili Qu
+      
                   </span>
                 </td>
                 <td
@@ -640,7 +650,9 @@ exports[`renders ./antdv-demo/docs/page-header/demo/ghost.md correctly 1`] = `
                   <span
                     class="ant-descriptions-item-content"
                   >
-                    2017-01-10
+                    
+        2017-01-10
+      
                   </span>
                 </td>
               </tr>
@@ -659,7 +671,9 @@ exports[`renders ./antdv-demo/docs/page-header/demo/ghost.md correctly 1`] = `
                   <span
                     class="ant-descriptions-item-content"
                   >
-                    2017-10-10
+                    
+        2017-10-10
+      
                   </span>
                 </td>
                 <td
@@ -803,7 +817,9 @@ exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`]
                       <span
                         class="ant-descriptions-item-content"
                       >
-                        Lili Qu
+                        
+            Lili Qu
+          
                       </span>
                     </td>
                     <td
@@ -839,7 +855,9 @@ exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`]
                       <span
                         class="ant-descriptions-item-content"
                       >
-                        2017-01-10
+                        
+            2017-01-10
+          
                       </span>
                     </td>
                     <td
@@ -854,7 +872,9 @@ exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`]
                       <span
                         class="ant-descriptions-item-content"
                       >
-                        2017-10-10
+                        
+            2017-10-10
+          
                       </span>
                     </td>
                   </tr>

components/radio/__tests__/__snapshots__/demo.test.js.snap

@@ -3,7 +3,11 @@
 exports[`renders ./antdv-demo/docs/radio/demo/basic.md correctly 1`] = `<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span><span>Radio</span></label>`;
 
 exports[`renders ./antdv-demo/docs/radio/demo/disabled.md correctly 1`] = `
-<div><label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span><span>Disabled</span></label> <br> <label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-checked ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span><span>Disabled</span></label>
+<div><label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span><span>
+    Disabled
+  </span></label> <br> <label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-checked ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span><span>
+    Disabled
+  </span></label>
   <div><button type="button" class="ant-btn ant-btn-primary"><span>Toggle disabled</span></button></div>
 </div>
 `;
@@ -11,13 +15,37 @@ exports[`renders ./antdv-demo/docs/radio/demo/disabled.md correctly 1`] = `
 exports[`renders ./antdv-demo/docs/radio/demo/radioButton.md correctly 1`] = `
 <div>
   <div>
-    <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
+    <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>
+        Hangzhou
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>
+        Shanghai
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>
+        Beijing
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>
+        Chengdu
+      </span></label></div>
   </div>
   <div style="margin-top: 16px;">
-    <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
+    <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>
+        Hangzhou
+      </span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>
+        Shanghai
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>
+        Beijing
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>
+        Chengdu
+      </span></label></div>
   </div>
   <div style="margin-top: 16px;">
-    <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-checked ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
+    <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-checked ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>
+        Hangzhou
+      </span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>
+        Shanghai
+      </span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>
+        Beijing
+      </span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>
+        Chengdu
+      </span></label></div>
   </div>
 </div>
 `;
@@ -25,22 +53,52 @@ exports[`renders ./antdv-demo/docs/radio/demo/radioButton.md correctly 1`] = `
 exports[`renders ./antdv-demo/docs/radio/demo/radioButton-solid.md correctly 1`] = `
 <div>
   <div>
-    <div class="ant-radio-group ant-radio-group-solid ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
+    <div class="ant-radio-group ant-radio-group-solid ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>
+        Hangzhou
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>
+        Shanghai
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>
+        Beijing
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>
+        Chengdu
+      </span></label></div>
   </div>
   <div style="margin-top: 16px;">
-    <div class="ant-radio-group ant-radio-group-solid ant-radio-group-default"><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
+    <div class="ant-radio-group ant-radio-group-solid ant-radio-group-default"><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>
+        Hangzhou
+      </span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>
+        Shanghai
+      </span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>
+        Beijing
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>
+        Chengdu
+      </span></label></div>
   </div>
 </div>
 `;
 
 exports[`renders ./antdv-demo/docs/radio/demo/radioGroup.md correctly 1`] = `
 <div>
-  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>A</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>B</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>C</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span>D</span></label></div>
+  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>
+      A
+    </span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>
+      B
+    </span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>
+      C
+    </span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span>
+      D
+    </span></label></div>
 </div>
 `;
 
 exports[`renders ./antdv-demo/docs/radio/demo/radioGroup-more.md correctly 1`] = `
-<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>Option A</span></label><label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>Option B</span></label><label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>Option C</span></label><label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span>
+<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>
+    Option A
+  </span></label><label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>
+    Option B
+  </span></label><label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>
+    Option C
+  </span></label><label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span>
     More...
     <!----></span></label></div>
 `;
@@ -53,18 +111,52 @@ exports[`renders ./antdv-demo/docs/radio/demo/radioGroup-options.md correctly 1`
 </div>
 `;
 
-exports[`renders ./antdv-demo/docs/radio/demo/radioGroup-with-name.md correctly 1`] = `<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input name="radioGroup" type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>A</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>B</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>C</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span>D</span></label></div>`;
+exports[`renders ./antdv-demo/docs/radio/demo/radioGroup-with-name.md correctly 1`] = `
+<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input name="radioGroup" type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>
+    A
+  </span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>
+    B
+  </span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>
+    C
+  </span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span>
+    D
+  </span></label></div>
+`;
 
 exports[`renders ./antdv-demo/docs/radio/demo/size.md correctly 1`] = `
 <div>
   <div>
-    <div class="ant-radio-group ant-radio-group-outline ant-radio-group-large"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
+    <div class="ant-radio-group ant-radio-group-outline ant-radio-group-large"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>
+        Hangzhou
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>
+        Shanghai
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>
+        Beijing
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>
+        Chengdu
+      </span></label></div>
   </div>
   <div style="margin-top: 16px;">
-    <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
+    <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>
+        Hangzhou
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>
+        Shanghai
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>
+        Beijing
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>
+        Chengdu
+      </span></label></div>
   </div>
   <div style="margin-top: 16px;">
-    <div class="ant-radio-group ant-radio-group-outline ant-radio-group-small"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
+    <div class="ant-radio-group ant-radio-group-outline ant-radio-group-small"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>
+        Hangzhou
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>
+        Shanghai
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>
+        Beijing
+      </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>
+        Chengdu
+      </span></label></div>
   </div>
 </div>
 `;

components/select/__tests__/__snapshots__/demo.test.js.snap

@@ -19,21 +19,27 @@ exports[`renders ./antdv-demo/docs/select/demo/basic.md correctly 1`] = `
   <div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;">
     <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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 title="Lucy" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
+          Lucy
+        </div>
       </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
     </div>
   </div>
   <div tabindex="-1" class="ant-select ant-select-disabled" style="width: 120px;">
     <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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 title="Lucy" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
+          Lucy
+        </div>
       </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
     </div>
   </div>
   <div tabindex="0" class="ant-select ant-select-enabled ant-select-loading" style="width: 120px;">
     <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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 title="Lucy" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
+          Lucy
+        </div>
       </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: loading" class="anticon anticon-loading"><svg viewBox="0 0 1024 1024" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="anticon-spin"><path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path></svg></i></span>
     </div>
   </div>
@@ -45,14 +51,18 @@ exports[`renders ./antdv-demo/docs/select/demo/coordinate.md correctly 1`] = `
   <div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;">
     <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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 title="Zhejiang" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
+          Zhejiang
+        </div>
       </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
     </div>
   </div>
   <div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;">
     <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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 title="Hangzhou" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
+          Hangzhou
+        </div>
       </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
     </div>
   </div>
@@ -63,7 +73,9 @@ exports[`renders ./antdv-demo/docs/select/demo/custom-dropdown-menu.md correctly
 <div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;">
   <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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 title="lucy" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
+        lucy
+      </div>
     </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
   </div>
 </div>
@@ -88,7 +100,9 @@ exports[`renders ./antdv-demo/docs/select/demo/label-in-value.md correctly 1`] =
 <div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;">
   <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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 title="Lucy (101)" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
+        Lucy (101)
+      </div>
     </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
   </div>
 </div>
@@ -101,10 +115,14 @@ exports[`renders ./antdv-demo/docs/select/demo/multiple.md correctly 1`] = `
       <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">Please select</div>
       <div>
         <li unselectable="on" role="presentation" title="a1" class="ant-select-selection__choice" style="user-select: none;">
-          <div class="ant-select-selection__choice__content">a1</div><span class="ant-select-selection__choice__remove"><i aria-label="icon: close" class="anticon anticon-close ant-select-remove-icon"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span>
+          <div class="ant-select-selection__choice__content">
+            a1
+          </div><span class="ant-select-selection__choice__remove"><i aria-label="icon: close" class="anticon anticon-close ant-select-remove-icon"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span>
         </li>
         <li unselectable="on" role="presentation" title="b2" class="ant-select-selection__choice" style="user-select: none;">
-          <div class="ant-select-selection__choice__content">b2</div><span class="ant-select-selection__choice__remove"><i aria-label="icon: close" class="anticon anticon-close ant-select-remove-icon"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span>
+          <div class="ant-select-selection__choice__content">
+            b2
+          </div><span class="ant-select-selection__choice__remove"><i aria-label="icon: close" class="anticon anticon-close ant-select-remove-icon"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></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">&nbsp;</span></div>
@@ -119,7 +137,9 @@ exports[`renders ./antdv-demo/docs/select/demo/optgroup.md correctly 1`] = `
 <div tabindex="0" class="ant-select ant-select-enabled" style="width: 200px;">
   <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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 title="Lucy" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
+        Lucy
+      </div>
     </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
   </div>
 </div>
@@ -196,7 +216,13 @@ exports[`renders ./antdv-demo/docs/select/demo/select-users.md correctly 1`] = `
 
 exports[`renders ./antdv-demo/docs/select/demo/size.md correctly 1`] = `
 <div>
-  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label></div> <br><br>
+  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>
+      Large
+    </span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>
+      Default
+    </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>
+      Small
+    </span></label></div> <br><br>
   <div tabindex="0" class="ant-select ant-select-enabled" style="width: 200px;">
     <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
       <div class="ant-select-selection__rendered">
@@ -258,14 +284,18 @@ exports[`renders ./antdv-demo/docs/select/demo/suffix.md correctly 1`] = `
   <div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;">
     <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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 title="Lucy" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
+          Lucy
+        </div>
       </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: smile" class="anticon anticon-smile ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i></span>
     </div>
   </div>
   <div tabindex="-1" class="ant-select ant-select-disabled" style="width: 120px;">
     <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" 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 title="Lucy" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
+          Lucy
+        </div>
       </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: meh" class="anticon anticon-meh ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="meh" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 565H360c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h304c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"></path></svg></i></span>
     </div>
   </div>

components/statistic/__tests__/__snapshots__/demo.test.js.snap

@@ -29,7 +29,7 @@ exports[`renders ./antdv-demo/docs/statistic/demo/card.md correctly 1`] = `
     <div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
       <div class="ant-card ant-card-bordered">
         <div class="ant-card-body">
-          <div class="ant-statistic" valueclass="demo-class">
+          <div class="demo-class ant-statistic">
             <div class="ant-statistic-title">Idle</div>
             <div class="ant-statistic-content" style="color: rgb(207, 19, 34);"><span class="ant-statistic-content-prefix"><i aria-label="icon: arrow-down" class="anticon anticon-arrow-down"><svg viewBox="64 64 896 896" data-icon="arrow-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0 0 48.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"></path></svg></i></span><span class="ant-statistic-content-value"><span class="ant-statistic-content-value-int">9</span><span class="ant-statistic-content-value-decimal">.30</span></span><span class="ant-statistic-content-suffix">%</span></div>
           </div>
@@ -72,7 +72,7 @@ exports[`renders ./antdv-demo/docs/statistic/demo/unit.md correctly 1`] = `
     </div>
   </div>
   <div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
-    <div class="ant-statistic" valueclass="demo-class">
+    <div class="demo-class ant-statistic">
       <div class="ant-statistic-title">Unmerged</div>
       <div class="ant-statistic-content"><span class="ant-statistic-content-value"><span class="ant-statistic-content-value-int">93</span></span><span class="ant-statistic-content-suffix"><span> / 100</span></span></div>
     </div>

components/steps/__tests__/__snapshots__/demo.test.js.snap

@@ -500,7 +500,9 @@ exports[`renders ./antdv-demo/docs/steps/demo/step-next.md correctly 1`] = `
       </div>
     </div>
   </div>
-  <div class="steps-content">First-content</div>
+  <div class="steps-content">
+    First-content
+  </div>
   <div class="steps-action"><button type="button" class="ant-btn ant-btn-primary"><span>Next</span></button>
     <!---->
     <!---->

components/table/__tests__/__snapshots__/demo.test.js.snap

@@ -314,24 +314,48 @@ exports[`renders ./antdv-demo/docs/table/demo/custom-filter-panel.md correctly 1
       </thead>
       <tbody class="ant-table-tbody">
         <tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
-          <td class="ant-table-column-has-actions ant-table-column-has-filters">John Brown</td>
+          <td class="ant-table-column-has-actions ant-table-column-has-filters">
-          <td class="ant-table-column-has-actions ant-table-column-has-filters">32</td>
+            John Brown
-          <td class="ant-table-column-has-actions ant-table-column-has-filters">New York No. 1 Lake Park</td>
+          </td>
+          <td class="ant-table-column-has-actions ant-table-column-has-filters">
+            32
+          </td>
+          <td class="ant-table-column-has-actions ant-table-column-has-filters">
+            New York No. 1 Lake Park
+          </td>
         </tr>
         <tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
-          <td class="ant-table-column-has-actions ant-table-column-has-filters">Joe Black</td>
+          <td class="ant-table-column-has-actions ant-table-column-has-filters">
-          <td class="ant-table-column-has-actions ant-table-column-has-filters">42</td>
+            Joe Black
-          <td class="ant-table-column-has-actions ant-table-column-has-filters">London No. 1 Lake Park</td>
+          </td>
+          <td class="ant-table-column-has-actions ant-table-column-has-filters">
+            42
+          </td>
+          <td class="ant-table-column-has-actions ant-table-column-has-filters">
+            London No. 1 Lake Park
+          </td>
         </tr>
         <tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
-          <td class="ant-table-column-has-actions ant-table-column-has-filters">Jim Green</td>
+          <td class="ant-table-column-has-actions ant-table-column-has-filters">
-          <td class="ant-table-column-has-actions ant-table-column-has-filters">32</td>
+            Jim Green
-          <td class="ant-table-column-has-actions ant-table-column-has-filters">Sidney No. 1 Lake Park</td>
+          </td>
+          <td class="ant-table-column-has-actions ant-table-column-has-filters">
+            32
+          </td>
+          <td class="ant-table-column-has-actions ant-table-column-has-filters">
+            Sidney No. 1 Lake Park
+          </td>
         </tr>
         <tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
-          <td class="ant-table-column-has-actions ant-table-column-has-filters">Jim Red</td>
+          <td class="ant-table-column-has-actions ant-table-column-has-filters">
-          <td class="ant-table-column-has-actions ant-table-column-has-filters">32</td>
+            Jim Red
-          <td class="ant-table-column-has-actions ant-table-column-has-filters">London No. 2 Lake Park</td>
+          </td>
+          <td class="ant-table-column-has-actions ant-table-column-has-filters">
+            32
+          </td>
+          <td class="ant-table-column-has-actions ant-table-column-has-filters">
+            London No. 2 Lake Park
+          </td>
         </tr>
       </tbody>
       </table>
@@ -461,13 +485,19 @@ exports[`renders ./antdv-demo/docs/table/demo/edit-row.md correctly 1`] = `
     <tbody class="ant-table-tbody">
       <tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
         <td class="ant-table-row-cell-break-word">
-          <div>Edrward 0</div>
+          <div>
+            Edrward 0
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>32</div>
+          <div>
+            32
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>London Park no. 0</div>
+          <div>
+            London Park no. 0
+          </div>
         </td>
         <td class="">
           <div class="editable-row-operations"><span><a>Edit</a></span></div>
@@ -475,13 +505,19 @@ exports[`renders ./antdv-demo/docs/table/demo/edit-row.md correctly 1`] = `
       </tr>
       <tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
         <td class="ant-table-row-cell-break-word">
-          <div>Edrward 1</div>
+          <div>
+            Edrward 1
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>32</div>
+          <div>
+            32
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>London Park no. 1</div>
+          <div>
+            London Park no. 1
+          </div>
         </td>
         <td class="">
           <div class="editable-row-operations"><span><a>Edit</a></span></div>
@@ -489,13 +525,19 @@ exports[`renders ./antdv-demo/docs/table/demo/edit-row.md correctly 1`] = `
       </tr>
       <tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
         <td class="ant-table-row-cell-break-word">
-          <div>Edrward 2</div>
+          <div>
+            Edrward 2
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>32</div>
+          <div>
+            32
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>London Park no. 2</div>
+          <div>
+            London Park no. 2
+          </div>
         </td>
         <td class="">
           <div class="editable-row-operations"><span><a>Edit</a></span></div>
@@ -503,13 +545,19 @@ exports[`renders ./antdv-demo/docs/table/demo/edit-row.md correctly 1`] = `
       </tr>
       <tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
         <td class="ant-table-row-cell-break-word">
-          <div>Edrward 3</div>
+          <div>
+            Edrward 3
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>32</div>
+          <div>
+            32
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>London Park no. 3</div>
+          <div>
+            London Park no. 3
+          </div>
         </td>
         <td class="">
           <div class="editable-row-operations"><span><a>Edit</a></span></div>
@@ -517,13 +565,19 @@ exports[`renders ./antdv-demo/docs/table/demo/edit-row.md correctly 1`] = `
       </tr>
       <tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
         <td class="ant-table-row-cell-break-word">
-          <div>Edrward 4</div>
+          <div>
+            Edrward 4
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>32</div>
+          <div>
+            32
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>London Park no. 4</div>
+          <div>
+            London Park no. 4
+          </div>
         </td>
         <td class="">
           <div class="editable-row-operations"><span><a>Edit</a></span></div>
@@ -531,13 +585,19 @@ exports[`renders ./antdv-demo/docs/table/demo/edit-row.md correctly 1`] = `
       </tr>
       <tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
         <td class="ant-table-row-cell-break-word">
-          <div>Edrward 5</div>
+          <div>
+            Edrward 5
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>32</div>
+          <div>
+            32
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>London Park no. 5</div>
+          <div>
+            London Park no. 5
+          </div>
         </td>
         <td class="">
           <div class="editable-row-operations"><span><a>Edit</a></span></div>
@@ -545,13 +605,19 @@ exports[`renders ./antdv-demo/docs/table/demo/edit-row.md correctly 1`] = `
       </tr>
       <tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
         <td class="ant-table-row-cell-break-word">
-          <div>Edrward 6</div>
+          <div>
+            Edrward 6
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>32</div>
+          <div>
+            32
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>London Park no. 6</div>
+          <div>
+            London Park no. 6
+          </div>
         </td>
         <td class="">
           <div class="editable-row-operations"><span><a>Edit</a></span></div>
@@ -559,13 +625,19 @@ exports[`renders ./antdv-demo/docs/table/demo/edit-row.md correctly 1`] = `
       </tr>
       <tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
         <td class="ant-table-row-cell-break-word">
-          <div>Edrward 7</div>
+          <div>
+            Edrward 7
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>32</div>
+          <div>
+            32
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>London Park no. 7</div>
+          <div>
+            London Park no. 7
+          </div>
         </td>
         <td class="">
           <div class="editable-row-operations"><span><a>Edit</a></span></div>
@@ -573,13 +645,19 @@ exports[`renders ./antdv-demo/docs/table/demo/edit-row.md correctly 1`] = `
       </tr>
       <tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
         <td class="ant-table-row-cell-break-word">
-          <div>Edrward 8</div>
+          <div>
+            Edrward 8
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>32</div>
+          <div>
+            32
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>London Park no. 8</div>
+          <div>
+            London Park no. 8
+          </div>
         </td>
         <td class="">
           <div class="editable-row-operations"><span><a>Edit</a></span></div>
@@ -587,13 +665,19 @@ exports[`renders ./antdv-demo/docs/table/demo/edit-row.md correctly 1`] = `
       </tr>
       <tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
         <td class="ant-table-row-cell-break-word">
-          <div>Edrward 9</div>
+          <div>
+            Edrward 9
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>32</div>
+          <div>
+            32
+          </div>
         </td>
         <td class="ant-table-row-cell-break-word">
-          <div>London Park no. 9</div>
+          <div>
+            London Park no. 9
+          </div>
         </td>
         <td class="">
           <div class="editable-row-operations"><span><a>Edit</a></span></div>

components/tabs/__tests__/__snapshots__/demo.test.js.snap

@@ -22,9 +22,13 @@ exports[`renders ./antdv-demo/docs/tabs/demo/basic.md correctly 1`] = `
     <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
     <div class="ant-tabs-content ant-tabs-content-animated ant-tabs-top-content" style="margin-left: 0%;">
       <div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
-        <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>Content of Tab Pane 1<div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+        <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+        Content of Tab Pane 1
+        <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+      </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">Content of Tab Pane 2</div>
       <div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
     </div>
     <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
@@ -53,7 +57,9 @@ exports[`renders ./antdv-demo/docs/tabs/demo/card.md correctly 1`] = `
   <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
   <div class="ant-tabs-content ant-tabs-content-no-animated ant-tabs-top-content ant-tabs-card-content">
     <div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
-      <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>Content of Tab Pane 1<div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+      <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+      Content of Tab Pane 1
+      <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
     </div>
     <div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
     <div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
@@ -161,9 +167,13 @@ exports[`renders ./antdv-demo/docs/tabs/demo/custom-tab-bar.md correctly 1`] = `
     <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
     <div class="ant-tabs-content ant-tabs-content-animated ant-tabs-top-content" style="margin-left: 0%;">
       <div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active" style="height: 200px;">
-        <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>Content of Tab Pane 1<div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+        <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+        Content of Tab Pane 1
+        <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+      </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">Content of Tab Pane 2</div>
       <div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
     </div>
     <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
@@ -192,7 +202,9 @@ exports[`renders ./antdv-demo/docs/tabs/demo/disabled.md correctly 1`] = `
   <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
   <div class="ant-tabs-content ant-tabs-content-animated ant-tabs-top-content" style="margin-left: 0%;">
     <div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
-      <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>Tab 1<div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+      <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+      Tab 1
+      <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
     </div>
     <div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
     <div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
@@ -266,7 +278,9 @@ exports[`renders ./antdv-demo/docs/tabs/demo/extra.md correctly 1`] = `
   <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
   <div class="ant-tabs-content ant-tabs-content-animated ant-tabs-top-content" style="margin-left: 0%;">
     <div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
-      <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>Content of tab 1<div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+      <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+      Content of tab 1
+      <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
     </div>
     <div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
     <div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
@@ -389,7 +403,9 @@ exports[`renders ./antdv-demo/docs/tabs/demo/nest.md correctly 1`] = `
           <div class="ant-tabs-content ant-tabs-content-animated ant-tabs-top-content" 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 tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>TTTT 1<div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+              <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+              TTTT 1
+              <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
             </div>
             <div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
             <div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
@@ -423,7 +439,15 @@ exports[`renders ./antdv-demo/docs/tabs/demo/nest.md correctly 1`] = `
 
 exports[`renders ./antdv-demo/docs/tabs/demo/position.md correctly 1`] = `
 <div style="width: 500px;">
-  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin: 8px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="top"><span class="ant-radio-button-inner"></span></span><span>top</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="bottom"><span class="ant-radio-button-inner"></span></span><span>bottom</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="left"><span class="ant-radio-button-inner"></span></span><span>left</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="right"><span class="ant-radio-button-inner"></span></span><span>right</span></label></div>
+  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin: 8px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="top"><span class="ant-radio-button-inner"></span></span><span>
+      top
+    </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="bottom"><span class="ant-radio-button-inner"></span></span><span>
+      bottom
+    </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="left"><span class="ant-radio-button-inner"></span></span><span>
+      left
+    </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="right"><span class="ant-radio-button-inner"></span></span><span>
+      right
+    </span></label></div>
   <div class="ant-tabs ant-tabs-top ant-tabs-line">
     <div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar">
       <div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"><i aria-label="icon: left" class="anticon anticon-left ant-tabs-tab-prev-icon-target"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path></svg></i></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"><i aria-label="icon: right" class="anticon anticon-right ant-tabs-tab-next-icon-target"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"></path></svg></i></span></span>
@@ -444,7 +468,9 @@ exports[`renders ./antdv-demo/docs/tabs/demo/position.md correctly 1`] = `
     <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
     <div class="ant-tabs-content ant-tabs-content-animated ant-tabs-top-content" style="margin-left: 0%;">
       <div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
-        <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>Content of Tab 1<div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+        <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+        Content of Tab 1
+        <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
       </div>
       <div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
       <div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
@@ -456,7 +482,13 @@ exports[`renders ./antdv-demo/docs/tabs/demo/position.md correctly 1`] = `
 
 exports[`renders ./antdv-demo/docs/tabs/demo/size.md correctly 1`] = `
 <div>
-  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-bottom: 16px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label></div>
+  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-bottom: 16px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>
+      Small
+    </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>
+      Default
+    </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>
+      Large
+    </span></label></div>
   <div class="ant-tabs ant-tabs-top ant-tabs-small ant-tabs-line">
     <div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar ant-tabs-small-bar">
       <div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"><i aria-label="icon: left" class="anticon anticon-left ant-tabs-tab-prev-icon-target"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path></svg></i></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"><i aria-label="icon: right" class="anticon anticon-right ant-tabs-tab-next-icon-target"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"></path></svg></i></span></span>
@@ -478,7 +510,9 @@ exports[`renders ./antdv-demo/docs/tabs/demo/size.md correctly 1`] = `
     <div class="ant-tabs-content ant-tabs-content-animated ant-tabs-top-content" 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 tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>Content of tab 2<div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+        <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
+        Content of tab 2
+        <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
       </div>
       <div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
     </div>
@@ -489,7 +523,11 @@ exports[`renders ./antdv-demo/docs/tabs/demo/size.md correctly 1`] = `
 
 exports[`renders ./antdv-demo/docs/tabs/demo/slide.md correctly 1`] = `
 <div style="width: 500px;">
-  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-bottom: 8px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="top"><span class="ant-radio-button-inner"></span></span><span>Horizontal</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="left"><span class="ant-radio-button-inner"></span></span><span>Vertical</span></label></div>
+  <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-bottom: 8px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="top"><span class="ant-radio-button-inner"></span></span><span>
+      Horizontal
+    </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="left"><span class="ant-radio-button-inner"></span></span><span>
+      Vertical
+    </span></label></div>
   <div class="ant-tabs ant-tabs-top ant-tabs-line" style="height: 200px;">
     <div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar">
       <div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"><i aria-label="icon: left" class="anticon anticon-left ant-tabs-tab-prev-icon-target"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path></svg></i></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"><i aria-label="icon: right" class="anticon anticon-right ant-tabs-tab-next-icon-target"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"></path></svg></i></span></span>

components/tag/__tests__/__snapshots__/demo.test.js.snap

@@ -1,21 +1,59 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders ./antdv-demo/docs/tag/demo/basic.md correctly 1`] = `<div><span class="ant-tag">Tag 1</span> <span class="ant-tag"><a href="https://github.com/vueComponent/ant-design">Link</a></span> <span class="ant-tag">Tag 2<i aria-label="icon: close" tabindex="-1" class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span> <span class="ant-tag">Prevent Default<i aria-label="icon: close" tabindex="-1" class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span></div>`;
+exports[`renders ./antdv-demo/docs/tag/demo/basic.md correctly 1`] = `
+<div><span class="ant-tag">Tag 1</span> <span class="ant-tag"><a href="https://github.com/vueComponent/ant-design">Link</a></span> <span class="ant-tag">
+    Tag 2
+  <i aria-label="icon: close" tabindex="-1" class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span> <span class="ant-tag">
+    Prevent Default
+  <i aria-label="icon: close" tabindex="-1" class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span></div>
+`;
 
 exports[`renders ./antdv-demo/docs/tag/demo/checkable.md correctly 1`] = `
 <div>
-  <div class="ant-tag ant-tag-checkable">Tag1</div>
+  <div class="ant-tag ant-tag-checkable">
-  <div class="ant-tag ant-tag-checkable">Tag2</div>
+    Tag1
-  <div class="ant-tag ant-tag-checkable">Tag3</div>
+  </div>
+  <div class="ant-tag ant-tag-checkable">
+    Tag2
+  </div>
+  <div class="ant-tag ant-tag-checkable">
+    Tag3
+  </div>
 </div>
 `;
 
 exports[`renders ./antdv-demo/docs/tag/demo/colorful.md correctly 1`] = `
 <div>
-  <h4 style="margin-bottom: 16px;">Presets:</h4>
+  <h4 style="margin-bottom: 16px;">
-  <div><span class="ant-tag ant-tag-pink">pink</span> <span class="ant-tag ant-tag-red">red</span> <span class="ant-tag ant-tag-orange">orange</span> <span class="ant-tag ant-tag-green">green</span> <span class="ant-tag ant-tag-cyan">cyan</span> <span class="ant-tag ant-tag-blue">blue</span> <span class="ant-tag ant-tag-purple">purple</span></div>
+    Presets:
-  <h4>Custom:</h4>
+  </h4>
-  <div><span class="ant-tag ant-tag-has-color" style="background-color: rgb(255, 85, 0);">#f50</span> <span class="ant-tag ant-tag-has-color" style="background-color: rgb(45, 183, 245);">#2db7f5</span> <span class="ant-tag ant-tag-has-color" style="background-color: rgb(135, 208, 104);">#87d068</span> <span class="ant-tag ant-tag-has-color" style="background-color: rgb(16, 142, 233);">#108ee9</span></div>
+  <div><span class="ant-tag ant-tag-pink">
+      pink
+    </span> <span class="ant-tag ant-tag-red">
+      red
+    </span> <span class="ant-tag ant-tag-orange">
+      orange
+    </span> <span class="ant-tag ant-tag-green">
+      green
+    </span> <span class="ant-tag ant-tag-cyan">
+      cyan
+    </span> <span class="ant-tag ant-tag-blue">
+      blue
+    </span> <span class="ant-tag ant-tag-purple">
+      purple
+    </span></div>
+  <h4>
+    Custom:
+  </h4>
+  <div><span class="ant-tag ant-tag-has-color" style="background-color: rgb(255, 85, 0);">
+      #f50
+    </span> <span class="ant-tag ant-tag-has-color" style="background-color: rgb(45, 183, 245);">
+      #2db7f5
+    </span> <span class="ant-tag ant-tag-has-color" style="background-color: rgb(135, 208, 104);">
+      #87d068
+    </span> <span class="ant-tag ant-tag-has-color" style="background-color: rgb(16, 142, 233);">
+      #108ee9
+    </span></div>
 </div>
 `;
 

components/timeline/__tests__/__snapshots__/demo.test.js.snap

@@ -10,7 +10,9 @@ exports[`renders ./antdv-demo/docs/timeline/demo/alternate.md correctly 1`] = `
   <li class="ant-timeline-item ant-timeline-item-right">
     <div class="ant-timeline-item-tail"></div>
     <div class="ant-timeline-item-head ant-timeline-item-head-green"></div>
-    <div class="ant-timeline-item-content">Solve initial network problems 2015-09-01</div>
+    <div class="ant-timeline-item-content">
+      Solve initial network problems 2015-09-01
+    </div>
   </li>
   <li class="ant-timeline-item ant-timeline-item-left">
     <div class="ant-timeline-item-tail"></div>
@@ -27,7 +29,9 @@ exports[`renders ./antdv-demo/docs/timeline/demo/alternate.md correctly 1`] = `
   <li class="ant-timeline-item ant-timeline-item-right">
     <div class="ant-timeline-item-tail"></div>
     <div class="ant-timeline-item-head ant-timeline-item-head-red"></div>
-    <div class="ant-timeline-item-content">Network problems being solved 2015-09-01</div>
+    <div class="ant-timeline-item-content">
+      Network problems being solved 2015-09-01
+    </div>
   </li>
   <li class="ant-timeline-item ant-timeline-item-left">
     <div class="ant-timeline-item-tail"></div>
@@ -77,12 +81,16 @@ exports[`renders ./antdv-demo/docs/timeline/demo/color.md correctly 1`] = `
   <li class="ant-timeline-item">
     <div class="ant-timeline-item-tail"></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>
+    <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"></div>
-    <div class="ant-timeline-item-content">Create a services site 2015-09-01</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>

components/transfer/__tests__/__snapshots__/demo.test.js.snap

@@ -2261,7 +2261,7 @@ exports[`renders ./antdv-demo/docs/transfer/demo/search.md correctly 1`] = `
 
 exports[`renders ./antdv-demo/docs/transfer/demo/table-transfer.md correctly 1`] = `
 <div>
-  <div class="ant-transfer ant-transfer-customize-list" leftcolumns="[object Object],[object Object]" rightcolumns="[object Object]">
+  <div class="ant-transfer ant-transfer-customize-list">
     <div class="ant-transfer-list">
       <div class="ant-transfer-list-header"><span class="ant-transfer-list-header-selected"><span>14 items</span><span class="ant-transfer-list-header-title"></span></span></div>
       <div class="ant-transfer-list-body">