2023-06-07 21:59:21 +08:00
|
|
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
2021-12-23 11:51:10 +08:00
|
|
|
|
2023-03-10 11:50:12 +08:00
|
|
|
exports[`renders components/tooltip/demo/arrow.tsx extend context correctly 1`] = `
|
2023-01-19 11:21:05 +08:00
|
|
|
<div
|
|
|
|
|
class="demo"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-segmented"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-01-19 11:21:05 +08:00
|
|
|
class="ant-segmented-group"
|
|
|
|
|
>
|
|
|
|
|
<label
|
|
|
|
|
class="ant-segmented-item ant-segmented-item-selected"
|
|
|
|
|
>
|
|
|
|
|
<input
|
|
|
|
|
checked=""
|
|
|
|
|
class="ant-segmented-item-input"
|
|
|
|
|
type="radio"
|
|
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-segmented-item-label"
|
|
|
|
|
title="Show"
|
|
|
|
|
>
|
|
|
|
|
Show
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
<label
|
|
|
|
|
class="ant-segmented-item"
|
|
|
|
|
>
|
|
|
|
|
<input
|
|
|
|
|
class="ant-segmented-item-input"
|
|
|
|
|
type="radio"
|
|
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-segmented-item-label"
|
|
|
|
|
title="Hide"
|
|
|
|
|
>
|
|
|
|
|
Hide
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
<label
|
|
|
|
|
class="ant-segmented-item"
|
|
|
|
|
>
|
|
|
|
|
<input
|
|
|
|
|
class="ant-segmented-item-input"
|
|
|
|
|
type="radio"
|
|
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-segmented-item-label"
|
|
|
|
|
title="Center"
|
|
|
|
|
>
|
|
|
|
|
Center
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-center"
|
|
|
|
|
role="separator"
|
|
|
|
|
>
|
|
|
|
|
<span
|
|
|
|
|
class="ant-divider-inner-text"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 11:21:05 +08:00
|
|
|
Content
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-left: 70px; display: flex; flex-wrap: nowrap; column-gap: 8px;"
|
2023-01-19 11:21:05 +08:00
|
|
|
>
|
2023-03-02 22:09:02 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="width: 70px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
|
|
|
|
TL
|
|
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topLeft"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-01-19 11:21:05 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="width: 70px;"
|
2023-01-19 11:21:05 +08:00
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
Top
|
2023-01-19 11:21:05 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
2023-01-19 11:21:05 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="width: 70px;"
|
2023-01-19 11:21:05 +08:00
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
TR
|
2023-01-19 11:21:05 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topRight"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2023-01-19 11:21:05 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2023-01-19 11:21:05 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
style="width: 70px; float: left; display: flex; flex-direction: column; row-gap: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 11:21:05 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
LT
|
2023-01-19 11:21:05 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-leftTop"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2023-01-19 11:21:05 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2023-01-19 11:21:05 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2023-01-19 11:21:05 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2023-01-19 11:21:05 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 11:21:05 +08:00
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
Left
|
2023-01-19 11:21:05 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-left"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; top: 0px; right: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
2023-01-19 11:21:05 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
LB
|
2023-01-19 11:21:05 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-leftBottom"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2023-01-19 11:21:05 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2023-01-19 11:21:05 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2023-01-19 11:21:05 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
style="width: 70px; margin-left: 304px; display: flex; flex-direction: column; row-gap: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 11:21:05 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
RT
|
2023-01-19 11:21:05 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-rightTop"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2023-01-19 11:21:05 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2023-01-19 11:21:05 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2023-01-19 11:21:05 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2023-01-19 11:21:05 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
Right
|
2023-01-19 11:21:05 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-right"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2023-01-19 11:21:05 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; top: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2023-01-19 11:21:05 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2023-01-19 11:21:05 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-01-19 11:21:05 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
RB
|
2023-01-19 11:21:05 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-rightBottom"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2023-01-19 11:21:05 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2023-01-19 11:21:05 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2023-01-19 11:21:05 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2023-01-19 11:21:05 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-left: 70px; clear: both; display: flex; flex-wrap: nowrap; column-gap: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 11:21:05 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="width: 70px;"
|
2023-01-19 11:21:05 +08:00
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
BL
|
2023-01-19 11:21:05 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-bottomLeft"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2023-01-19 11:21:05 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2023-01-19 11:21:05 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2023-01-19 11:21:05 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2023-01-19 11:21:05 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="width: 70px;"
|
2023-01-19 11:21:05 +08:00
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
Bottom
|
2023-01-19 11:21:05 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-bottom"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; top: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2023-01-19 11:21:05 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2023-01-19 11:21:05 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2023-01-19 11:21:05 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2023-01-19 11:21:05 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="width: 70px;"
|
2023-01-19 11:21:05 +08:00
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
BR
|
2023-01-19 11:21:05 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-bottomRight"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2023-01-19 11:21:05 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2023-01-19 11:21:05 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2023-01-19 11:21:05 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2023-01-19 11:21:05 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2021-12-23 11:51:10 +08:00
|
|
|
`;
|
|
|
|
|
|
2023-08-02 14:20:13 +08:00
|
|
|
exports[`renders components/tooltip/demo/arrow.tsx extend context correctly 2`] = `[]`;
|
|
|
|
|
|
2023-03-10 11:50:12 +08:00
|
|
|
exports[`renders components/tooltip/demo/arrow-point-at-center.tsx extend context correctly 1`] = `
|
2023-01-19 15:37:54 +08:00
|
|
|
<div
|
|
|
|
|
class="ant-space ant-space-vertical"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-bottom: 8px;"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-03-02 22:09:02 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
|
|
|
|
Align edge / 边缘对齐
|
|
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topLeft"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
Prompt Text
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
|
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
Arrow points to center / 箭头指向中心
|
2023-01-19 15:37:54 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topLeft"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
|
|
|
|
>
|
|
|
|
|
Prompt Text
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-02-15 10:21:28 +08:00
|
|
|
</div>
|
|
|
|
|
`;
|
|
|
|
|
|
2023-08-02 14:20:13 +08:00
|
|
|
exports[`renders components/tooltip/demo/arrow-point-at-center.tsx extend context correctly 2`] = `
|
|
|
|
|
[
|
|
|
|
|
"Warning: [antd: Tooltip] \`arrowPointAtCenter\` is deprecated, please use \`arrow={{ pointAtCenter: true }}\` instead.",
|
|
|
|
|
]
|
|
|
|
|
`;
|
|
|
|
|
|
2023-03-10 11:50:12 +08:00
|
|
|
exports[`renders components/tooltip/demo/auto-adjust-overflow.tsx extend context correctly 1`] = `
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
style="display: flex; flex-direction: column; row-gap: 16px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2023-02-15 14:56:22 +08:00
|
|
|
<h5
|
|
|
|
|
class="ant-typography"
|
|
|
|
|
>
|
|
|
|
|
With \`getPopupContainer\`
|
|
|
|
|
</h5>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
style="overflow: auto; position: relative; padding: 24px; border: 1px solid #e9e9e9;"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 14:56:22 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
style="width: 200%; display: flex; flex-direction: column; align-items: center; row-gap: 16px;"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 14:56:22 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
|
|
|
|
Adjust automatically / 自动调整
|
|
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-03-15 00:08:31 +08:00
|
|
|
<div
|
|
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-left"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-03-15 00:08:31 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
|
style="position: absolute; top: 0px; right: 0px;"
|
|
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
|
|
|
|
>
|
|
|
|
|
Prompt Text
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-02-15 14:56:22 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
|
|
|
|
Ignore / 不处理
|
|
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-03-15 00:08:31 +08:00
|
|
|
<div
|
|
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-left"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-03-15 00:08:31 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
|
style="position: absolute; top: 0px; right: 0px;"
|
|
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
|
|
|
|
>
|
|
|
|
|
Prompt Text
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-02-15 14:56:22 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<h5
|
|
|
|
|
class="ant-typography"
|
|
|
|
|
>
|
|
|
|
|
Without \`getPopupContainer\`
|
|
|
|
|
</h5>
|
|
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
style="overflow: auto; position: relative; padding: 24px; border: 1px solid #e9e9e9;"
|
2023-02-15 14:56:22 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
style="width: 200%; display: flex; flex-direction: column; align-items: center; row-gap: 16px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2023-03-02 22:09:02 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
|
|
|
|
Adjust automatically / 自动调整
|
|
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 14:56:22 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-left"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 14:56:22 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; top: 0px; right: 0px;"
|
2023-02-15 14:56:22 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
|
|
|
|
>
|
|
|
|
|
Prompt Text
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
Ignore / 不处理
|
2023-02-15 14:56:22 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
|
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-left"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 14:56:22 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; top: 0px; right: 0px;"
|
2023-02-15 14:56:22 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
|
|
|
|
>
|
|
|
|
|
Prompt Text
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
`;
|
|
|
|
|
|
2023-08-02 14:20:13 +08:00
|
|
|
exports[`renders components/tooltip/demo/auto-adjust-overflow.tsx extend context correctly 2`] = `[]`;
|
|
|
|
|
|
2023-03-10 11:50:12 +08:00
|
|
|
exports[`renders components/tooltip/demo/basic.tsx extend context correctly 1`] = `
|
2021-12-23 11:51:10 +08:00
|
|
|
Array [
|
2023-03-02 22:09:02 +08:00
|
|
|
<span>
|
|
|
|
|
Tooltip will show on mouse enter.
|
|
|
|
|
</span>,
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
prompt text
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>,
|
|
|
|
|
]
|
|
|
|
|
`;
|
|
|
|
|
|
2023-08-02 14:20:13 +08:00
|
|
|
exports[`renders components/tooltip/demo/basic.tsx extend context correctly 2`] = `[]`;
|
|
|
|
|
|
2023-03-10 11:50:12 +08:00
|
|
|
exports[`renders components/tooltip/demo/colorful.tsx extend context correctly 1`] = `
|
2021-12-23 11:51:10 +08:00
|
|
|
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>,
|
2023-01-19 15:37:54 +08:00
|
|
|
<div
|
|
|
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="flex-wrap: wrap; margin-bottom: -8px;"
|
2023-01-19 15:37:54 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-right: 8px; padding-bottom: 8px;"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-03-02 22:09:02 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
|
|
|
|
pink
|
|
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-pink ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
|
|
|
|
>
|
|
|
|
|
prompt text
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-right: 8px; padding-bottom: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
red
|
2023-01-19 15:37:54 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-red ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
prompt text
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-right: 8px; padding-bottom: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
yellow
|
2023-01-19 15:37:54 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-yellow ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
prompt text
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-right: 8px; padding-bottom: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
orange
|
2023-01-19 15:37:54 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-orange ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
prompt text
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-right: 8px; padding-bottom: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
cyan
|
2023-01-19 15:37:54 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-cyan ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
prompt text
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-right: 8px; padding-bottom: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
green
|
2023-01-19 15:37:54 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-green ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
prompt text
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-right: 8px; padding-bottom: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
blue
|
2023-01-19 15:37:54 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-blue ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
prompt text
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-right: 8px; padding-bottom: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
purple
|
2023-01-19 15:37:54 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-purple ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
prompt text
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-right: 8px; padding-bottom: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
geekblue
|
2023-01-19 15:37:54 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-geekblue ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
prompt text
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-right: 8px; padding-bottom: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
magenta
|
2023-01-19 15:37:54 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-magenta ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
prompt text
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-right: 8px; padding-bottom: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
volcano
|
2023-01-19 15:37:54 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-volcano ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
prompt text
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-right: 8px; padding-bottom: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
gold
|
2023-01-19 15:37:54 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-gold ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
prompt text
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="padding-bottom: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
lime
|
2023-01-19 15:37:54 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-lime ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
prompt text
|
2021-12-23 11:51:10 +08:00
|
|
|
</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>,
|
2023-01-19 15:37:54 +08:00
|
|
|
<div
|
|
|
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="flex-wrap: wrap; margin-bottom: -8px;"
|
2023-01-19 15:37:54 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-right: 8px; padding-bottom: 8px;"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-03-02 22:09:02 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
|
|
|
|
#f50
|
|
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; --antd-arrow-background-color: #f50;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="background: rgb(255, 85, 0);"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
prompt text
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-right: 8px; padding-bottom: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
#2db7f5
|
2023-01-19 15:37:54 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; --antd-arrow-background-color: #2db7f5;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="background: rgb(45, 183, 245);"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
prompt text
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-right: 8px; padding-bottom: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
#87d068
|
2023-01-19 15:37:54 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; --antd-arrow-background-color: #87d068;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="background: rgb(135, 208, 104);"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
prompt text
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="padding-bottom: 8px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-01-19 15:37:54 +08:00
|
|
|
<span>
|
2023-03-02 22:09:02 +08:00
|
|
|
#108ee9
|
2023-01-19 15:37:54 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; --antd-arrow-background-color: #108ee9;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="background: rgb(16, 142, 233);"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
prompt text
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>,
|
|
|
|
|
]
|
|
|
|
|
`;
|
|
|
|
|
|
2023-08-02 14:20:13 +08:00
|
|
|
exports[`renders components/tooltip/demo/colorful.tsx extend context correctly 2`] = `[]`;
|
|
|
|
|
|
2023-03-10 11:50:12 +08:00
|
|
|
exports[`renders components/tooltip/demo/destroy-tooltip-on-hide.tsx extend context correctly 1`] = `
|
2021-12-23 11:51:10 +08:00
|
|
|
Array [
|
2023-03-02 22:09:02 +08:00
|
|
|
<span>
|
|
|
|
|
Tooltip will destroy when hidden.
|
|
|
|
|
</span>,
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
prompt text
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>,
|
|
|
|
|
]
|
|
|
|
|
`;
|
|
|
|
|
|
2023-08-02 14:20:13 +08:00
|
|
|
exports[`renders components/tooltip/demo/destroy-tooltip-on-hide.tsx extend context correctly 2`] = `[]`;
|
|
|
|
|
|
2023-07-28 17:39:38 +08:00
|
|
|
exports[`renders components/tooltip/demo/disabled.tsx extend context correctly 1`] = `
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
|
|
|
|
style="margin-right: 8px;"
|
|
|
|
|
>
|
|
|
|
|
<span
|
|
|
|
|
class="ant-tooltip-disabled-compatible-wrapper"
|
|
|
|
|
style="display: inline-block; cursor: not-allowed;"
|
|
|
|
|
>
|
|
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
disabled=""
|
|
|
|
|
style="pointer-events: none;"
|
|
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
|
|
|
|
Disabled
|
|
|
|
|
</span>
|
|
|
|
|
</button>
|
|
|
|
|
</span>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
|
|
|
|
>
|
|
|
|
|
Thanks for using antd. Have a nice day!
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
|
|
|
|
style="margin-right: 8px;"
|
|
|
|
|
>
|
|
|
|
|
<input
|
|
|
|
|
class="ant-input ant-input-disabled"
|
|
|
|
|
disabled=""
|
|
|
|
|
placeholder="disabled"
|
|
|
|
|
type="text"
|
|
|
|
|
value=""
|
|
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
|
|
|
|
>
|
|
|
|
|
Thanks for using antd. Have a nice day!
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
|
|
|
|
style="margin-right: 8px;"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-input-number ant-input-number-disabled"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-input-number-handler-wrap"
|
|
|
|
|
>
|
|
|
|
|
<span
|
|
|
|
|
aria-disabled="false"
|
|
|
|
|
aria-label="Increase Value"
|
|
|
|
|
class="ant-input-number-handler ant-input-number-handler-up"
|
|
|
|
|
role="button"
|
|
|
|
|
unselectable="on"
|
|
|
|
|
>
|
|
|
|
|
<span
|
|
|
|
|
aria-label="up"
|
|
|
|
|
class="anticon anticon-up ant-input-number-handler-up-inner"
|
|
|
|
|
role="img"
|
|
|
|
|
>
|
|
|
|
|
<svg
|
|
|
|
|
aria-hidden="true"
|
|
|
|
|
data-icon="up"
|
|
|
|
|
fill="currentColor"
|
|
|
|
|
focusable="false"
|
|
|
|
|
height="1em"
|
|
|
|
|
viewBox="64 64 896 896"
|
|
|
|
|
width="1em"
|
|
|
|
|
>
|
|
|
|
|
<path
|
|
|
|
|
d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
|
|
|
|
|
/>
|
|
|
|
|
</svg>
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span
|
|
|
|
|
aria-disabled="false"
|
|
|
|
|
aria-label="Decrease Value"
|
|
|
|
|
class="ant-input-number-handler ant-input-number-handler-down"
|
|
|
|
|
role="button"
|
|
|
|
|
unselectable="on"
|
|
|
|
|
>
|
|
|
|
|
<span
|
|
|
|
|
aria-label="down"
|
|
|
|
|
class="anticon anticon-down ant-input-number-handler-down-inner"
|
|
|
|
|
role="img"
|
|
|
|
|
>
|
|
|
|
|
<svg
|
|
|
|
|
aria-hidden="true"
|
|
|
|
|
data-icon="down"
|
|
|
|
|
fill="currentColor"
|
|
|
|
|
focusable="false"
|
|
|
|
|
height="1em"
|
|
|
|
|
viewBox="64 64 896 896"
|
|
|
|
|
width="1em"
|
|
|
|
|
>
|
|
|
|
|
<path
|
|
|
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
|
|
|
/>
|
|
|
|
|
</svg>
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-input-number-input-wrap"
|
|
|
|
|
>
|
|
|
|
|
<input
|
|
|
|
|
autocomplete="off"
|
|
|
|
|
class="ant-input-number-input"
|
|
|
|
|
disabled=""
|
|
|
|
|
role="spinbutton"
|
|
|
|
|
step="1"
|
|
|
|
|
value=""
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
|
|
|
|
>
|
|
|
|
|
Thanks for using antd. Have a nice day!
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
|
|
|
|
style="margin-right: 8px;"
|
|
|
|
|
>
|
|
|
|
|
<label
|
|
|
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
|
|
|
|
>
|
|
|
|
|
<span
|
|
|
|
|
class="ant-checkbox ant-checkbox-disabled"
|
|
|
|
|
>
|
|
|
|
|
<input
|
|
|
|
|
class="ant-checkbox-input"
|
|
|
|
|
disabled=""
|
|
|
|
|
type="checkbox"
|
|
|
|
|
/>
|
|
|
|
|
<span
|
|
|
|
|
class="ant-checkbox-inner"
|
|
|
|
|
/>
|
|
|
|
|
</span>
|
|
|
|
|
</label>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
|
|
|
|
>
|
|
|
|
|
Thanks for using antd. Have a nice day!
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-space-item"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-select ant-select-single ant-select-show-arrow ant-select-disabled"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-select-selector"
|
|
|
|
|
>
|
|
|
|
|
<span
|
|
|
|
|
class="ant-select-selection-search"
|
|
|
|
|
>
|
|
|
|
|
<input
|
|
|
|
|
aria-autocomplete="list"
|
|
|
|
|
aria-controls="rc_select_TEST_OR_SSR_list"
|
|
|
|
|
aria-expanded="false"
|
|
|
|
|
aria-haspopup="listbox"
|
|
|
|
|
aria-owns="rc_select_TEST_OR_SSR_list"
|
|
|
|
|
autocomplete="off"
|
|
|
|
|
class="ant-select-selection-search-input"
|
|
|
|
|
disabled=""
|
|
|
|
|
id="rc_select_TEST_OR_SSR"
|
|
|
|
|
readonly=""
|
|
|
|
|
role="combobox"
|
|
|
|
|
style="opacity: 0;"
|
|
|
|
|
type="search"
|
|
|
|
|
unselectable="on"
|
|
|
|
|
value=""
|
|
|
|
|
/>
|
|
|
|
|
</span>
|
|
|
|
|
<span
|
|
|
|
|
class="ant-select-selection-placeholder"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
|
|
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
|
|
|
>
|
|
|
|
|
<div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-select-item-empty"
|
|
|
|
|
id="rc_select_TEST_OR_SSR_list"
|
|
|
|
|
role="listbox"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-empty ant-empty-normal ant-empty-small"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-empty-image"
|
|
|
|
|
>
|
|
|
|
|
<svg
|
|
|
|
|
height="41"
|
|
|
|
|
viewBox="0 0 64 41"
|
|
|
|
|
width="64"
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
|
>
|
|
|
|
|
<g
|
|
|
|
|
fill="none"
|
|
|
|
|
fill-rule="evenodd"
|
|
|
|
|
transform="translate(0 1)"
|
|
|
|
|
>
|
|
|
|
|
<ellipse
|
|
|
|
|
cx="32"
|
|
|
|
|
cy="33"
|
|
|
|
|
fill="#f5f5f5"
|
|
|
|
|
rx="32"
|
|
|
|
|
ry="7"
|
|
|
|
|
/>
|
|
|
|
|
<g
|
|
|
|
|
fill-rule="nonzero"
|
|
|
|
|
stroke="#d9d9d9"
|
|
|
|
|
>
|
|
|
|
|
<path
|
|
|
|
|
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
|
|
|
|
|
/>
|
|
|
|
|
<path
|
|
|
|
|
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
|
|
|
|
|
fill="#fafafa"
|
|
|
|
|
/>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</svg>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-empty-description"
|
|
|
|
|
>
|
|
|
|
|
No data
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<span
|
|
|
|
|
aria-hidden="true"
|
|
|
|
|
class="ant-select-arrow"
|
|
|
|
|
style="user-select: none;"
|
|
|
|
|
unselectable="on"
|
|
|
|
|
>
|
|
|
|
|
<span
|
|
|
|
|
aria-label="down"
|
|
|
|
|
class="anticon anticon-down ant-select-suffix"
|
|
|
|
|
role="img"
|
|
|
|
|
>
|
|
|
|
|
<svg
|
|
|
|
|
aria-hidden="true"
|
|
|
|
|
data-icon="down"
|
|
|
|
|
fill="currentColor"
|
|
|
|
|
focusable="false"
|
|
|
|
|
height="1em"
|
|
|
|
|
viewBox="64 64 896 896"
|
|
|
|
|
width="1em"
|
|
|
|
|
>
|
|
|
|
|
<path
|
|
|
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
|
|
|
/>
|
|
|
|
|
</svg>
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
|
|
|
|
>
|
|
|
|
|
Thanks for using antd. Have a nice day!
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
`;
|
|
|
|
|
|
2023-08-02 14:20:13 +08:00
|
|
|
exports[`renders components/tooltip/demo/disabled.tsx extend context correctly 2`] = `
|
|
|
|
|
[
|
|
|
|
|
"Warning: \`clearIcon\` will be removed in future. Please use \`allowClear\` instead.",
|
|
|
|
|
]
|
|
|
|
|
`;
|
|
|
|
|
|
2023-03-10 11:50:12 +08:00
|
|
|
exports[`renders components/tooltip/demo/placement.tsx extend context correctly 1`] = `
|
2023-01-19 15:37:54 +08:00
|
|
|
<div>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-left: 70px; white-space: nowrap;"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-03-02 22:09:02 +08:00
|
|
|
<button
|
|
|
|
|
class="ant-btn ant-btn-default"
|
|
|
|
|
type="button"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
|
|
|
|
TL
|
|
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topLeft"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2021-12-23 11:51:10 +08:00
|
|
|
<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>
|
2023-03-02 22:09:02 +08:00
|
|
|
Top
|
2021-12-23 11:51:10 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
|
|
|
|
>
|
|
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2021-12-23 11:51:10 +08:00
|
|
|
</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>
|
2023-03-02 22:09:02 +08:00
|
|
|
TR
|
2021-12-23 11:51:10 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topRight"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
style="width: 70px; float: left;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<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>
|
2023-03-02 22:09:02 +08:00
|
|
|
LT
|
2021-12-23 11:51:10 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-leftTop"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2021-12-23 11:51:10 +08:00
|
|
|
</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>
|
2023-03-02 22:09:02 +08:00
|
|
|
Left
|
2021-12-23 11:51:10 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-left"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; top: 0px; right: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2021-12-23 11:51:10 +08:00
|
|
|
</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>
|
2023-03-02 22:09:02 +08:00
|
|
|
LB
|
2021-12-23 11:51:10 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-leftBottom"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
style="width: 70px; margin-left: 304px;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<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>
|
2023-03-02 22:09:02 +08:00
|
|
|
RT
|
2021-12-23 11:51:10 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-rightTop"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2021-12-23 11:51:10 +08:00
|
|
|
</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>
|
2023-03-02 22:09:02 +08:00
|
|
|
Right
|
2021-12-23 11:51:10 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-right"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; top: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2021-12-23 11:51:10 +08:00
|
|
|
</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>
|
2023-03-02 22:09:02 +08:00
|
|
|
RB
|
2021-12-23 11:51:10 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-rightBottom"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-02 22:09:02 +08:00
|
|
|
</div>
|
|
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
style="margin-left: 70px; clear: both; white-space: nowrap;"
|
2023-03-02 22:09:02 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<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>
|
2023-03-02 22:09:02 +08:00
|
|
|
BL
|
2021-12-23 11:51:10 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-bottomLeft"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2021-12-23 11:51:10 +08:00
|
|
|
</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>
|
2023-03-02 22:09:02 +08:00
|
|
|
Bottom
|
2021-12-23 11:51:10 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-bottom"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute; top: 0px; left: 0px;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2021-12-23 11:51:10 +08:00
|
|
|
</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>
|
2023-03-02 22:09:02 +08:00
|
|
|
BR
|
2021-12-23 11:51:10 +08:00
|
|
|
</span>
|
|
|
|
|
</button>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
2023-03-15 00:08:31 +08:00
|
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-bottomRight"
|
2023-05-08 23:28:13 +08:00
|
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
2023-02-15 10:21:28 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="position: absolute;"
|
2023-02-15 10:21:28 +08:00
|
|
|
/>
|
2021-12-23 11:51:10 +08:00
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-content"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
|
|
|
|
<div
|
2023-02-15 10:21:28 +08:00
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2021-12-23 11:51:10 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<span>
|
|
|
|
|
prompt text
|
|
|
|
|
</span>
|
2021-12-23 11:51:10 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
`;
|
2022-10-11 21:33:29 +08:00
|
|
|
|
2023-08-02 14:20:13 +08:00
|
|
|
exports[`renders components/tooltip/demo/placement.tsx extend context correctly 2`] = `[]`;
|
|
|
|
|
|
2023-03-10 11:50:12 +08:00
|
|
|
exports[`renders components/tooltip/demo/render-panel.tsx extend context correctly 1`] = `
|
2022-10-11 21:33:29 +08:00
|
|
|
Array [
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip ant-tooltip-pure ant-tooltip-placement-top ant-tooltip-pink"
|
|
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
|
/>
|
2022-10-11 21:33:29 +08:00
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
|
|
|
|
>
|
|
|
|
|
Hello, Pink Pure Panel!
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>,
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip ant-tooltip-pure ant-tooltip-placement-top"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="--antd-arrow-background-color: #f50;"
|
2022-10-11 21:33:29 +08:00
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
|
/>
|
2022-10-11 21:33:29 +08:00
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="background: rgb(255, 85, 0);"
|
2022-10-11 21:33:29 +08:00
|
|
|
>
|
|
|
|
|
Hello, Customize Color Pure Panel!
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>,
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip ant-tooltip-pure ant-tooltip-placement-bottomLeft"
|
|
|
|
|
>
|
2023-02-15 10:21:28 +08:00
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-arrow"
|
|
|
|
|
/>
|
2022-10-11 21:33:29 +08:00
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-content"
|
2023-03-15 00:08:31 +08:00
|
|
|
style="width: 200px;"
|
2022-10-11 21:33:29 +08:00
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="ant-tooltip-inner"
|
|
|
|
|
role="tooltip"
|
|
|
|
|
>
|
|
|
|
|
Hello, Pure Panel!
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>,
|
|
|
|
|
]
|
|
|
|
|
`;
|
2023-08-02 14:20:13 +08:00
|
|
|
|
|
|
|
|
exports[`renders components/tooltip/demo/render-panel.tsx extend context correctly 2`] = `[]`;
|
