mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 01:11:26 +08:00
b9a6b7b578
* demo: update demo * add form * clear * add Select * add * fix style * fix style * fix * revert
1235 lines
24 KiB
Plaintext
1235 lines
24 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders ./components/popover/demo/arrow-point-at-center.tsx extend context correctly 1`] = `
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
style="flex-wrap:wrap;margin-bottom:-8px"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px;padding-bottom:8px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Align edge / 边缘对齐
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="padding-bottom:8px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Arrow points to center / 箭头指向中心
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/popover/demo/basic.tsx extend context correctly 1`] = `
|
|
Array [
|
|
<button
|
|
class="ant-btn ant-btn-primary"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Hover me
|
|
</span>
|
|
</button>,
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/popover/demo/control.tsx extend context correctly 1`] = `
|
|
Array [
|
|
<button
|
|
class="ant-btn ant-btn-primary"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Click me
|
|
</span>
|
|
</button>,
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<a>
|
|
Close
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/popover/demo/hover-with-click.tsx extend context correctly 1`] = `
|
|
Array [
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Hover and click / 悬停并单击
|
|
</span>
|
|
</button>,
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Click title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<div>
|
|
This is click content.
|
|
</div>
|
|
<a>
|
|
Close
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Hover title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
This is hover content.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/popover/demo/placement.tsx extend context correctly 1`] = `
|
|
<div>
|
|
<div
|
|
style="margin-left:70px;white-space:nowrap"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
TL
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Top
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
TR
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="width:70px;float:left"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
LT
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Left
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
LB
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="width:70px;margin-left:304px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
RT
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Right
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
RB
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="margin-left:70px;clear:both;white-space:nowrap"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
BL
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Bottom
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
BR
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/popover/demo/render-panel.tsx extend context correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-popover ant-popover-pure ant-popover-placement-top"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
/>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
<div
|
|
class="ant-popover ant-popover-pure ant-popover-placement-bottomLeft"
|
|
style="width:250px"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
style="width:250px"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
/>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/popover/demo/triggerType.tsx extend context correctly 1`] = `
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
style="flex-wrap:wrap;margin-bottom:-8px"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px;padding-bottom:8px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Hover me
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px;padding-bottom:8px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Focus me
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="padding-bottom:8px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Click me
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/popover/demo/wireframe.tsx extend context correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-popover ant-popover-pure ant-popover-placement-top"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
/>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
<div
|
|
class="ant-popover ant-popover-pure ant-popover-placement-bottomLeft"
|
|
style="width:250px"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
style="width:250px"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
/>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|