Skip to content

Commit

Permalink
🔨 simplify Popconfirm and Popover dom structure
Browse files Browse the repository at this point in the history
  • Loading branch information
@afc163
afc163 committed Mar 10, 2020
1 parent 28c0626 commit 8614c81
Show file tree
Hide file tree
Showing 6 changed files with 2,621 additions and 2,741 deletions.
288 changes: 138 additions & 150 deletions components/config-provider/__tests__/__snapshots__/components.test.js.snap
View file
Expand Up @@ -9271,57 +9271,55 @@ exports[`ConfigProvider components Popconfirm configProvider 1`] = `
class="config-popover-inner"
role="tooltip"
>
<div>
<div
class="config-popover-inner-content"
>
<div
class="config-popover-inner-content"
class="config-popover-message"
>
<div
class="config-popover-message"
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
>
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
<svg
aria-hidden="true"
class=""
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<svg
aria-hidden="true"
class=""
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
<div
class="config-popover-message-title"
/>
</div>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
<div
class="config-popover-buttons"
class="config-popover-message-title"
/>
</div>
<div
class="config-popover-buttons"
>
<button
class="config-btn config-btn-sm"
type="button"
>
<button
class="config-btn config-btn-sm"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
<span>
Cancel
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
Expand Down Expand Up @@ -9353,57 +9351,55 @@ exports[`ConfigProvider components Popconfirm normal 1`] = `
class="ant-popover-inner"
role="tooltip"
>
<div>
<div
class="ant-popover-inner-content"
>
<div
class="ant-popover-inner-content"
class="ant-popover-message"
>
<div
class="ant-popover-message"
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
>
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
<svg
aria-hidden="true"
class=""
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<svg
aria-hidden="true"
class=""
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
<div
class="ant-popover-message-title"
/>
</div>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
<div
class="ant-popover-buttons"
class="ant-popover-message-title"
/>
</div>
<div
class="ant-popover-buttons"
>
<button
class="ant-btn ant-btn-sm"
type="button"
>
<button
class="ant-btn ant-btn-sm"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
<span>
Cancel
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
Expand Down Expand Up @@ -9435,57 +9431,55 @@ exports[`ConfigProvider components Popconfirm prefixCls 1`] = `
class="prefix-Popconfirm-inner"
role="tooltip"
>
<div>
<div
class="prefix-Popconfirm-inner-content"
>
<div
class="prefix-Popconfirm-inner-content"
class="prefix-Popconfirm-message"
>
<div
class="prefix-Popconfirm-message"
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
>
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
<svg
aria-hidden="true"
class=""
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<svg
aria-hidden="true"
class=""
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
<div
class="prefix-Popconfirm-message-title"
/>
</div>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
<div
class="prefix-Popconfirm-buttons"
class="prefix-Popconfirm-message-title"
/>
</div>
<div
class="prefix-Popconfirm-buttons"
>
<button
class="ant-btn ant-btn-sm"
type="button"
>
<button
class="ant-btn ant-btn-sm"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
<span>
Cancel
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
Expand Down Expand Up @@ -9517,11 +9511,9 @@ exports[`ConfigProvider components Popover configProvider 1`] = `
class="config-popover-inner"
role="tooltip"
>
<div>
<div
class="config-popover-inner-content"
/>
</div>
<div
class="config-popover-inner-content"
/>
</div>
</div>
</div>
Expand Down Expand Up @@ -9551,11 +9543,9 @@ exports[`ConfigProvider components Popover normal 1`] = `
class="ant-popover-inner"
role="tooltip"
>
<div>
<div
class="ant-popover-inner-content"
/>
</div>
<div
class="ant-popover-inner-content"
/>
</div>
</div>
</div>
Expand Down Expand Up @@ -9585,11 +9575,9 @@ exports[`ConfigProvider components Popover prefixCls 1`] = `
class="prefix-Popover-inner"
role="tooltip"
>
<div>
<div
class="prefix-Popover-inner-content"
/>
</div>
<div
class="prefix-Popover-inner-content"
/>
</div>
</div>
</div>
Expand Down

0 comments on commit 8614c81

Please sign in to comment.