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.
6224 lines
176 KiB
6224 lines
176 KiB
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders ./components/layout/demo/basic.md extend context correctly 1`] = `
|
|
Array [
|
|
<section
|
|
class="ant-layout"
|
|
>
|
|
<header
|
|
class="ant-layout-header"
|
|
>
|
|
Header
|
|
</header>
|
|
<main
|
|
class="ant-layout-content"
|
|
>
|
|
Content
|
|
</main>
|
|
<footer
|
|
class="ant-layout-footer"
|
|
>
|
|
Footer
|
|
</footer>
|
|
</section>,
|
|
<section
|
|
class="ant-layout"
|
|
>
|
|
<header
|
|
class="ant-layout-header"
|
|
>
|
|
Header
|
|
</header>
|
|
<section
|
|
class="ant-layout"
|
|
>
|
|
<aside
|
|
class="ant-layout-sider ant-layout-sider-dark"
|
|
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
|
|
>
|
|
<div
|
|
class="ant-layout-sider-children"
|
|
>
|
|
Sider
|
|
</div>
|
|
</aside>
|
|
<main
|
|
class="ant-layout-content"
|
|
>
|
|
Content
|
|
</main>
|
|
</section>
|
|
<footer
|
|
class="ant-layout-footer"
|
|
>
|
|
Footer
|
|
</footer>
|
|
</section>,
|
|
<section
|
|
class="ant-layout"
|
|
>
|
|
<header
|
|
class="ant-layout-header"
|
|
>
|
|
Header
|
|
</header>
|
|
<section
|
|
class="ant-layout"
|
|
>
|
|
<main
|
|
class="ant-layout-content"
|
|
>
|
|
Content
|
|
</main>
|
|
<aside
|
|
class="ant-layout-sider ant-layout-sider-dark"
|
|
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
|
|
>
|
|
<div
|
|
class="ant-layout-sider-children"
|
|
>
|
|
Sider
|
|
</div>
|
|
</aside>
|
|
</section>
|
|
<footer
|
|
class="ant-layout-footer"
|
|
>
|
|
Footer
|
|
</footer>
|
|
</section>,
|
|
<section
|
|
class="ant-layout"
|
|
>
|
|
<aside
|
|
class="ant-layout-sider ant-layout-sider-dark"
|
|
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
|
|
>
|
|
<div
|
|
class="ant-layout-sider-children"
|
|
>
|
|
Sider
|
|
</div>
|
|
</aside>
|
|
<section
|
|
class="ant-layout"
|
|
>
|
|
<header
|
|
class="ant-layout-header"
|
|
>
|
|
Header
|
|
</header>
|
|
<main
|
|
class="ant-layout-content"
|
|
>
|
|
Content
|
|
</main>
|
|
<footer
|
|
class="ant-layout-footer"
|
|
>
|
|
Footer
|
|
</footer>
|
|
</section>
|
|
</section>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/layout/demo/custom-trigger.md extend context correctly 1`] = `
|
|
<section
|
|
class="ant-layout"
|
|
>
|
|
<aside
|
|
class="ant-layout-sider ant-layout-sider-dark"
|
|
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
|
|
>
|
|
<div
|
|
class="ant-layout-sider-children"
|
|
>
|
|
<div
|
|
class="logo"
|
|
/>
|
|
<ul
|
|
class="ant-menu ant-menu-root ant-menu-inline"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-menu-item ant-menu-item-selected"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="user"
|
|
class="anticon anticon-user ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="user"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-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 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 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 008-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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 1
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="video-camera"
|
|
class="anticon anticon-video-camera ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="video-camera"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M912 302.3L784 376V224c0-35.3-28.7-64-64-64H128c-35.3 0-64 28.7-64 64v576c0 35.3 28.7 64 64 64h592c35.3 0 64-28.7 64-64V648l128 73.7c21.3 12.3 48-3.1 48-27.6V330c0-24.6-26.7-40-48-27.7zM712 792H136V232h576v560zm176-167l-104-59.8V458.9L888 399v226zM208 360h112c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H208c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 2
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="upload"
|
|
class="anticon anticon-upload ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="upload"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 3
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-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-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-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>
|
|
</aside>
|
|
<section
|
|
class="ant-layout site-layout"
|
|
>
|
|
<header
|
|
class="ant-layout-header site-layout-background"
|
|
style="padding:0"
|
|
>
|
|
<span
|
|
aria-label="menu-fold"
|
|
class="anticon anticon-menu-fold trigger"
|
|
role="img"
|
|
tabindex="-1"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="menu-fold"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM115.4 518.9L271.7 642c5.8 4.6 14.4.5 14.4-6.9V388.9c0-7.4-8.5-11.5-14.4-6.9L115.4 505.1a8.74 8.74 0 000 13.8z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</header>
|
|
<main
|
|
class="ant-layout-content site-layout-background"
|
|
style="margin:24px 16px;padding:24px;min-height:280px"
|
|
>
|
|
Content
|
|
</main>
|
|
</section>
|
|
</section>
|
|
`;
|
|
|
|
exports[`renders ./components/layout/demo/fixed.md extend context correctly 1`] = `
|
|
<section
|
|
class="ant-layout"
|
|
>
|
|
<header
|
|
class="ant-layout-header"
|
|
style="position:fixed;z-index:1;width:100%"
|
|
>
|
|
<div
|
|
class="logo"
|
|
/>
|
|
<ul
|
|
class="ant-menu-overflow ant-menu ant-menu-root ant-menu-horizontal"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:0"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 1
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-selected ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:1"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 2
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:2"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 3
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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
|
|
aria-hidden="true"
|
|
class="ant-menu-overflow-item ant-menu-overflow-item-rest ant-menu-submenu ant-menu-submenu-horizontal"
|
|
role="none"
|
|
style="opacity:0;height:0;overflow-y:hidden;order:9007199254740991;pointer-events:none;position:absolute"
|
|
>
|
|
<div
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-menu-submenu-title"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<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>
|
|
<i
|
|
class="ant-menu-submenu-arrow"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-menu-submenu ant-menu-submenu-popup"
|
|
style="opacity:0"
|
|
>
|
|
<ul
|
|
class="ant-menu ant-menu-sub ant-menu-vertical"
|
|
data-menu-list="true"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display:none"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-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-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>
|
|
</header>
|
|
<main
|
|
class="ant-layout-content site-layout"
|
|
style="padding:0 50px;margin-top:64px"
|
|
>
|
|
<nav
|
|
class="ant-breadcrumb"
|
|
style="margin:16px 0"
|
|
>
|
|
<ol>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
Home
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
List
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
App
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
<div
|
|
class="site-layout-background"
|
|
style="padding:24px;min-height:380px"
|
|
>
|
|
Content
|
|
</div>
|
|
</main>
|
|
<footer
|
|
class="ant-layout-footer"
|
|
style="text-align:center"
|
|
>
|
|
Ant Design ©2018 Created by Ant UED
|
|
</footer>
|
|
</section>
|
|
`;
|
|
|
|
exports[`renders ./components/layout/demo/fixed-sider.md extend context correctly 1`] = `
|
|
<section
|
|
class="ant-layout ant-layout-has-sider"
|
|
>
|
|
<aside
|
|
class="ant-layout-sider ant-layout-sider-dark"
|
|
style="overflow:auto;height:100vh;position:fixed;left:0;top:0;bottom:0;flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
|
|
>
|
|
<div
|
|
class="ant-layout-sider-children"
|
|
>
|
|
<div
|
|
class="logo"
|
|
/>
|
|
<ul
|
|
class="ant-menu ant-menu-root ant-menu-inline"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="user"
|
|
class="anticon anticon-user ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="user"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-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 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 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 008-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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 1
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="video-camera"
|
|
class="anticon anticon-video-camera ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="video-camera"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M912 302.3L784 376V224c0-35.3-28.7-64-64-64H128c-35.3 0-64 28.7-64 64v576c0 35.3 28.7 64 64 64h592c35.3 0 64-28.7 64-64V648l128 73.7c21.3 12.3 48-3.1 48-27.6V330c0-24.6-26.7-40-48-27.7zM712 792H136V232h576v560zm176-167l-104-59.8V458.9L888 399v226zM208 360h112c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H208c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 2
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="upload"
|
|
class="anticon anticon-upload ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="upload"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 3
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-selected"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="bar-chart"
|
|
class="anticon anticon-bar-chart ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="bar-chart"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M888 792H200V168c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h752c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm-600-80h56c4.4 0 8-3.6 8-8V560c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v144c0 4.4 3.6 8 8 8zm152 0h56c4.4 0 8-3.6 8-8V384c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v320c0 4.4 3.6 8 8 8zm152 0h56c4.4 0 8-3.6 8-8V462c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v242c0 4.4 3.6 8 8 8zm152 0h56c4.4 0 8-3.6 8-8V304c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v400c0 4.4 3.6 8 8 8z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 4
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="cloud"
|
|
class="anticon anticon-cloud ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="cloud"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M811.4 418.7C765.6 297.9 648.9 212 512.2 212S258.8 297.8 213 418.6C127.3 441.1 64 519.1 64 612c0 110.5 89.5 200 199.9 200h496.2C870.5 812 960 722.5 960 612c0-92.7-63.1-170.7-148.6-193.3zm36.3 281a123.07 123.07 0 01-87.6 36.3H263.9c-33.1 0-64.2-12.9-87.6-36.3A123.3 123.3 0 01140 612c0-28 9.1-54.3 26.2-76.3a125.7 125.7 0 0166.1-43.7l37.9-9.9 13.9-36.6c8.6-22.8 20.6-44.1 35.7-63.4a245.6 245.6 0 0152.4-49.9c41.1-28.9 89.5-44.2 140-44.2s98.9 15.3 140 44.2c19.9 14 37.5 30.8 52.4 49.9 15.1 19.3 27.1 40.7 35.7 63.4l13.8 36.5 37.8 10c54.3 14.5 92.1 63.8 92.1 120 0 33.1-12.9 64.3-36.3 87.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 5
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="appstore"
|
|
class="anticon anticon-appstore ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="appstore"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 6
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="team"
|
|
class="anticon anticon-team ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="team"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 7
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="shop"
|
|
class="anticon anticon-shop ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="shop"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M882 272.1V144c0-17.7-14.3-32-32-32H174c-17.7 0-32 14.3-32 32v128.1c-16.7 1-30 14.9-30 31.9v131.7a177 177 0 0014.4 70.4c4.3 10.2 9.6 19.8 15.6 28.9v345c0 17.6 14.3 32 32 32h676c17.7 0 32-14.3 32-32V535a175 175 0 0015.6-28.9c9.5-22.3 14.4-46 14.4-70.4V304c0-17-13.3-30.9-30-31.9zM214 184h596v88H214v-88zm362 656.1H448V736h128v104.1zm234 0H640V704c0-17.7-14.3-32-32-32H416c-17.7 0-32 14.3-32 32v136.1H214V597.9c2.9 1.4 5.9 2.8 9 4 22.3 9.4 46 14.1 70.4 14.1s48-4.7 70.4-14.1c13.8-5.8 26.8-13.2 38.7-22.1.2-.1.4-.1.6 0a180.4 180.4 0 0038.7 22.1c22.3 9.4 46 14.1 70.4 14.1 24.4 0 48-4.7 70.4-14.1 13.8-5.8 26.8-13.2 38.7-22.1.2-.1.4-.1.6 0a180.4 180.4 0 0038.7 22.1c22.3 9.4 46 14.1 70.4 14.1 24.4 0 48-4.7 70.4-14.1 3-1.3 6-2.6 9-4v242.2zm30-404.4c0 59.8-49 108.3-109.3 108.3-40.8 0-76.4-22.1-95.2-54.9-2.9-5-8.1-8.1-13.9-8.1h-.6c-5.7 0-11 3.1-13.9 8.1A109.24 109.24 0 01512 544c-40.7 0-76.2-22-95-54.7-3-5.1-8.4-8.3-14.3-8.3s-11.4 3.2-14.3 8.3a109.63 109.63 0 01-95.1 54.7C233 544 184 495.5 184 435.7v-91.2c0-.3.2-.5.5-.5h655c.3 0 .5.2.5.5v91.2z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 8
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-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-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-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-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-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-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-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-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>
|
|
</aside>
|
|
<section
|
|
class="ant-layout site-layout"
|
|
style="margin-left:200px"
|
|
>
|
|
<header
|
|
class="ant-layout-header site-layout-background"
|
|
style="padding:0"
|
|
/>
|
|
<main
|
|
class="ant-layout-content"
|
|
style="margin:24px 16px 0;overflow:initial"
|
|
>
|
|
<div
|
|
class="site-layout-background"
|
|
style="padding:24px;text-align:center"
|
|
>
|
|
<p>
|
|
long content
|
|
</p>
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
more
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
more
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
more
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
more
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
...
|
|
<br />
|
|
</div>
|
|
</main>
|
|
<footer
|
|
class="ant-layout-footer"
|
|
style="text-align:center"
|
|
>
|
|
Ant Design ©2018 Created by Ant UED
|
|
</footer>
|
|
</section>
|
|
</section>
|
|
`;
|
|
|
|
exports[`renders ./components/layout/demo/responsive.md extend context correctly 1`] = `
|
|
<section
|
|
class="ant-layout"
|
|
>
|
|
<aside
|
|
class="ant-layout-sider ant-layout-sider-dark"
|
|
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
|
|
>
|
|
<div
|
|
class="ant-layout-sider-children"
|
|
>
|
|
<div
|
|
class="logo"
|
|
/>
|
|
<ul
|
|
class="ant-menu ant-menu-root ant-menu-inline"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="user"
|
|
class="anticon anticon-user ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="user"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-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 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 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 008-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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 1
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="video-camera"
|
|
class="anticon anticon-video-camera ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="video-camera"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M912 302.3L784 376V224c0-35.3-28.7-64-64-64H128c-35.3 0-64 28.7-64 64v576c0 35.3 28.7 64 64 64h592c35.3 0 64-28.7 64-64V648l128 73.7c21.3 12.3 48-3.1 48-27.6V330c0-24.6-26.7-40-48-27.7zM712 792H136V232h576v560zm176-167l-104-59.8V458.9L888 399v226zM208 360h112c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H208c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 2
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="upload"
|
|
class="anticon anticon-upload ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="upload"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 3
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-selected"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="user"
|
|
class="anticon anticon-user ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="user"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-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 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 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 008-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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 4
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-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-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-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-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>
|
|
</aside>
|
|
<section
|
|
class="ant-layout"
|
|
>
|
|
<header
|
|
class="ant-layout-header site-layout-sub-header-background"
|
|
style="padding:0"
|
|
/>
|
|
<main
|
|
class="ant-layout-content"
|
|
style="margin:24px 16px 0"
|
|
>
|
|
<div
|
|
class="site-layout-background"
|
|
style="padding:24px;min-height:360px"
|
|
>
|
|
content
|
|
</div>
|
|
</main>
|
|
<footer
|
|
class="ant-layout-footer"
|
|
style="text-align:center"
|
|
>
|
|
Ant Design ©2018 Created by Ant UED
|
|
</footer>
|
|
</section>
|
|
</section>
|
|
`;
|
|
|
|
exports[`renders ./components/layout/demo/side.md extend context correctly 1`] = `
|
|
<section
|
|
class="ant-layout"
|
|
style="min-height:100vh"
|
|
>
|
|
<aside
|
|
class="ant-layout-sider ant-layout-sider-dark ant-layout-sider-has-trigger"
|
|
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
|
|
>
|
|
<div
|
|
class="ant-layout-sider-children"
|
|
>
|
|
<div
|
|
class="logo"
|
|
/>
|
|
<ul
|
|
class="ant-menu ant-menu-root ant-menu-inline"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-menu-item ant-menu-item-selected"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="pie-chart"
|
|
class="anticon anticon-pie-chart ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="pie-chart"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M864 518H506V160c0-4.4-3.6-8-8-8h-26a398.46 398.46 0 00-282.8 117.1 398.19 398.19 0 00-85.7 127.1A397.61 397.61 0 0072 552a398.46 398.46 0 00117.1 282.8c36.7 36.7 79.5 65.6 127.1 85.7A397.61 397.61 0 00472 952a398.46 398.46 0 00282.8-117.1c36.7-36.7 65.6-79.5 85.7-127.1A397.61 397.61 0 00872 552v-26c0-4.4-3.6-8-8-8zM705.7 787.8A331.59 331.59 0 01470.4 884c-88.1-.4-170.9-34.9-233.2-97.2C174.5 724.1 140 640.7 140 552c0-88.7 34.5-172.1 97.2-234.8 54.6-54.6 124.9-87.9 200.8-95.5V586h364.3c-7.7 76.3-41.3 147-96.6 201.8zM952 462.4l-2.6-28.2c-8.5-92.1-49.4-179-115.2-244.6A399.4 399.4 0 00589 74.6L560.7 72c-4.7-.4-8.7 3.2-8.7 7.9V464c0 4.4 3.6 8 8 8l384-1c4.7 0 8.4-4 8-8.6zm-332.2-58.2V147.6a332.24 332.24 0 01166.4 89.8c45.7 45.6 77 103.6 90 166.1l-256.4.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
Option 1
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="desktop"
|
|
class="anticon anticon-desktop ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="desktop"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M928 140H96c-17.7 0-32 14.3-32 32v496c0 17.7 14.3 32 32 32h380v112H304c-8.8 0-16 7.2-16 16v48c0 4.4 3.6 8 8 8h432c4.4 0 8-3.6 8-8v-48c0-8.8-7.2-16-16-16H548V700h380c17.7 0 32-14.3 32-32V172c0-17.7-14.3-32-32-32zm-40 488H136V212h752v416z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
Option 2
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-submenu ant-menu-submenu-inline"
|
|
role="none"
|
|
>
|
|
<div
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-menu-submenu-title"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="user"
|
|
class="anticon anticon-user ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="user"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-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 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 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 008-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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
User
|
|
</span>
|
|
<i
|
|
class="ant-menu-submenu-arrow"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
|
|
style="opacity:0"
|
|
>
|
|
<ul
|
|
class="ant-menu ant-menu-sub ant-menu-inline"
|
|
data-menu-list="true"
|
|
>
|
|
<li
|
|
class="ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
Tom
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
Bill
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
Alex
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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>
|
|
</div>
|
|
</li>
|
|
<li
|
|
class="ant-menu-submenu ant-menu-submenu-inline"
|
|
role="none"
|
|
>
|
|
<div
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-menu-submenu-title"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="team"
|
|
class="anticon anticon-team ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="team"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
Team
|
|
</span>
|
|
<i
|
|
class="ant-menu-submenu-arrow"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
|
|
style="opacity:0"
|
|
>
|
|
<ul
|
|
class="ant-menu ant-menu-sub ant-menu-inline"
|
|
data-menu-list="true"
|
|
>
|
|
<li
|
|
class="ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
Team 1
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
Team 2
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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>
|
|
</div>
|
|
</li>
|
|
<li
|
|
class="ant-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="file"
|
|
class="anticon anticon-file ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="file"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
Files
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-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-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-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-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-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-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-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-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
|
|
class="ant-layout-sider-trigger"
|
|
style="width:200px"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</aside>
|
|
<section
|
|
class="ant-layout site-layout"
|
|
>
|
|
<header
|
|
class="ant-layout-header site-layout-background"
|
|
style="padding:0"
|
|
/>
|
|
<main
|
|
class="ant-layout-content"
|
|
style="margin:0 16px"
|
|
>
|
|
<nav
|
|
class="ant-breadcrumb"
|
|
style="margin:16px 0"
|
|
>
|
|
<ol>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
User
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
Bill
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
<div
|
|
class="site-layout-background"
|
|
style="padding:24px;min-height:360px"
|
|
>
|
|
Bill is a cat.
|
|
</div>
|
|
</main>
|
|
<footer
|
|
class="ant-layout-footer"
|
|
style="text-align:center"
|
|
>
|
|
Ant Design ©2018 Created by Ant UED
|
|
</footer>
|
|
</section>
|
|
</section>
|
|
`;
|
|
|
|
exports[`renders ./components/layout/demo/top.md extend context correctly 1`] = `
|
|
<section
|
|
class="ant-layout layout"
|
|
>
|
|
<header
|
|
class="ant-layout-header"
|
|
>
|
|
<div
|
|
class="logo"
|
|
/>
|
|
<ul
|
|
class="ant-menu-overflow ant-menu ant-menu-root ant-menu-horizontal"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:0"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 1
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-selected ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:1"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 2
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:2"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 3
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:3"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 4
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:4"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 5
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:5"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 6
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:6"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 7
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:7"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 8
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:8"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 9
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:9"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 10
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:10"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 11
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:11"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 12
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:12"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 13
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:13"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 14
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:14"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 15
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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
|
|
aria-hidden="true"
|
|
class="ant-menu-overflow-item ant-menu-overflow-item-rest ant-menu-submenu ant-menu-submenu-horizontal"
|
|
role="none"
|
|
style="opacity:0;height:0;overflow-y:hidden;order:9007199254740991;pointer-events:none;position:absolute"
|
|
>
|
|
<div
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-menu-submenu-title"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<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>
|
|
<i
|
|
class="ant-menu-submenu-arrow"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-menu-submenu ant-menu-submenu-popup"
|
|
style="opacity:0"
|
|
>
|
|
<ul
|
|
class="ant-menu ant-menu-sub ant-menu-vertical"
|
|
data-menu-list="true"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display:none"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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>
|
|
</header>
|
|
<main
|
|
class="ant-layout-content"
|
|
style="padding:0 50px"
|
|
>
|
|
<nav
|
|
class="ant-breadcrumb"
|
|
style="margin:16px 0"
|
|
>
|
|
<ol>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
Home
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
List
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
App
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
<div
|
|
class="site-layout-content"
|
|
>
|
|
Content
|
|
</div>
|
|
</main>
|
|
<footer
|
|
class="ant-layout-footer"
|
|
style="text-align:center"
|
|
>
|
|
Ant Design ©2018 Created by Ant UED
|
|
</footer>
|
|
</section>
|
|
`;
|
|
|
|
exports[`renders ./components/layout/demo/top-side.md extend context correctly 1`] = `
|
|
<section
|
|
class="ant-layout"
|
|
>
|
|
<header
|
|
class="ant-layout-header header"
|
|
>
|
|
<div
|
|
class="logo"
|
|
/>
|
|
<ul
|
|
class="ant-menu-overflow ant-menu ant-menu-root ant-menu-horizontal"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:0"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 1
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-selected ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:1"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 2
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:2"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 3
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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
|
|
aria-hidden="true"
|
|
class="ant-menu-overflow-item ant-menu-overflow-item-rest ant-menu-submenu ant-menu-submenu-horizontal"
|
|
role="none"
|
|
style="opacity:0;height:0;overflow-y:hidden;order:9007199254740991;pointer-events:none;position:absolute"
|
|
>
|
|
<div
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-menu-submenu-title"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<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>
|
|
<i
|
|
class="ant-menu-submenu-arrow"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-menu-submenu ant-menu-submenu-popup"
|
|
style="opacity:0"
|
|
>
|
|
<ul
|
|
class="ant-menu ant-menu-sub ant-menu-vertical"
|
|
data-menu-list="true"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display:none"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-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-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>
|
|
</header>
|
|
<main
|
|
class="ant-layout-content"
|
|
style="padding:0 50px"
|
|
>
|
|
<nav
|
|
class="ant-breadcrumb"
|
|
style="margin:16px 0"
|
|
>
|
|
<ol>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
Home
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
List
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
App
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
<section
|
|
class="ant-layout site-layout-background"
|
|
style="padding:24px 0"
|
|
>
|
|
<aside
|
|
class="ant-layout-sider ant-layout-sider-dark site-layout-background"
|
|
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
|
|
>
|
|
<div
|
|
class="ant-layout-sider-children"
|
|
>
|
|
<ul
|
|
class="ant-menu ant-menu-root ant-menu-inline"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
style="height:100%"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"
|
|
role="none"
|
|
>
|
|
<div
|
|
aria-expanded="true"
|
|
aria-haspopup="true"
|
|
class="ant-menu-submenu-title"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="user"
|
|
class="anticon anticon-user ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="user"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-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 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 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 008-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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
subnav 1
|
|
</span>
|
|
<i
|
|
class="ant-menu-submenu-arrow"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
|
|
style="opacity:0"
|
|
>
|
|
<ul
|
|
class="ant-menu ant-menu-sub ant-menu-inline"
|
|
data-menu-list="true"
|
|
>
|
|
<li
|
|
class="ant-menu-item ant-menu-item-selected ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option1
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option2
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option3
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option4
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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>
|
|
</div>
|
|
<ul
|
|
class="ant-menu ant-menu-sub ant-menu-inline"
|
|
data-menu-list="true"
|
|
>
|
|
<li
|
|
class="ant-menu-item ant-menu-item-selected ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option1
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option2
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option3
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option4
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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>
|
|
</li>
|
|
<li
|
|
class="ant-menu-submenu ant-menu-submenu-inline"
|
|
role="none"
|
|
>
|
|
<div
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-menu-submenu-title"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="laptop"
|
|
class="anticon anticon-laptop ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="laptop"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M956.9 845.1L896.4 632V168c0-17.7-14.3-32-32-32h-704c-17.7 0-32 14.3-32 32v464L67.9 845.1C60.4 866 75.8 888 98 888h828.8c22.2 0 37.6-22 30.1-42.9zM200.4 208h624v395h-624V208zm228.3 608l8.1-37h150.3l8.1 37H428.7zm224 0l-19.1-86.7c-.8-3.7-4.1-6.3-7.8-6.3H398.2c-3.8 0-7 2.6-7.8 6.3L371.3 816H151l42.3-149h638.2l42.3 149H652.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
subnav 2
|
|
</span>
|
|
<i
|
|
class="ant-menu-submenu-arrow"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
|
|
style="opacity:0"
|
|
>
|
|
<ul
|
|
class="ant-menu ant-menu-sub ant-menu-inline"
|
|
data-menu-list="true"
|
|
>
|
|
<li
|
|
class="ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option5
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option6
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option7
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option8
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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>
|
|
</div>
|
|
</li>
|
|
<li
|
|
class="ant-menu-submenu ant-menu-submenu-inline"
|
|
role="none"
|
|
>
|
|
<div
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-menu-submenu-title"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="notification"
|
|
class="anticon anticon-notification ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="notification"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M880 112c-3.8 0-7.7.7-11.6 2.3L292 345.9H128c-8.8 0-16 7.4-16 16.6v299c0 9.2 7.2 16.6 16 16.6h101.7c-3.7 11.6-5.7 23.9-5.7 36.4 0 65.9 53.8 119.5 120 119.5 55.4 0 102.1-37.6 115.9-88.4l408.6 164.2c3.9 1.5 7.8 2.3 11.6 2.3 16.9 0 32-14.2 32-33.2V145.2C912 126.2 897 112 880 112zM344 762.3c-26.5 0-48-21.4-48-47.8 0-11.2 3.9-21.9 11-30.4l84.9 34.1c-2 24.6-22.7 44.1-47.9 44.1zm496 58.4L318.8 611.3l-12.9-5.2H184V417.9h121.9l12.9-5.2L840 203.3v617.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
subnav 3
|
|
</span>
|
|
<i
|
|
class="ant-menu-submenu-arrow"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
|
|
style="opacity:0"
|
|
>
|
|
<ul
|
|
class="ant-menu ant-menu-sub ant-menu-inline"
|
|
data-menu-list="true"
|
|
>
|
|
<li
|
|
class="ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option9
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option10
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option11
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option12
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display:none"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-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-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-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-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-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-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-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-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-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-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-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>
|
|
</aside>
|
|
<main
|
|
class="ant-layout-content"
|
|
style="padding:0 24px;min-height:280px"
|
|
>
|
|
Content
|
|
</main>
|
|
</section>
|
|
</main>
|
|
<footer
|
|
class="ant-layout-footer"
|
|
style="text-align:center"
|
|
>
|
|
Ant Design ©2018 Created by Ant UED
|
|
</footer>
|
|
</section>
|
|
`;
|
|
|
|
exports[`renders ./components/layout/demo/top-side-2.md extend context correctly 1`] = `
|
|
<section
|
|
class="ant-layout"
|
|
>
|
|
<header
|
|
class="ant-layout-header header"
|
|
>
|
|
<div
|
|
class="logo"
|
|
/>
|
|
<ul
|
|
class="ant-menu-overflow ant-menu ant-menu-root ant-menu-horizontal"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:0"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 1
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-selected ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:1"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 2
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-overflow-item ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="opacity:1;order:2"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
nav 3
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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
|
|
aria-hidden="true"
|
|
class="ant-menu-overflow-item ant-menu-overflow-item-rest ant-menu-submenu ant-menu-submenu-horizontal"
|
|
role="none"
|
|
style="opacity:0;height:0;overflow-y:hidden;order:9007199254740991;pointer-events:none;position:absolute"
|
|
>
|
|
<div
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-menu-submenu-title"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<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>
|
|
<i
|
|
class="ant-menu-submenu-arrow"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-menu-submenu ant-menu-submenu-popup"
|
|
style="opacity:0"
|
|
>
|
|
<ul
|
|
class="ant-menu ant-menu-sub ant-menu-vertical"
|
|
data-menu-list="true"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display:none"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-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-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>
|
|
</header>
|
|
<section
|
|
class="ant-layout"
|
|
>
|
|
<aside
|
|
class="ant-layout-sider ant-layout-sider-dark site-layout-background"
|
|
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
|
|
>
|
|
<div
|
|
class="ant-layout-sider-children"
|
|
>
|
|
<ul
|
|
class="ant-menu ant-menu-root ant-menu-inline"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
style="height:100%;border-right:0"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"
|
|
role="none"
|
|
>
|
|
<div
|
|
aria-expanded="true"
|
|
aria-haspopup="true"
|
|
class="ant-menu-submenu-title"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="user"
|
|
class="anticon anticon-user ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="user"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-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 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 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 008-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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
subnav 1
|
|
</span>
|
|
<i
|
|
class="ant-menu-submenu-arrow"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
|
|
style="opacity:0"
|
|
>
|
|
<ul
|
|
class="ant-menu ant-menu-sub ant-menu-inline"
|
|
data-menu-list="true"
|
|
>
|
|
<li
|
|
class="ant-menu-item ant-menu-item-selected ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option1
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option2
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option3
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option4
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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>
|
|
</div>
|
|
<ul
|
|
class="ant-menu ant-menu-sub ant-menu-inline"
|
|
data-menu-list="true"
|
|
>
|
|
<li
|
|
class="ant-menu-item ant-menu-item-selected ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option1
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option2
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option3
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option4
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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>
|
|
</li>
|
|
<li
|
|
class="ant-menu-submenu ant-menu-submenu-inline"
|
|
role="none"
|
|
>
|
|
<div
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-menu-submenu-title"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="laptop"
|
|
class="anticon anticon-laptop ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="laptop"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M956.9 845.1L896.4 632V168c0-17.7-14.3-32-32-32h-704c-17.7 0-32 14.3-32 32v464L67.9 845.1C60.4 866 75.8 888 98 888h828.8c22.2 0 37.6-22 30.1-42.9zM200.4 208h624v395h-624V208zm228.3 608l8.1-37h150.3l8.1 37H428.7zm224 0l-19.1-86.7c-.8-3.7-4.1-6.3-7.8-6.3H398.2c-3.8 0-7 2.6-7.8 6.3L371.3 816H151l42.3-149h638.2l42.3 149H652.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
subnav 2
|
|
</span>
|
|
<i
|
|
class="ant-menu-submenu-arrow"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
|
|
style="opacity:0"
|
|
>
|
|
<ul
|
|
class="ant-menu ant-menu-sub ant-menu-inline"
|
|
data-menu-list="true"
|
|
>
|
|
<li
|
|
class="ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option5
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option6
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option7
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option8
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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>
|
|
</div>
|
|
</li>
|
|
<li
|
|
class="ant-menu-submenu ant-menu-submenu-inline"
|
|
role="none"
|
|
>
|
|
<div
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-menu-submenu-title"
|
|
role="menuitem"
|
|
style="padding-left:24px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="notification"
|
|
class="anticon anticon-notification ant-menu-item-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="notification"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M880 112c-3.8 0-7.7.7-11.6 2.3L292 345.9H128c-8.8 0-16 7.4-16 16.6v299c0 9.2 7.2 16.6 16 16.6h101.7c-3.7 11.6-5.7 23.9-5.7 36.4 0 65.9 53.8 119.5 120 119.5 55.4 0 102.1-37.6 115.9-88.4l408.6 164.2c3.9 1.5 7.8 2.3 11.6 2.3 16.9 0 32-14.2 32-33.2V145.2C912 126.2 897 112 880 112zM344 762.3c-26.5 0-48-21.4-48-47.8 0-11.2 3.9-21.9 11-30.4l84.9 34.1c-2 24.6-22.7 44.1-47.9 44.1zm496 58.4L318.8 611.3l-12.9-5.2H184V417.9h121.9l12.9-5.2L840 203.3v617.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
subnav 3
|
|
</span>
|
|
<i
|
|
class="ant-menu-submenu-arrow"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-menu-submenu ant-menu-submenu-popup ant-menu"
|
|
style="opacity:0"
|
|
>
|
|
<ul
|
|
class="ant-menu ant-menu-sub ant-menu-inline"
|
|
data-menu-list="true"
|
|
>
|
|
<li
|
|
class="ant-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option9
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option10
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option11
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-menu-item ant-menu-item-only-child"
|
|
role="menuitem"
|
|
style="padding-left:48px"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-menu-title-content"
|
|
>
|
|
option12
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display:none"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-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-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-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-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-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-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-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-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-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-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-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-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>
|
|
</aside>
|
|
<section
|
|
class="ant-layout"
|
|
style="padding:0 24px 24px"
|
|
>
|
|
<nav
|
|
class="ant-breadcrumb"
|
|
style="margin:16px 0"
|
|
>
|
|
<ol>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
Home
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
List
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span
|
|
class="ant-breadcrumb-link"
|
|
>
|
|
App
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator"
|
|
>
|
|
/
|
|
</span>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
<main
|
|
class="ant-layout-content site-layout-background"
|
|
style="padding:24px;margin:0;min-height:280px"
|
|
>
|
|
Content
|
|
</main>
|
|
</section>
|
|
</section>
|
|
</section>
|
|
`;
|
|
|