You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1652 lines
44 KiB
1652 lines
44 KiB
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders ./components/page-header/demo/actions.md extend context correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-page-header site-page-header ant-page-header-ghost"
|
|
>
|
|
<div
|
|
class="ant-page-header-heading"
|
|
>
|
|
<div
|
|
class="ant-page-header-heading-left"
|
|
>
|
|
<div
|
|
class="ant-page-header-back"
|
|
>
|
|
<div
|
|
aria-label="Back"
|
|
class="ant-page-header-back-button"
|
|
role="button"
|
|
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
aria-label="arrow-left"
|
|
class="anticon anticon-arrow-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="arrow-left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="ant-page-header-heading-title"
|
|
title="Title"
|
|
>
|
|
Title
|
|
</span>
|
|
<span
|
|
class="ant-page-header-heading-sub-title"
|
|
title="This is a subtitle"
|
|
>
|
|
This is a subtitle
|
|
</span>
|
|
</div>
|
|
<span
|
|
class="ant-page-header-heading-extra"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Operation
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Operation
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Primary
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-page-header-content"
|
|
>
|
|
<div
|
|
class="ant-descriptions ant-descriptions-small"
|
|
>
|
|
<div
|
|
class="ant-descriptions-view"
|
|
>
|
|
<table>
|
|
<tbody>
|
|
<tr
|
|
class="ant-descriptions-row"
|
|
>
|
|
<td
|
|
class="ant-descriptions-item"
|
|
colspan="1"
|
|
>
|
|
<div
|
|
class="ant-descriptions-item-container"
|
|
>
|
|
<span
|
|
class="ant-descriptions-item-label"
|
|
>
|
|
Created
|
|
</span>
|
|
<span
|
|
class="ant-descriptions-item-content"
|
|
>
|
|
Lili Qu
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-descriptions-item"
|
|
colspan="1"
|
|
>
|
|
<div
|
|
class="ant-descriptions-item-container"
|
|
>
|
|
<span
|
|
class="ant-descriptions-item-label"
|
|
>
|
|
Association
|
|
</span>
|
|
<span
|
|
class="ant-descriptions-item-content"
|
|
>
|
|
<a>
|
|
421421
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-descriptions-item"
|
|
colspan="1"
|
|
>
|
|
<div
|
|
class="ant-descriptions-item-container"
|
|
>
|
|
<span
|
|
class="ant-descriptions-item-label"
|
|
>
|
|
Creation Time
|
|
</span>
|
|
<span
|
|
class="ant-descriptions-item-content"
|
|
>
|
|
2017-01-10
|
|
</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-descriptions-row"
|
|
>
|
|
<td
|
|
class="ant-descriptions-item"
|
|
colspan="1"
|
|
>
|
|
<div
|
|
class="ant-descriptions-item-container"
|
|
>
|
|
<span
|
|
class="ant-descriptions-item-label"
|
|
>
|
|
Effective Time
|
|
</span>
|
|
<span
|
|
class="ant-descriptions-item-content"
|
|
>
|
|
2017-10-10
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-descriptions-item"
|
|
colspan="2"
|
|
>
|
|
<div
|
|
class="ant-descriptions-item-container"
|
|
>
|
|
<span
|
|
class="ant-descriptions-item-label"
|
|
>
|
|
Remarks
|
|
</span>
|
|
<span
|
|
class="ant-descriptions-item-content"
|
|
>
|
|
Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
|
|
</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
<br />,
|
|
<div
|
|
class="ant-page-header ant-page-header-ghost"
|
|
>
|
|
<div
|
|
class="ant-page-header-heading"
|
|
>
|
|
<div
|
|
class="ant-page-header-heading-left"
|
|
>
|
|
<div
|
|
class="ant-page-header-back"
|
|
>
|
|
<div
|
|
aria-label="Back"
|
|
class="ant-page-header-back-button"
|
|
role="button"
|
|
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
aria-label="arrow-left"
|
|
class="anticon anticon-arrow-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="arrow-left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="ant-page-header-heading-title"
|
|
title="Title"
|
|
>
|
|
Title
|
|
</span>
|
|
<span
|
|
class="ant-page-header-heading-sub-title"
|
|
title="This is a subtitle"
|
|
>
|
|
This is a subtitle
|
|
</span>
|
|
<span
|
|
class="ant-page-header-heading-tags"
|
|
>
|
|
<span
|
|
class="ant-tag ant-tag-blue"
|
|
>
|
|
Running
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<span
|
|
class="ant-page-header-heading-extra"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Operation
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Operation
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Primary
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-page-header-content"
|
|
>
|
|
<div
|
|
class="ant-row"
|
|
>
|
|
<div
|
|
class="ant-statistic"
|
|
>
|
|
<div
|
|
class="ant-statistic-title"
|
|
>
|
|
Status
|
|
</div>
|
|
<div
|
|
class="ant-statistic-content"
|
|
>
|
|
<span
|
|
class="ant-statistic-content-value"
|
|
>
|
|
Pending
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-statistic"
|
|
style="margin:0 32px"
|
|
>
|
|
<div
|
|
class="ant-statistic-title"
|
|
>
|
|
Price
|
|
</div>
|
|
<div
|
|
class="ant-statistic-content"
|
|
>
|
|
<span
|
|
class="ant-statistic-content-prefix"
|
|
>
|
|
$
|
|
</span>
|
|
<span
|
|
class="ant-statistic-content-value"
|
|
>
|
|
<span
|
|
class="ant-statistic-content-value-int"
|
|
>
|
|
568
|
|
</span>
|
|
<span
|
|
class="ant-statistic-content-value-decimal"
|
|
>
|
|
.08
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-statistic"
|
|
>
|
|
<div
|
|
class="ant-statistic-title"
|
|
>
|
|
Balance
|
|
</div>
|
|
<div
|
|
class="ant-statistic-content"
|
|
>
|
|
<span
|
|
class="ant-statistic-content-prefix"
|
|
>
|
|
$
|
|
</span>
|
|
<span
|
|
class="ant-statistic-content-value"
|
|
>
|
|
<span
|
|
class="ant-statistic-content-value-int"
|
|
>
|
|
3,345
|
|
</span>
|
|
<span
|
|
class="ant-statistic-content-value-decimal"
|
|
>
|
|
.08
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/page-header/demo/basic.md extend context correctly 1`] = `
|
|
<div
|
|
class="ant-page-header site-page-header ant-page-header-ghost"
|
|
>
|
|
<div
|
|
class="ant-page-header-heading"
|
|
>
|
|
<div
|
|
class="ant-page-header-heading-left"
|
|
>
|
|
<div
|
|
class="ant-page-header-back"
|
|
>
|
|
<div
|
|
aria-label="Back"
|
|
class="ant-page-header-back-button"
|
|
role="button"
|
|
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
aria-label="arrow-left"
|
|
class="anticon anticon-arrow-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="arrow-left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="ant-page-header-heading-title"
|
|
title="Title"
|
|
>
|
|
Title
|
|
</span>
|
|
<span
|
|
class="ant-page-header-heading-sub-title"
|
|
title="This is a subtitle"
|
|
>
|
|
This is a subtitle
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/page-header/demo/breadcrumb.md extend context correctly 1`] = `
|
|
<div
|
|
class="ant-page-header site-page-header has-breadcrumb ant-page-header-ghost"
|
|
>
|
|
<nav
|
|
class="ant-breadcrumb"
|
|
>
|
|
<ol>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
<a
|
|
href="#/index"
|
|
>
|
|
First-level Menu
|
|
</a>
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
<a
|
|
href="#/index/first"
|
|
>
|
|
Second-level Menu
|
|
</a>
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
<span>
|
|
Third-level Menu
|
|
</span>
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
<div
|
|
class="ant-page-header-heading"
|
|
>
|
|
<div
|
|
class="ant-page-header-heading-left"
|
|
>
|
|
<span
|
|
class="ant-page-header-heading-title"
|
|
title="Title"
|
|
>
|
|
Title
|
|
</span>
|
|
<span
|
|
class="ant-page-header-heading-sub-title"
|
|
title="This is a subtitle"
|
|
>
|
|
This is a subtitle
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/page-header/demo/content.md extend context correctly 1`] = `
|
|
<div
|
|
class="ant-page-header site-page-header has-breadcrumb ant-page-header-ghost"
|
|
>
|
|
<nav
|
|
class="ant-breadcrumb"
|
|
>
|
|
<ol>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
<a
|
|
href="#/index"
|
|
>
|
|
First-level Menu
|
|
</a>
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
<a
|
|
href="#/index/first"
|
|
>
|
|
Second-level Menu
|
|
</a>
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
<span>
|
|
Third-level Menu
|
|
</span>
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
<div
|
|
class="ant-page-header-heading"
|
|
>
|
|
<div
|
|
class="ant-page-header-heading-left"
|
|
>
|
|
<span
|
|
class="ant-avatar ant-avatar-circle ant-avatar-image"
|
|
>
|
|
<img
|
|
src="https://avatars1.githubusercontent.com/u/8186664?s=460&v=4"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-page-header-heading-title"
|
|
title="Title"
|
|
>
|
|
Title
|
|
</span>
|
|
<span
|
|
class="ant-page-header-heading-sub-title"
|
|
title="This is a subtitle"
|
|
>
|
|
This is a subtitle
|
|
</span>
|
|
<span
|
|
class="ant-page-header-heading-tags"
|
|
>
|
|
<span
|
|
class="ant-tag ant-tag-blue"
|
|
>
|
|
Running
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<span
|
|
class="ant-page-header-heading-extra"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Operation
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Operation
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Primary
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-text ant-btn-icon-only ant-dropdown-trigger"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="more"
|
|
class="anticon anticon-more"
|
|
role="img"
|
|
style="font-size:20px"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="more"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M456 231a56 56 0 10112 0 56 56 0 10-112 0zm0 280a56 56 0 10112 0 56 56 0 10-112 0zm0 280a56 56 0 10112 0 56 56 0 10-112 0z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-dropdown"
|
|
style="opacity:0"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<a
|
|
href="http://www.alipay.com/"
|
|
rel="noopener noreferrer"
|
|
target="_blank"
|
|
>
|
|
1st menu item
|
|
</a>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<a
|
|
href="http://www.taobao.com/"
|
|
rel="noopener noreferrer"
|
|
target="_blank"
|
|
>
|
|
2nd menu item
|
|
</a>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<a
|
|
href="http://www.tmall.com/"
|
|
rel="noopener noreferrer"
|
|
target="_blank"
|
|
>
|
|
3rd menu item
|
|
</a>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display:none"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-page-header-content"
|
|
>
|
|
<div
|
|
class="ant-row"
|
|
>
|
|
<div
|
|
style="flex:1"
|
|
>
|
|
<div
|
|
class="ant-typography"
|
|
>
|
|
Ant Design interprets the color system into two levels: a system-level color system and a product-level color system.
|
|
</div>
|
|
<div
|
|
class="ant-typography"
|
|
>
|
|
Ant Design's design team preferred to design with the HSB color model, which makes it easier for designers to have a clear psychological expectation of color when adjusting colors, as well as facilitate communication in teams.
|
|
</div>
|
|
<div>
|
|
<a
|
|
class="example-link"
|
|
>
|
|
<img
|
|
alt="Quick Start"
|
|
class="example-link-icon"
|
|
src="https://gw.alipayobjects.com/zos/rmsportal/MjEImQtenlyueSmVEfUD.svg"
|
|
/>
|
|
Quick Start
|
|
</a>
|
|
<a
|
|
class="example-link"
|
|
>
|
|
<img
|
|
alt=" Product Info"
|
|
class="example-link-icon"
|
|
src="https://gw.alipayobjects.com/zos/rmsportal/NbuDUAuBlIApFuDvWiND.svg"
|
|
/>
|
|
Product Info
|
|
</a>
|
|
<a
|
|
class="example-link"
|
|
>
|
|
<img
|
|
alt="Product Doc"
|
|
class="example-link-icon"
|
|
src="https://gw.alipayobjects.com/zos/rmsportal/ohOEPSYdDTNnyMbGuyLb.svg"
|
|
/>
|
|
Product Doc
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="image"
|
|
>
|
|
<img
|
|
alt="content"
|
|
src="https://gw.alipayobjects.com/zos/antfincdn/K%24NnlsB%26hz/pageHeader.svg"
|
|
width="100%"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/page-header/demo/ghost.md extend context correctly 1`] = `
|
|
<div
|
|
class="site-page-header-ghost-wrapper"
|
|
>
|
|
<div
|
|
class="ant-page-header"
|
|
>
|
|
<div
|
|
class="ant-page-header-heading"
|
|
>
|
|
<div
|
|
class="ant-page-header-heading-left"
|
|
>
|
|
<div
|
|
class="ant-page-header-back"
|
|
>
|
|
<div
|
|
aria-label="Back"
|
|
class="ant-page-header-back-button"
|
|
role="button"
|
|
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
aria-label="arrow-left"
|
|
class="anticon anticon-arrow-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="arrow-left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="ant-page-header-heading-title"
|
|
title="Title"
|
|
>
|
|
Title
|
|
</span>
|
|
<span
|
|
class="ant-page-header-heading-sub-title"
|
|
title="This is a subtitle"
|
|
>
|
|
This is a subtitle
|
|
</span>
|
|
</div>
|
|
<span
|
|
class="ant-page-header-heading-extra"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Operation
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Operation
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Primary
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-page-header-content"
|
|
>
|
|
<div
|
|
class="ant-descriptions ant-descriptions-small"
|
|
>
|
|
<div
|
|
class="ant-descriptions-view"
|
|
>
|
|
<table>
|
|
<tbody>
|
|
<tr
|
|
class="ant-descriptions-row"
|
|
>
|
|
<td
|
|
class="ant-descriptions-item"
|
|
colspan="1"
|
|
>
|
|
<div
|
|
class="ant-descriptions-item-container"
|
|
>
|
|
<span
|
|
class="ant-descriptions-item-label"
|
|
>
|
|
Created
|
|
</span>
|
|
<span
|
|
class="ant-descriptions-item-content"
|
|
>
|
|
Lili Qu
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-descriptions-item"
|
|
colspan="1"
|
|
>
|
|
<div
|
|
class="ant-descriptions-item-container"
|
|
>
|
|
<span
|
|
class="ant-descriptions-item-label"
|
|
>
|
|
Association
|
|
</span>
|
|
<span
|
|
class="ant-descriptions-item-content"
|
|
>
|
|
<a>
|
|
421421
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-descriptions-item"
|
|
colspan="1"
|
|
>
|
|
<div
|
|
class="ant-descriptions-item-container"
|
|
>
|
|
<span
|
|
class="ant-descriptions-item-label"
|
|
>
|
|
Creation Time
|
|
</span>
|
|
<span
|
|
class="ant-descriptions-item-content"
|
|
>
|
|
2017-01-10
|
|
</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-descriptions-row"
|
|
>
|
|
<td
|
|
class="ant-descriptions-item"
|
|
colspan="1"
|
|
>
|
|
<div
|
|
class="ant-descriptions-item-container"
|
|
>
|
|
<span
|
|
class="ant-descriptions-item-label"
|
|
>
|
|
Effective Time
|
|
</span>
|
|
<span
|
|
class="ant-descriptions-item-content"
|
|
>
|
|
2017-10-10
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-descriptions-item"
|
|
colspan="2"
|
|
>
|
|
<div
|
|
class="ant-descriptions-item-container"
|
|
>
|
|
<span
|
|
class="ant-descriptions-item-label"
|
|
>
|
|
Remarks
|
|
</span>
|
|
<span
|
|
class="ant-descriptions-item-content"
|
|
>
|
|
Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
|
|
</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/page-header/demo/responsive.md extend context correctly 1`] = `
|
|
<div
|
|
class="ant-page-header site-page-header-responsive has-footer ant-page-header-ghost"
|
|
>
|
|
<div
|
|
class="ant-page-header-heading"
|
|
>
|
|
<div
|
|
class="ant-page-header-heading-left"
|
|
>
|
|
<div
|
|
class="ant-page-header-back"
|
|
>
|
|
<div
|
|
aria-label="Back"
|
|
class="ant-page-header-back-button"
|
|
role="button"
|
|
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
aria-label="arrow-left"
|
|
class="anticon anticon-arrow-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="arrow-left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="ant-page-header-heading-title"
|
|
title="Title"
|
|
>
|
|
Title
|
|
</span>
|
|
<span
|
|
class="ant-page-header-heading-sub-title"
|
|
title="This is a subtitle"
|
|
>
|
|
This is a subtitle
|
|
</span>
|
|
</div>
|
|
<span
|
|
class="ant-page-header-heading-extra"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Operation
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Operation
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Primary
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-page-header-content"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<div
|
|
class="main"
|
|
>
|
|
<div
|
|
class="ant-descriptions ant-descriptions-small"
|
|
>
|
|
<div
|
|
class="ant-descriptions-view"
|
|
>
|
|
<table>
|
|
<tbody>
|
|
<tr
|
|
class="ant-descriptions-row"
|
|
>
|
|
<td
|
|
class="ant-descriptions-item"
|
|
colspan="1"
|
|
>
|
|
<div
|
|
class="ant-descriptions-item-container"
|
|
>
|
|
<span
|
|
class="ant-descriptions-item-label"
|
|
>
|
|
Created
|
|
</span>
|
|
<span
|
|
class="ant-descriptions-item-content"
|
|
>
|
|
Lili Qu
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-descriptions-item"
|
|
colspan="1"
|
|
>
|
|
<div
|
|
class="ant-descriptions-item-container"
|
|
>
|
|
<span
|
|
class="ant-descriptions-item-label"
|
|
>
|
|
Association
|
|
</span>
|
|
<span
|
|
class="ant-descriptions-item-content"
|
|
>
|
|
<a>
|
|
421421
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-descriptions-row"
|
|
>
|
|
<td
|
|
class="ant-descriptions-item"
|
|
colspan="1"
|
|
>
|
|
<div
|
|
class="ant-descriptions-item-container"
|
|
>
|
|
<span
|
|
class="ant-descriptions-item-label"
|
|
>
|
|
Creation Time
|
|
</span>
|
|
<span
|
|
class="ant-descriptions-item-content"
|
|
>
|
|
2017-01-10
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-descriptions-item"
|
|
colspan="1"
|
|
>
|
|
<div
|
|
class="ant-descriptions-item-container"
|
|
>
|
|
<span
|
|
class="ant-descriptions-item-label"
|
|
>
|
|
Effective Time
|
|
</span>
|
|
<span
|
|
class="ant-descriptions-item-content"
|
|
>
|
|
2017-10-10
|
|
</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-descriptions-row"
|
|
>
|
|
<td
|
|
class="ant-descriptions-item"
|
|
colspan="2"
|
|
>
|
|
<div
|
|
class="ant-descriptions-item-container"
|
|
>
|
|
<span
|
|
class="ant-descriptions-item-label"
|
|
>
|
|
Remarks
|
|
</span>
|
|
<span
|
|
class="ant-descriptions-item-content"
|
|
>
|
|
Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
|
|
</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="extra"
|
|
>
|
|
<div
|
|
style="display:flex;width:max-content;justify-content:flex-end"
|
|
>
|
|
<div
|
|
class="ant-statistic"
|
|
style="margin-right:32px"
|
|
>
|
|
<div
|
|
class="ant-statistic-title"
|
|
>
|
|
Status
|
|
</div>
|
|
<div
|
|
class="ant-statistic-content"
|
|
>
|
|
<span
|
|
class="ant-statistic-content-value"
|
|
>
|
|
Pending
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-statistic"
|
|
>
|
|
<div
|
|
class="ant-statistic-title"
|
|
>
|
|
Price
|
|
</div>
|
|
<div
|
|
class="ant-statistic-content"
|
|
>
|
|
<span
|
|
class="ant-statistic-content-prefix"
|
|
>
|
|
$
|
|
</span>
|
|
<span
|
|
class="ant-statistic-content-value"
|
|
>
|
|
<span
|
|
class="ant-statistic-content-value-int"
|
|
>
|
|
568
|
|
</span>
|
|
<span
|
|
class="ant-statistic-content-value-decimal"
|
|
>
|
|
.08
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-page-header-footer"
|
|
>
|
|
<div
|
|
class="ant-tabs ant-tabs-top"
|
|
>
|
|
<div
|
|
class="ant-tabs-nav"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
class="ant-tabs-nav-wrap"
|
|
>
|
|
<div
|
|
class="ant-tabs-nav-list"
|
|
style="transform:translate(0px, 0px)"
|
|
>
|
|
<div
|
|
class="ant-tabs-tab ant-tabs-tab-active"
|
|
>
|
|
<div
|
|
aria-selected="true"
|
|
class="ant-tabs-tab-btn"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
Details
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-tabs-tab"
|
|
>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-tabs-tab-btn"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
Rule
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
|
|
>
|
|
<button
|
|
aria-controls="null-more-popup"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-hidden="true"
|
|
class="ant-tabs-nav-more"
|
|
id="null-more"
|
|
style="visibility:hidden;order:1"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="ellipsis"
|
|
class="anticon anticon-ellipsis"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="ellipsis"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-tabs-dropdown"
|
|
style="opacity:0"
|
|
>
|
|
<ul
|
|
aria-label="expanded dropdown"
|
|
class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
|
|
data-menu-list="true"
|
|
id="null-more-popup"
|
|
role="listbox"
|
|
tabindex="-1"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display:none"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-tabs-content-holder"
|
|
>
|
|
<div
|
|
class="ant-tabs-content ant-tabs-content-top"
|
|
>
|
|
<div
|
|
aria-hidden="false"
|
|
class="ant-tabs-tabpane ant-tabs-tabpane-active"
|
|
role="tabpanel"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="ant-tabs-tabpane"
|
|
role="tabpanel"
|
|
style="display:none"
|
|
tabindex="-1"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|