fix: Empty description validateDOMNesting warning (#28862)

* fix: Empty description validateDOMNesting warning

close #28860

* update snapshot
This commit is contained in:
偏右 2021-01-14 16:29:48 +08:00 committed by GitHub
parent e3214c896f
commit ec6f198b0d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
16 changed files with 471 additions and 475 deletions

View File

@ -639,11 +639,11 @@ exports[`Cascader have a notFoundContent that fit trigger input width 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</li>
</ul>
@ -1156,11 +1156,11 @@ exports[`Cascader should render not found content 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</li>
</ul>
@ -1225,11 +1225,11 @@ exports[`Cascader should show not found content when options.length is 0 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</li>
</ul>

View File

@ -13735,11 +13735,11 @@ exports[`ConfigProvider components Empty configProvider 1`] = `
</g>
</svg>
</div>
<p
<div
class="config-empty-description"
>
No Data
</p>
</div>
</div>
`;
@ -13810,11 +13810,11 @@ exports[`ConfigProvider components Empty configProvider componentSize large 1`]
</g>
</svg>
</div>
<p
<div
class="config-empty-description"
>
No Data
</p>
</div>
</div>
`;
@ -13885,11 +13885,11 @@ exports[`ConfigProvider components Empty configProvider componentSize middle 1`]
</g>
</svg>
</div>
<p
<div
class="config-empty-description"
>
No Data
</p>
</div>
</div>
`;
@ -13960,11 +13960,11 @@ exports[`ConfigProvider components Empty configProvider virtual and dropdownMatc
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
`;
@ -14035,11 +14035,11 @@ exports[`ConfigProvider components Empty normal 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
`;
@ -14110,11 +14110,11 @@ exports[`ConfigProvider components Empty prefixCls 1`] = `
</g>
</svg>
</div>
<p
<div
class="prefix-Empty-description"
>
No Data
</p>
</div>
</div>
`;
@ -23857,11 +23857,11 @@ exports[`ConfigProvider components Table configProvider 1`] = `
</g>
</svg>
</div>
<p
<div
class="config-empty-description"
>
No Data
</p>
</div>
</div>
</td>
</tr>
@ -24128,11 +24128,11 @@ exports[`ConfigProvider components Table configProvider componentSize large 1`]
</g>
</svg>
</div>
<p
<div
class="config-empty-description"
>
No Data
</p>
</div>
</div>
</td>
</tr>
@ -24399,11 +24399,11 @@ exports[`ConfigProvider components Table configProvider componentSize middle 1`]
</g>
</svg>
</div>
<p
<div
class="config-empty-description"
>
No Data
</p>
</div>
</div>
</td>
</tr>
@ -24670,11 +24670,11 @@ exports[`ConfigProvider components Table configProvider virtual and dropdownMatc
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</td>
</tr>
@ -24941,11 +24941,11 @@ exports[`ConfigProvider components Table normal 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</td>
</tr>
@ -25212,11 +25212,11 @@ exports[`ConfigProvider components Table prefixCls 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</td>
</tr>
@ -34731,11 +34731,11 @@ exports[`ConfigProvider components Transfer configProvider 1`] = `
</g>
</svg>
</div>
<p
<div
class="config-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -34889,11 +34889,11 @@ exports[`ConfigProvider components Transfer configProvider 1`] = `
</g>
</svg>
</div>
<p
<div
class="config-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -35000,11 +35000,11 @@ exports[`ConfigProvider components Transfer configProvider componentSize large 1
</g>
</svg>
</div>
<p
<div
class="config-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -35158,11 +35158,11 @@ exports[`ConfigProvider components Transfer configProvider componentSize large 1
</g>
</svg>
</div>
<p
<div
class="config-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -35269,11 +35269,11 @@ exports[`ConfigProvider components Transfer configProvider componentSize middle
</g>
</svg>
</div>
<p
<div
class="config-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -35427,11 +35427,11 @@ exports[`ConfigProvider components Transfer configProvider componentSize middle
</g>
</svg>
</div>
<p
<div
class="config-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -35538,11 +35538,11 @@ exports[`ConfigProvider components Transfer configProvider virtual and dropdownM
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -35696,11 +35696,11 @@ exports[`ConfigProvider components Transfer configProvider virtual and dropdownM
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -35807,11 +35807,11 @@ exports[`ConfigProvider components Transfer normal 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -35965,11 +35965,11 @@ exports[`ConfigProvider components Transfer normal 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -36076,11 +36076,11 @@ exports[`ConfigProvider components Transfer prefixCls 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -36234,11 +36234,11 @@ exports[`ConfigProvider components Transfer prefixCls 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>

View File

@ -67,10 +67,10 @@ exports[`ConfigProvider render empty 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
`;

View File

@ -67,11 +67,11 @@ exports[`renders ./components/empty/demo/basic.md correctly 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
`;
@ -359,11 +359,11 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -517,11 +517,11 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -619,11 +619,11 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</td>
</tr>
@ -690,11 +690,11 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -717,7 +717,7 @@ exports[`renders ./components/empty/demo/customize.md correctly 1`] = `
src="https://gw.alipayobjects.com/zos/antfincdn/ZHrcdLPrvN/empty.svg"
/>
</div>
<p
<div
class="ant-empty-description"
>
<span>
@ -728,7 +728,7 @@ exports[`renders ./components/empty/demo/customize.md correctly 1`] = `
Description
</a>
</span>
</p>
</div>
<div
class="ant-empty-footer"
>
@ -855,10 +855,10 @@ exports[`renders ./components/empty/demo/simple.md correctly 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
`;

View File

@ -67,11 +67,11 @@ exports[`Empty rtl render component should be rendered correctly in RTL directio
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
`;
@ -142,10 +142,10 @@ exports[`Empty should render in RTL direction 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
`;

View File

@ -69,7 +69,7 @@ const Empty: EmptyType = ({
<div className={`${prefixCls}-image`} style={imageStyle}>
{imageNode}
</div>
{des && <p className={`${prefixCls}-description`}>{des}</p>}
{des && <div className={`${prefixCls}-description`}>{des}</div>}
{children && <div className={`${prefixCls}-footer`}>{children}</div>}
</div>
);

View File

@ -24,10 +24,6 @@
}
}
&-description {
margin: 0;
}
&-footer {
margin-top: 16px;
}

View File

@ -1076,11 +1076,11 @@ exports[`renders ./components/list/demo/infinite-load.md correctly 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>

View File

@ -53,11 +53,11 @@ exports[`List renders empty list 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>

View File

@ -53,11 +53,11 @@ exports[`List rtl render component should be rendered correctly in RTL direction
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>

View File

@ -187,11 +187,11 @@ exports[`Table rtl render component should be rendered correctly in RTL directio
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</td>
</tr>

View File

@ -194,11 +194,11 @@ exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</td>
</tr>

View File

@ -119,11 +119,11 @@ exports[`Table renders empty table 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</td>
</tr>
@ -494,11 +494,11 @@ exports[`Table renders empty table with fixed columns 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</td>
@ -654,11 +654,11 @@ exports[`Table renders empty table without emptyText when loading 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</td>
</tr>

View File

@ -133,11 +133,11 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -344,11 +344,11 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -1150,11 +1150,11 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -1309,11 +1309,11 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -1833,11 +1833,11 @@ Array [
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -1976,11 +1976,11 @@ Array [
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -2875,11 +2875,11 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -3066,11 +3066,11 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -4581,11 +4581,11 @@ exports[`renders ./components/transfer/demo/tree-transfer.md correctly 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>

View File

@ -99,11 +99,11 @@ exports[`Transfer rtl render component should be rendered correctly in RTL direc
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -257,11 +257,11 @@ exports[`Transfer rtl render component should be rendered correctly in RTL direc
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -1002,11 +1002,11 @@ exports[`Transfer should support render value and label in item 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
@ -1247,11 +1247,11 @@ exports[`immutable data dataSource is frozen 1`] = `
</g>
</svg>
</div>
<p
<div
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>