Skip to content

Commit 9336af8

Browse files
authored
docs(Popup): update attach selector in example (#3887)
1 parent 197a7cd commit 9336af8

File tree

3 files changed

+9
-9
lines changed

3 files changed

+9
-9
lines changed

packages/components/popup/_example/container.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@ import { Button, Popup, Space } from 'tdesign-react';
33

44
export default function Attach() {
55
return (
6-
<Space>
7-
<Popup trigger="click" content="触发元素的父元素是组件跟元素,通过 CSSSelector 定义" attach=".t-space">
8-
<Button>点击查看我的父元素(CSSSelector)</Button>
6+
<Space className='attach-container' style={{ position: 'relative' }}>
7+
<Popup trigger="click" content="触发元素的父元素是组件根元素,通过 CSS Selector 定义" attach=".attach-container">
8+
<Button>点击查看我的父元素(CSS Selector)</Button>
99
</Popup>
1010
<Popup
1111
trigger="click"
12-
content="触发元素的父元素是组件跟元素,通过 Function 定义"
12+
content="触发元素的父元素是组件根元素,通过 Function 定义"
1313
attach={(triggerElement) => triggerElement.parentElement}
1414
>
1515
<Button>点击查看我的父元素(Function)</Button>

test/snap/__snapshots__/csr.test.jsx.snap

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -78149,8 +78149,8 @@ exports[`csr snapshot test > csr test packages/components/popup/_example/base.ts
7814978149
exports[`csr snapshot test > csr test packages/components/popup/_example/container.tsx 1`] = `
7815078150
<div>
7815178151
<div
78152-
class="t-space t-space-horizontal"
78153-
style="gap: 16px;"
78152+
class="t-space attach-container t-space-horizontal"
78153+
style="position: relative; gap: 16px;"
7815478154
>
7815578155
<div
7815678156
class="t-space-item"
@@ -78162,7 +78162,7 @@ exports[`csr snapshot test > csr test packages/components/popup/_example/contain
7816278162
<span
7816378163
class="t-button__text"
7816478164
>
78165-
点击查看我的父元素(CSSSelector)
78165+
点击查看我的父元素(CSS Selector)
7816678166
</span>
7816778167
</button>
7816878168
</div>
@@ -150040,7 +150040,7 @@ exports[`ssr snapshot test > ssr test packages/components/popconfirm/_example/th
150040150040

150041150041
exports[`ssr snapshot test > ssr test packages/components/popup/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button>"`;
150042150042

150043-
exports[`ssr snapshot test > ssr test packages/components/popup/_example/container.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击查看我的父元素(CSSSelector)</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击查看我的父元素(Function)</span></button></div></div>"`;
150043+
exports[`ssr snapshot test > ssr test packages/components/popup/_example/container.tsx 1`] = `"<div style="position:relative;gap:16px" class="t-space attach-container t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击查看我的父元素(CSS Selector)</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击查看我的父元素(Function)</span></button></div></div>"`;
150044150044

150045150045
exports[`ssr snapshot test > ssr test packages/components/popup/_example/destroy.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button>"`;
150046150046

test/snap/__snapshots__/ssr.test.jsx.snap

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -730,7 +730,7 @@ exports[`ssr snapshot test > ssr test packages/components/popconfirm/_example/th
730730

731731
exports[`ssr snapshot test > ssr test packages/components/popup/_example/base.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button>"`;
732732

733-
exports[`ssr snapshot test > ssr test packages/components/popup/_example/container.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击查看我的父元素(CSSSelector)</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击查看我的父元素(Function)</span></button></div></div>"`;
733+
exports[`ssr snapshot test > ssr test packages/components/popup/_example/container.tsx 1`] = `"<div style="position:relative;gap:16px" class="t-space attach-container t-space-horizontal"><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击查看我的父元素(CSS Selector)</span></button></div><div class="t-space-item"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">点击查看我的父元素(Function)</span></button></div></div>"`;
734734

735735
exports[`ssr snapshot test > ssr test packages/components/popup/_example/destroy.tsx 1`] = `"<button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Hover me</span></button>"`;
736736

0 commit comments

Comments
 (0)