ant-design/components/card/__tests__/__snapshots__/demo.test.js.snap

941 lines
22 KiB
Plaintext
Raw Normal View History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/card/demo/basic.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-card ant-card-bordered"
2017-09-20 16:26:18 +08:00
style="width:300px"
>
2017-12-05 13:35:32 +08:00
<div
class="ant-card-head"
>
<div
class="ant-card-head-wrapper"
>
<div
class="ant-card-head-title"
>
Card title
</div>
<div
class="ant-card-extra"
>
<a
href="#"
>
More
</a>
</div>
</div>
</div>
<div
class="ant-card-body"
>
2018-02-02 12:33:39 +08:00
<p>
Card content
</p>
<p>
Card content
</p>
<p>
Card content
</p>
2017-12-05 13:35:32 +08:00
</div>
</div>
`;
exports[`renders ./components/card/demo/border-less.md correctly 1`] = `
<div
style="background:#ECECEC;padding:30px"
>
<div
class="ant-card"
style="width:300px"
>
2017-08-15 22:36:48 +08:00
<div
2017-08-15 22:50:00 +08:00
class="ant-card-head"
>
2017-08-15 22:50:00 +08:00
<div
2017-09-20 21:56:56 +08:00
class="ant-card-head-wrapper"
2017-08-15 22:50:00 +08:00
>
2017-09-20 21:56:56 +08:00
<div
class="ant-card-head-title"
2017-08-15 22:50:00 +08:00
>
2017-09-20 21:56:56 +08:00
Card title
</div>
2017-08-15 22:50:00 +08:00
</div>
2017-08-15 22:36:48 +08:00
</div>
<div
2017-08-15 22:50:00 +08:00
class="ant-card-body"
>
2018-02-02 12:33:39 +08:00
<p>
Card content
</p>
<p>
Card content
</p>
<p>
Card content
</p>
2017-08-15 22:36:48 +08:00
</div>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;
2017-12-05 13:35:32 +08:00
exports[`renders ./components/card/demo/flexible-content.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
2017-12-05 13:35:32 +08:00
class="ant-card ant-card-bordered ant-card-hoverable"
style="width:240px"
>
2016-11-22 14:28:05 +08:00
<div
2017-12-05 13:35:32 +08:00
class="ant-card-cover"
>
<img
alt="example"
src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png"
/>
</div>
<div
class="ant-card-body"
>
2018-02-02 12:33:39 +08:00
<div
class="ant-card-meta"
>
2017-08-15 22:36:48 +08:00
<div
2018-02-02 12:33:39 +08:00
class="ant-card-meta-detail"
>
2017-08-15 22:50:00 +08:00
<div
2018-02-02 12:33:39 +08:00
class="ant-card-meta-title"
2017-08-15 22:50:00 +08:00
>
2018-02-02 12:33:39 +08:00
Europe Street beat
</div>
<div
class="ant-card-meta-description"
>
www.instagram.com
</div>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/card/demo/grid-card.md correctly 1`] = `
<div
class="ant-card ant-card-bordered ant-card-contain-grid"
>
2017-12-05 13:35:32 +08:00
<div
class="ant-card-head"
>
<div
2017-12-05 13:35:32 +08:00
class="ant-card-head-wrapper"
>
2017-08-15 22:50:00 +08:00
<div
2017-12-05 13:35:32 +08:00
class="ant-card-head-title"
>
2017-12-05 13:35:32 +08:00
Card Title
2017-08-15 22:50:00 +08:00
</div>
</div>
2017-12-05 13:35:32 +08:00
</div>
<div
class="ant-card-body"
>
2018-02-02 12:33:39 +08:00
<div
class="ant-card-grid"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid"
style="width:25%;text-align:center"
>
Content
</div>
</div>
</div>
`;
exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
2017-09-20 16:26:18 +08:00
style="background:#ECECEC;padding:30px"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-row"
2017-09-20 16:26:18 +08:00
style="margin-left:-8px;margin-right:-8px"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-col-8"
2017-09-20 16:26:18 +08:00
style="padding-left:8px;padding-right:8px"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-card"
>
2017-12-05 13:35:32 +08:00
<div
class="ant-card-head"
>
2017-08-15 22:36:48 +08:00
<div
2017-12-05 13:35:32 +08:00
class="ant-card-head-wrapper"
>
2017-08-15 22:50:00 +08:00
<div
2017-12-05 13:35:32 +08:00
class="ant-card-head-title"
2017-08-15 22:50:00 +08:00
>
2017-12-05 13:35:32 +08:00
Card title
2017-08-15 22:50:00 +08:00
</div>
</div>
2017-12-05 13:35:32 +08:00
</div>
<div
class="ant-card-body"
>
2018-02-02 12:33:39 +08:00
Card content
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
<div
class="ant-col-8"
2017-09-20 16:26:18 +08:00
style="padding-left:8px;padding-right:8px"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-card"
>
2017-12-05 13:35:32 +08:00
<div
class="ant-card-head"
>
2017-08-15 22:36:48 +08:00
<div
2017-12-05 13:35:32 +08:00
class="ant-card-head-wrapper"
>
2017-08-15 22:50:00 +08:00
<div
2017-12-05 13:35:32 +08:00
class="ant-card-head-title"
2017-08-15 22:50:00 +08:00
>
2017-12-05 13:35:32 +08:00
Card title
2017-08-15 22:50:00 +08:00
</div>
</div>
2017-12-05 13:35:32 +08:00
</div>
<div
class="ant-card-body"
>
2018-02-02 12:33:39 +08:00
Card content
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
<div
class="ant-col-8"
2017-09-20 16:26:18 +08:00
style="padding-left:8px;padding-right:8px"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-card"
>
2017-12-05 13:35:32 +08:00
<div
class="ant-card-head"
>
2017-08-15 22:50:00 +08:00
<div
2017-12-05 13:35:32 +08:00
class="ant-card-head-wrapper"
>
2017-08-15 22:50:00 +08:00
<div
2017-12-05 13:35:32 +08:00
class="ant-card-head-title"
2017-08-15 22:50:00 +08:00
>
2017-12-05 13:35:32 +08:00
Card title
2017-08-15 22:50:00 +08:00
</div>
</div>
2017-12-05 13:35:32 +08:00
</div>
<div
class="ant-card-body"
>
2018-02-02 12:33:39 +08:00
Card content
</div>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/card/demo/inner.md correctly 1`] = `
<div
class="ant-card ant-card-bordered"
>
2017-12-05 13:35:32 +08:00
<div
class="ant-card-head"
>
<div
2017-12-05 13:35:32 +08:00
class="ant-card-head-wrapper"
>
2017-08-15 22:50:00 +08:00
<div
2017-12-05 13:35:32 +08:00
class="ant-card-head-title"
>
2017-12-05 13:35:32 +08:00
Card title
2017-08-15 22:50:00 +08:00
</div>
</div>
2017-12-05 13:35:32 +08:00
</div>
<div
class="ant-card-body"
>
2018-02-02 12:33:39 +08:00
<p
style="font-size:14px;color:rgba(0, 0, 0, 0.85);margin-bottom:16px;font-weight:500"
>
Group title
</p>
<div
class="ant-card ant-card-bordered ant-card-type-inner"
>
2017-12-05 13:35:32 +08:00
<div
2018-02-02 12:33:39 +08:00
class="ant-card-head"
2017-12-05 13:35:32 +08:00
>
2016-11-22 14:28:05 +08:00
<div
2018-02-02 12:33:39 +08:00
class="ant-card-head-wrapper"
>
2017-12-05 13:35:32 +08:00
<div
2018-02-02 12:33:39 +08:00
class="ant-card-head-title"
2017-12-05 13:35:32 +08:00
>
2018-02-02 12:33:39 +08:00
Inner Card title
</div>
2018-02-02 12:33:39 +08:00
<div
class="ant-card-extra"
>
<a
href="#"
>
More
</a>
2017-12-05 13:35:32 +08:00
</div>
</div>
</div>
<div
2018-02-02 12:33:39 +08:00
class="ant-card-body"
>
Inner Card content
</div>
</div>
<div
class="ant-card ant-card-bordered ant-card-type-inner"
style="margin-top:16px"
>
<div
class="ant-card-head"
2017-12-05 13:35:32 +08:00
>
<div
2018-02-02 12:33:39 +08:00
class="ant-card-head-wrapper"
2017-12-05 13:35:32 +08:00
>
<div
2018-02-02 12:33:39 +08:00
class="ant-card-head-title"
2017-12-05 13:35:32 +08:00
>
2018-02-02 12:33:39 +08:00
Inner Card title
</div>
2018-02-02 12:33:39 +08:00
<div
class="ant-card-extra"
>
<a
href="#"
>
More
</a>
2017-12-05 13:35:32 +08:00
</div>
</div>
2016-11-22 14:28:05 +08:00
</div>
2018-02-02 12:33:39 +08:00
<div
class="ant-card-body"
>
Inner Card content
</div>
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
`;
exports[`renders ./components/card/demo/loading.md correctly 1`] = `
<div>
2017-12-05 13:35:32 +08:00
<div
class="ant-card ant-card-loading ant-card-bordered"
2017-12-05 13:35:32 +08:00
>
2017-08-15 22:36:48 +08:00
<div
class="ant-card-head"
>
2017-08-15 22:50:00 +08:00
<div
class="ant-card-head-wrapper"
2017-08-15 22:50:00 +08:00
>
<div
class="ant-card-head-title"
>
Card title
</div>
2017-08-15 22:50:00 +08:00
</div>
2017-08-15 22:36:48 +08:00
</div>
2017-08-02 21:11:20 +08:00
<div
class="ant-card-body"
2017-08-02 21:11:20 +08:00
>
<div
class="ant-card-loading-content"
>
2018-04-20 11:19:30 +08:00
<div
class="ant-row"
style="margin-left:-4px;margin-right:-4px"
>
<div
class="ant-col-22"
style="padding-left:4px;padding-right:4px"
>
<div
class="ant-card-loading-block"
/>
</div>
</div>
<div
class="ant-row"
style="margin-left:-4px;margin-right:-4px"
>
<div
class="ant-col-8"
style="padding-left:4px;padding-right:4px"
>
<div
class="ant-card-loading-block"
/>
</div>
<div
class="ant-col-15"
style="padding-left:4px;padding-right:4px"
>
<div
class="ant-card-loading-block"
/>
</div>
</div>
<div
class="ant-row"
style="margin-left:-4px;margin-right:-4px"
>
<div
class="ant-col-6"
style="padding-left:4px;padding-right:4px"
>
<div
class="ant-card-loading-block"
/>
</div>
<div
class="ant-col-18"
style="padding-left:4px;padding-right:4px"
>
<div
class="ant-card-loading-block"
/>
</div>
</div>
<div
class="ant-row"
style="margin-left:-4px;margin-right:-4px"
>
<div
class="ant-col-13"
style="padding-left:4px;padding-right:4px"
>
<div
class="ant-card-loading-block"
/>
</div>
<div
class="ant-col-9"
style="padding-left:4px;padding-right:4px"
>
<div
class="ant-card-loading-block"
/>
</div>
</div>
<div
class="ant-row"
style="margin-left:-4px;margin-right:-4px"
>
<div
class="ant-col-4"
style="padding-left:4px;padding-right:4px"
>
<div
class="ant-card-loading-block"
/>
</div>
<div
class="ant-col-3"
style="padding-left:4px;padding-right:4px"
>
<div
class="ant-card-loading-block"
/>
</div>
<div
class="ant-col-16"
style="padding-left:4px;padding-right:4px"
>
<div
class="ant-card-loading-block"
/>
</div>
</div>
<div
class="ant-row"
style="margin-left:-4px;margin-right:-4px"
>
<div
class="ant-col-8"
style="padding-left:4px;padding-right:4px"
>
<div
class="ant-card-loading-block"
/>
</div>
<div
class="ant-col-6"
style="padding-left:4px;padding-right:4px"
>
<div
class="ant-card-loading-block"
/>
</div>
<div
class="ant-col-8"
style="padding-left:4px;padding-right:4px"
>
<div
class="ant-card-loading-block"
/>
</div>
</div>
</div>
</div>
</div>
<button
class="ant-btn"
style="margin-top:16px"
type="button"
>
<span>
Toggle loading
</span>
</button>
</div>
`;
exports[`renders ./components/card/demo/meta.md correctly 1`] = `
<div
class="ant-card ant-card-bordered"
2017-09-20 16:26:18 +08:00
style="width:300px"
>
2017-12-05 13:35:32 +08:00
<div
class="ant-card-cover"
>
<img
alt="example"
src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"
/>
</div>
<div
class="ant-card-body"
>
2018-02-02 12:33:39 +08:00
<div
class="ant-card-meta"
>
2017-12-05 13:35:32 +08:00
<div
2018-02-02 12:33:39 +08:00
class="ant-card-meta-avatar"
>
<span
class="ant-avatar ant-avatar-circle ant-avatar-image"
>
<img
src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
/>
</span>
</div>
<div
class="ant-card-meta-detail"
2017-12-05 13:35:32 +08:00
>
<div
2018-02-02 12:33:39 +08:00
class="ant-card-meta-title"
2017-12-16 18:54:51 +08:00
>
2018-02-02 12:33:39 +08:00
Card title
2017-12-16 18:54:51 +08:00
</div>
<div
2018-02-02 12:33:39 +08:00
class="ant-card-meta-description"
>
2018-02-02 12:33:39 +08:00
This is the description
</div>
</div>
</div>
</div>
<ul
class="ant-card-actions"
>
<li
2017-09-20 16:26:18 +08:00
style="width:33.333333333333336%"
>
<span>
2018-07-19 20:37:47 +08:00
<i
2018-07-18 10:33:54 +08:00
class="anticon"
>
2018-07-19 20:37:47 +08:00
<svg
aria-hidden="true"
data-icon="setting"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
class="st0"
d="M813.9 288.3l-92.8 32.9-31.4-25.8c-23.9-19.6-50.5-35-79.3-45.8l-38.1-14.3-17.9-97c-28.1-3.2-56.8-3.2-85 0l-17.9 97.2-37.9 14.3c-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.7c11.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 598l6.6-40.1c2.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.9c-11.4-25.8-25.6-50.5-42.6-73.4zM512 678c-97.2 0-176-78.8-176-176s78.8-176 176-176 176 78.8 176 176-78.8 176-176 176z"
/>
<path
class="st0"
d="M512 390c-29.9 0-58 11.6-79.2 32.8C411.7 444 400 472.1 400 502c0 29.9 11.7 58 32.8 79.2C454 602.3 482.1 614 512 614c29.9 0 58-11.7 79.2-32.8C612.3 560 624 531.9 624 502c0-29.9-11.7-58-32.8-79.2C570 401.6 541.9 390 512 390z"
/>
<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-56c10.1-8.6 13.8-22.6 9.3-35.2l-.9-2.6c-18.1-50.5-44.9-96.9-79.7-137.9l-1.8-2.1c-8.6-10.1-22.5-13.9-35.1-9.5l-81.3 28.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85c-2.4-13.1-12.7-23.3-25.8-25.7l-2.7-.5c-52.1-9.4-106.9-9.4-159 0l-2.7.5c-13.1 2.4-23.4 12.6-25.8 25.7l-15.8 85.4c-35.9 13.6-69.2 32.9-99 57.4l-81.9-29.1c-12.5-4.4-26.5-.7-35.1 9.5l-1.8 2.1c-34.8 41.1-61.6 87.5-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.5c-10.1 8.6-13.8 22.6-9.3 35.2l.9 2.6c18.1 50.4 44.9 96.9 79.7 137.9l1.8 2.1c8.6 10.1 22.5 13.9 35.1 9.5l81.9-29.1c29.8 24.5 63.1 43.9 99 57.4l15.8 85.4c2.4 13.1 12.7 23.3 25.8 25.7l2.7.5c26.1 4.7 52.8 7.1 79.5 7.1 26.7 0 53.5-2.4 79.5-7.1l2.7-.5c13.1-2.4 23.4-12.6 25.8-25.7l15.7-85c36.2-13.6 69.7-32.9 99.7-57.6l81.3 28.9c12.5 4.4 26.5.7 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.9c-11.3 26.1-25.6 50.7-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 97c-28.1 3.2-56.8 3.2-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.9z"
/>
<path
d="M512 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.2C570 602.3 541.9 614 512 614c-29.9 0-58-11.7-79.2-32.8C411.7 560 400 531.9 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.8C612.3 444 624 472.1 624 502c0 29.9-11.7 58-32.8 79.2z"
/>
</svg>
</i>
</span>
</li>
<li
2017-09-20 16:26:18 +08:00
style="width:33.333333333333336%"
>
<span>
2018-07-19 20:37:47 +08:00
<i
2018-07-18 10:33:54 +08:00
class="anticon"
>
2018-07-19 20:37:47 +08:00
<svg
aria-hidden="true"
data-icon="edit"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M761.1 288.2L687.8 215 325.1 577.6l-15.6 89 88.9-15.7z"
fill="none"
/>
<path
d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9c3.9-3.9 3.9-10.2 0-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2c-1.9 11.1 1.5 21.9 9.4 29.8 6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
/>
</svg>
</i>
</span>
</li>
<li
2017-09-20 16:26:18 +08:00
style="width:33.333333333333336%"
>
<span>
2018-07-19 20:37:47 +08:00
<i
2018-07-18 10:33:54 +08:00
class="anticon"
>
2018-07-19 20:37:47 +08:00
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<circle
cx="232"
cy="511"
r="56"
/>
<circle
cx="512"
cy="511"
r="56"
/>
<circle
cx="792"
cy="511"
r="56"
/>
</svg>
</i>
</span>
</li>
</ul>
2016-11-22 14:28:05 +08:00
</div>
`;
exports[`renders ./components/card/demo/simple.md correctly 1`] = `
<div
class="ant-card ant-card-bordered"
2017-09-20 16:26:18 +08:00
style="width:300px"
>
2017-12-05 13:35:32 +08:00
<div
class="ant-card-body"
>
2018-02-02 12:33:39 +08:00
<p>
Card content
</p>
<p>
Card content
</p>
<p>
Card content
</p>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;
exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
<div>
<div
class="ant-card ant-card-bordered ant-card-contain-tabs"
2017-09-20 16:26:18 +08:00
style="width:100%"
>
2017-12-05 13:35:32 +08:00
<div
class="ant-card-head"
>
<div
2017-12-05 13:35:32 +08:00
class="ant-card-head-wrapper"
>
2017-08-15 22:50:00 +08:00
<div
2017-12-05 13:35:32 +08:00
class="ant-card-head-title"
>
2017-12-05 13:35:32 +08:00
Card title
</div>
<div
class="ant-card-extra"
>
<a
href="#"
2017-09-20 21:56:56 +08:00
>
2017-12-05 13:35:32 +08:00
More
</a>
2017-08-15 22:50:00 +08:00
</div>
2017-12-05 13:35:32 +08:00
</div>
<div
class="ant-tabs ant-tabs-top ant-card-head-tabs ant-tabs-large ant-tabs-line"
>
<div
2017-12-05 13:35:32 +08:00
class="ant-tabs-bar"
role="tablist"
tabindex="0"
>
<div
2017-12-05 13:35:32 +08:00
class="ant-tabs-nav-container"
>
2017-12-05 13:35:32 +08:00
<span
class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
2017-12-05 13:35:32 +08:00
class="ant-tabs-tab-prev-icon"
/>
</span>
<span
class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
2017-12-05 13:35:32 +08:00
class="ant-tabs-tab-next-icon"
/>
</span>
<div
class="ant-tabs-nav-wrap"
>
<div
2017-12-05 13:35:32 +08:00
class="ant-tabs-nav-scroll"
>
<div
2017-12-05 13:35:32 +08:00
class="ant-tabs-nav ant-tabs-nav-animated"
>
2018-07-31 15:50:27 +08:00
<div>
<div
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-active ant-tabs-tab"
role="tab"
>
tab1
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
tab2
</div>
</div>
2018-07-29 15:19:59 +08:00
<div
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
/>
</div>
</div>
</div>
</div>
2017-12-05 13:35:32 +08:00
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
2018-07-29 15:30:47 +08:00
style="margin-left:0%"
2017-12-05 13:35:32 +08:00
>
<div
2018-07-29 15:30:47 +08:00
aria-hidden="false"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
2017-12-05 13:35:32 +08:00
role="tabpanel"
/>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
</div>
</div>
2017-12-05 13:35:32 +08:00
</div>
<div
class="ant-card-body"
>
2018-02-02 12:33:39 +08:00
<p>
content1
</p>
</div>
</div>
<br />
<br />
<div
class="ant-card ant-card-bordered ant-card-contain-tabs"
2017-09-20 16:26:18 +08:00
style="width:100%"
>
2017-12-05 13:35:32 +08:00
<div
class="ant-card-head"
>
<div
2017-12-05 13:35:32 +08:00
class="ant-card-head-wrapper"
/>
<div
class="ant-tabs ant-tabs-top ant-card-head-tabs ant-tabs-large ant-tabs-line"
>
2017-09-20 21:56:56 +08:00
<div
2017-12-05 13:35:32 +08:00
class="ant-tabs-bar"
role="tablist"
tabindex="0"
>
<div
2017-12-05 13:35:32 +08:00
class="ant-tabs-nav-container"
>
2017-12-05 13:35:32 +08:00
<span
class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
2017-12-05 13:35:32 +08:00
class="ant-tabs-tab-prev-icon"
/>
</span>
<span
class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
2017-12-05 13:35:32 +08:00
class="ant-tabs-tab-next-icon"
/>
</span>
<div
class="ant-tabs-nav-wrap"
>
<div
2017-12-05 13:35:32 +08:00
class="ant-tabs-nav-scroll"
>
<div
2017-12-05 13:35:32 +08:00
class="ant-tabs-nav ant-tabs-nav-animated"
>
2018-07-31 15:50:27 +08:00
<div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
article
</div>
<div
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-active ant-tabs-tab"
role="tab"
>
app
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
project
</div>
</div>
2018-07-29 15:19:59 +08:00
<div
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
/>
</div>
</div>
</div>
</div>
2017-12-05 13:35:32 +08:00
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
Add the defaultActiveTabKey property for the Card component (#9526) * Add the defaultActiveTabKey property for the Card component (close #8789, #8942) * `activeTabKey` should be added * Improve * Fix large tabs font size, close #9509 * docs: Add TreeSelect[dropdownClassName] * Fix passing dropdownClassName to tree-select * build: update remark-parse requirement to ^5.0.0 (#9545) Updates the requirements on [remark-parse](https://github.com/remarkjs/remark) to permit the latest version. - [Release notes](https://github.com/remarkjs/remark/releases) - [Commits](https://github.com/remarkjs/remark/commits/remark@5.0.0) Signed-off-by: dependabot[bot] <support@dependabot.com> * add Tooltip contextMenu doc * Improve Grid and Layout type definition * fix: focus editor (#9548) * Fix test case for new jsdom (#9527) * Fix test case for new jsdom * use setTimeout as raf in jest jsdom * Fix cancelAnimationFrame * Add comment for facebook/jest#5147 * longer timeout * fix snap * upgrade antd-tools * Update typescript requirement to ~2.7.2 (#9522) Updates the requirements on [typescript](https://github.com/Microsoft/TypeScript) to permit the latest version. - [Release notes](https://github.com/Microsoft/TypeScript/releases) - [Commits](https://github.com/Microsoft/TypeScript/commits/v2.7.2) Signed-off-by: dependabot[bot] <support@dependabot.com> * Fix a ts error * build: update react-slick requirement to ~0.20.0 (#9543) Updates the requirements on [react-slick](https://github.com/akiran/react-slick) to permit the latest version. - [Changelog](https://github.com/akiran/react-slick/blob/master/CHANGELOG.md) - [Commits](https://github.com/akiran/react-slick/commits) Signed-off-by: dependabot[bot] <support@dependabot.com> * Fix test cases * site: fix intersection-observer polyfill * docs: update recommendation * Fix typo WeexPickerProps -> WeekPickerProps (#9564) * use lodash * Fixed typo on Visualization rules (#9575) Style of a navigation should conform to the its level. should be Style of a navigation should conform to its level. * Improve Radio/Checkbox type definition Close #9574 * Remove AbstractCheckboxChangeEvent, fix TS4029 error See https://github.com/Microsoft/TypeScript/issues/9944 * Update index.en-US.md (#9579) * add transitionName from message.config (#9580) * add transitionName from message.config * Update index.en-US.md (#9579) * modify doc * build: update react-virtualized requirement to ~9.18.5 (#9544) Updates the requirements on [react-virtualized](https://github.com/bvaughn/react-virtualized) to permit the latest version. - [Changelog](https://github.com/bvaughn/react-virtualized/blob/master/CHANGELOG.md) - [Commits](https://github.com/bvaughn/react-virtualized/commits/9.18.5) Signed-off-by: dependabot[bot] <support@dependabot.com> * When treeNode is disabled, its switcher is highlight and clickabled (#9539) * When treeNode is disabled, its switcher is highlight and clickabled * rc-tree@1.7.11 * Fix moment require (#9528) Fix #9502 * Update snapshot
2018-03-10 14:44:12 +08:00
style="margin-left:-100%"
2017-12-05 13:35:32 +08:00
>
<div
Add the defaultActiveTabKey property for the Card component (#9526) * Add the defaultActiveTabKey property for the Card component (close #8789, #8942) * `activeTabKey` should be added * Improve * Fix large tabs font size, close #9509 * docs: Add TreeSelect[dropdownClassName] * Fix passing dropdownClassName to tree-select * build: update remark-parse requirement to ^5.0.0 (#9545) Updates the requirements on [remark-parse](https://github.com/remarkjs/remark) to permit the latest version. - [Release notes](https://github.com/remarkjs/remark/releases) - [Commits](https://github.com/remarkjs/remark/commits/remark@5.0.0) Signed-off-by: dependabot[bot] <support@dependabot.com> * add Tooltip contextMenu doc * Improve Grid and Layout type definition * fix: focus editor (#9548) * Fix test case for new jsdom (#9527) * Fix test case for new jsdom * use setTimeout as raf in jest jsdom * Fix cancelAnimationFrame * Add comment for facebook/jest#5147 * longer timeout * fix snap * upgrade antd-tools * Update typescript requirement to ~2.7.2 (#9522) Updates the requirements on [typescript](https://github.com/Microsoft/TypeScript) to permit the latest version. - [Release notes](https://github.com/Microsoft/TypeScript/releases) - [Commits](https://github.com/Microsoft/TypeScript/commits/v2.7.2) Signed-off-by: dependabot[bot] <support@dependabot.com> * Fix a ts error * build: update react-slick requirement to ~0.20.0 (#9543) Updates the requirements on [react-slick](https://github.com/akiran/react-slick) to permit the latest version. - [Changelog](https://github.com/akiran/react-slick/blob/master/CHANGELOG.md) - [Commits](https://github.com/akiran/react-slick/commits) Signed-off-by: dependabot[bot] <support@dependabot.com> * Fix test cases * site: fix intersection-observer polyfill * docs: update recommendation * Fix typo WeexPickerProps -> WeekPickerProps (#9564) * use lodash * Fixed typo on Visualization rules (#9575) Style of a navigation should conform to the its level. should be Style of a navigation should conform to its level. * Improve Radio/Checkbox type definition Close #9574 * Remove AbstractCheckboxChangeEvent, fix TS4029 error See https://github.com/Microsoft/TypeScript/issues/9944 * Update index.en-US.md (#9579) * add transitionName from message.config (#9580) * add transitionName from message.config * Update index.en-US.md (#9579) * modify doc * build: update react-virtualized requirement to ~9.18.5 (#9544) Updates the requirements on [react-virtualized](https://github.com/bvaughn/react-virtualized) to permit the latest version. - [Changelog](https://github.com/bvaughn/react-virtualized/blob/master/CHANGELOG.md) - [Commits](https://github.com/bvaughn/react-virtualized/commits/9.18.5) Signed-off-by: dependabot[bot] <support@dependabot.com> * When treeNode is disabled, its switcher is highlight and clickabled (#9539) * When treeNode is disabled, its switcher is highlight and clickabled * rc-tree@1.7.11 * Fix moment require (#9528) Fix #9502 * Update snapshot
2018-03-10 14:44:12 +08:00
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
2017-12-05 13:35:32 +08:00
role="tabpanel"
/>
<div
Add the defaultActiveTabKey property for the Card component (#9526) * Add the defaultActiveTabKey property for the Card component (close #8789, #8942) * `activeTabKey` should be added * Improve * Fix large tabs font size, close #9509 * docs: Add TreeSelect[dropdownClassName] * Fix passing dropdownClassName to tree-select * build: update remark-parse requirement to ^5.0.0 (#9545) Updates the requirements on [remark-parse](https://github.com/remarkjs/remark) to permit the latest version. - [Release notes](https://github.com/remarkjs/remark/releases) - [Commits](https://github.com/remarkjs/remark/commits/remark@5.0.0) Signed-off-by: dependabot[bot] <support@dependabot.com> * add Tooltip contextMenu doc * Improve Grid and Layout type definition * fix: focus editor (#9548) * Fix test case for new jsdom (#9527) * Fix test case for new jsdom * use setTimeout as raf in jest jsdom * Fix cancelAnimationFrame * Add comment for facebook/jest#5147 * longer timeout * fix snap * upgrade antd-tools * Update typescript requirement to ~2.7.2 (#9522) Updates the requirements on [typescript](https://github.com/Microsoft/TypeScript) to permit the latest version. - [Release notes](https://github.com/Microsoft/TypeScript/releases) - [Commits](https://github.com/Microsoft/TypeScript/commits/v2.7.2) Signed-off-by: dependabot[bot] <support@dependabot.com> * Fix a ts error * build: update react-slick requirement to ~0.20.0 (#9543) Updates the requirements on [react-slick](https://github.com/akiran/react-slick) to permit the latest version. - [Changelog](https://github.com/akiran/react-slick/blob/master/CHANGELOG.md) - [Commits](https://github.com/akiran/react-slick/commits) Signed-off-by: dependabot[bot] <support@dependabot.com> * Fix test cases * site: fix intersection-observer polyfill * docs: update recommendation * Fix typo WeexPickerProps -> WeekPickerProps (#9564) * use lodash * Fixed typo on Visualization rules (#9575) Style of a navigation should conform to the its level. should be Style of a navigation should conform to its level. * Improve Radio/Checkbox type definition Close #9574 * Remove AbstractCheckboxChangeEvent, fix TS4029 error See https://github.com/Microsoft/TypeScript/issues/9944 * Update index.en-US.md (#9579) * add transitionName from message.config (#9580) * add transitionName from message.config * Update index.en-US.md (#9579) * modify doc * build: update react-virtualized requirement to ~9.18.5 (#9544) Updates the requirements on [react-virtualized](https://github.com/bvaughn/react-virtualized) to permit the latest version. - [Changelog](https://github.com/bvaughn/react-virtualized/blob/master/CHANGELOG.md) - [Commits](https://github.com/bvaughn/react-virtualized/commits/9.18.5) Signed-off-by: dependabot[bot] <support@dependabot.com> * When treeNode is disabled, its switcher is highlight and clickabled (#9539) * When treeNode is disabled, its switcher is highlight and clickabled * rc-tree@1.7.11 * Fix moment require (#9528) Fix #9502 * Update snapshot
2018-03-10 14:44:12 +08:00
aria-hidden="false"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
2017-12-05 13:35:32 +08:00
role="tabpanel"
/>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
</div>
</div>
2017-12-05 13:35:32 +08:00
</div>
<div
class="ant-card-body"
>
2018-02-02 12:33:39 +08:00
<p>
Add the defaultActiveTabKey property for the Card component (#9526) * Add the defaultActiveTabKey property for the Card component (close #8789, #8942) * `activeTabKey` should be added * Improve * Fix large tabs font size, close #9509 * docs: Add TreeSelect[dropdownClassName] * Fix passing dropdownClassName to tree-select * build: update remark-parse requirement to ^5.0.0 (#9545) Updates the requirements on [remark-parse](https://github.com/remarkjs/remark) to permit the latest version. - [Release notes](https://github.com/remarkjs/remark/releases) - [Commits](https://github.com/remarkjs/remark/commits/remark@5.0.0) Signed-off-by: dependabot[bot] <support@dependabot.com> * add Tooltip contextMenu doc * Improve Grid and Layout type definition * fix: focus editor (#9548) * Fix test case for new jsdom (#9527) * Fix test case for new jsdom * use setTimeout as raf in jest jsdom * Fix cancelAnimationFrame * Add comment for facebook/jest#5147 * longer timeout * fix snap * upgrade antd-tools * Update typescript requirement to ~2.7.2 (#9522) Updates the requirements on [typescript](https://github.com/Microsoft/TypeScript) to permit the latest version. - [Release notes](https://github.com/Microsoft/TypeScript/releases) - [Commits](https://github.com/Microsoft/TypeScript/commits/v2.7.2) Signed-off-by: dependabot[bot] <support@dependabot.com> * Fix a ts error * build: update react-slick requirement to ~0.20.0 (#9543) Updates the requirements on [react-slick](https://github.com/akiran/react-slick) to permit the latest version. - [Changelog](https://github.com/akiran/react-slick/blob/master/CHANGELOG.md) - [Commits](https://github.com/akiran/react-slick/commits) Signed-off-by: dependabot[bot] <support@dependabot.com> * Fix test cases * site: fix intersection-observer polyfill * docs: update recommendation * Fix typo WeexPickerProps -> WeekPickerProps (#9564) * use lodash * Fixed typo on Visualization rules (#9575) Style of a navigation should conform to the its level. should be Style of a navigation should conform to its level. * Improve Radio/Checkbox type definition Close #9574 * Remove AbstractCheckboxChangeEvent, fix TS4029 error See https://github.com/Microsoft/TypeScript/issues/9944 * Update index.en-US.md (#9579) * add transitionName from message.config (#9580) * add transitionName from message.config * Update index.en-US.md (#9579) * modify doc * build: update react-virtualized requirement to ~9.18.5 (#9544) Updates the requirements on [react-virtualized](https://github.com/bvaughn/react-virtualized) to permit the latest version. - [Changelog](https://github.com/bvaughn/react-virtualized/blob/master/CHANGELOG.md) - [Commits](https://github.com/bvaughn/react-virtualized/commits/9.18.5) Signed-off-by: dependabot[bot] <support@dependabot.com> * When treeNode is disabled, its switcher is highlight and clickabled (#9539) * When treeNode is disabled, its switcher is highlight and clickabled * rc-tree@1.7.11 * Fix moment require (#9528) Fix #9502 * Update snapshot
2018-03-10 14:44:12 +08:00
app content
2018-02-02 12:33:39 +08:00
</p>
</div>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;