2021-12-23 11:51:10 +08:00
|
|
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
|
|
|
|
exports[`renders ./components/tooltip/demo/arrow-point-at-center.md extend context correctly 1`] = `
|
|
|
|
Array [
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
Align edge / 边缘对齐
|
|
|
|
</span>
|
|
|
|
</button>,
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
Prompt Text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>,
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
Arrow points to center / 箭头指向中心
|
|
|
|
</span>
|
|
|
|
</button>,
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
Prompt Text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>,
|
|
|
|
]
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`renders ./components/tooltip/demo/auto-adjust-overflow.md extend context correctly 1`] = `
|
|
|
|
<div
|
|
|
|
style="overflow:hidden;position:relative;padding:24px;border:1px solid #e9e9e9"
|
|
|
|
>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
Adjust automatically / 自动调整
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
Prompt Text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
Ignore / 不处理
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
Prompt Text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`renders ./components/tooltip/demo/basic.md extend context correctly 1`] = `
|
|
|
|
Array [
|
|
|
|
<span>
|
|
|
|
Tooltip will show on mouse enter.
|
|
|
|
</span>,
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>,
|
|
|
|
]
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`renders ./components/tooltip/demo/colorful.md extend context correctly 1`] = `
|
|
|
|
Array [
|
|
|
|
<div
|
|
|
|
class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-left"
|
|
|
|
role="separator"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-divider-inner-text"
|
|
|
|
>
|
|
|
|
Presets
|
|
|
|
</span>
|
|
|
|
</div>,
|
|
|
|
<div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
pink
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip ant-tooltip-pink"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
red
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip ant-tooltip-red"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
yellow
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip ant-tooltip-yellow"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
orange
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip ant-tooltip-orange"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
cyan
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip ant-tooltip-cyan"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
green
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip ant-tooltip-green"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
blue
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip ant-tooltip-blue"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
purple
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip ant-tooltip-purple"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
geekblue
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip ant-tooltip-geekblue"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
magenta
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip ant-tooltip-magenta"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
volcano
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip ant-tooltip-volcano"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
gold
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip ant-tooltip-gold"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
lime
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip ant-tooltip-lime"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>,
|
|
|
|
<div
|
|
|
|
class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-left"
|
|
|
|
role="separator"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-divider-inner-text"
|
|
|
|
>
|
|
|
|
Custom
|
|
|
|
</span>
|
|
|
|
</div>,
|
|
|
|
<div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
#f50
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
2022-02-08 09:52:33 +08:00
|
|
|
style="--antd-arrow-background-color:#f50"
|
2021-12-23 11:51:10 +08:00
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
style="background:#f50"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
#2db7f5
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
2022-02-08 09:52:33 +08:00
|
|
|
style="--antd-arrow-background-color:#2db7f5"
|
2021-12-23 11:51:10 +08:00
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
style="background:#2db7f5"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
#87d068
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
2022-02-08 09:52:33 +08:00
|
|
|
style="--antd-arrow-background-color:#87d068"
|
2021-12-23 11:51:10 +08:00
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
style="background:#87d068"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
#108ee9
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
2022-02-08 09:52:33 +08:00
|
|
|
style="--antd-arrow-background-color:#108ee9"
|
2021-12-23 11:51:10 +08:00
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
style="background:#108ee9"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>,
|
|
|
|
]
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`renders ./components/tooltip/demo/destroy-tooltip-on-hide.md extend context correctly 1`] = `
|
|
|
|
Array [
|
|
|
|
<span>
|
|
|
|
Tooltip will destroy when hidden.
|
|
|
|
</span>,
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
prompt text
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>,
|
|
|
|
]
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`renders ./components/tooltip/demo/placement.md extend context correctly 1`] = `
|
|
|
|
<div
|
|
|
|
class="demo"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
style="margin-left:70px;white-space:nowrap"
|
|
|
|
>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
TL
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
prompt text
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
Top
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
prompt text
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
TR
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
prompt text
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
style="width:70px;float:left"
|
|
|
|
>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
LT
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
prompt text
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
Left
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
prompt text
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
LB
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
prompt text
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
style="width:70px;margin-left:304px"
|
|
|
|
>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
RT
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
prompt text
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
Right
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
prompt text
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
RB
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
prompt text
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
style="margin-left:70px;clear:both;white-space:nowrap"
|
|
|
|
>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
BL
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
prompt text
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
Bottom
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
prompt text
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button
|
2022-02-11 15:02:59 +08:00
|
|
|
class="ant-btn ant-btn-default"
|
2021-12-23 11:51:10 +08:00
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
BR
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip"
|
2022-04-20 00:16:39 +08:00
|
|
|
style="opacity:0"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-tooltip-arrow-content"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
role="tooltip"
|
|
|
|
>
|
|
|
|
<span>
|
|
|
|
prompt text
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|