2019-05-22 23:22:09 +08:00
|
|
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
|
2019-07-15 10:08:20 +08:00
|
|
|
exports[`Descriptions Descriptions support colon 1`] = `
|
2019-07-10 10:01:31 +08:00
|
|
|
<Descriptions
|
2019-07-15 10:08:20 +08:00
|
|
|
colon={false}
|
2019-07-10 10:01:31 +08:00
|
|
|
column={
|
|
|
|
Object {
|
|
|
|
"lg": 3,
|
|
|
|
"md": 3,
|
|
|
|
"sm": 2,
|
|
|
|
"xl": 3,
|
|
|
|
"xs": 1,
|
|
|
|
"xxl": 3,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
size="default"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
className="ant-descriptions"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
className="ant-descriptions-view"
|
|
|
|
>
|
|
|
|
<table>
|
|
|
|
<tbody>
|
|
|
|
<tr
|
|
|
|
className="ant-descriptions-row"
|
|
|
|
key="0"
|
|
|
|
>
|
2019-07-15 10:08:20 +08:00
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
label="Product"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
span={1}
|
|
|
|
>
|
|
|
|
Cloud Database
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={false}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="label-0"
|
2019-07-15 10:08:20 +08:00
|
|
|
layout="horizontal"
|
|
|
|
type="label"
|
2019-07-10 10:01:31 +08:00
|
|
|
>
|
2019-07-15 10:08:20 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={1}
|
2019-07-10 10:01:31 +08:00
|
|
|
>
|
2019-07-15 10:08:20 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-label"
|
|
|
|
key="label"
|
|
|
|
>
|
|
|
|
Product
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-content"
|
|
|
|
key="content"
|
|
|
|
>
|
|
|
|
Cloud Database
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
2019-07-10 10:01:31 +08:00
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</Descriptions>
|
|
|
|
`;
|
|
|
|
|
2019-07-15 10:08:20 +08:00
|
|
|
exports[`Descriptions Descriptions support style 1`] = `
|
2019-07-10 10:32:02 +08:00
|
|
|
<Descriptions
|
|
|
|
column={
|
|
|
|
Object {
|
|
|
|
"lg": 3,
|
|
|
|
"md": 3,
|
|
|
|
"sm": 2,
|
|
|
|
"xl": 3,
|
|
|
|
"xs": 1,
|
|
|
|
"xxl": 3,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
size="default"
|
2019-07-15 10:08:20 +08:00
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#e8e8e8",
|
|
|
|
}
|
|
|
|
}
|
2019-07-10 10:32:02 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
className="ant-descriptions"
|
2019-07-15 10:08:20 +08:00
|
|
|
style={
|
|
|
|
Object {
|
|
|
|
"backgroundColor": "#e8e8e8",
|
|
|
|
}
|
|
|
|
}
|
2019-07-10 10:32:02 +08:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
className="ant-descriptions-view"
|
|
|
|
>
|
|
|
|
<table>
|
|
|
|
<tbody>
|
|
|
|
<tr
|
|
|
|
className="ant-descriptions-row"
|
|
|
|
key="0"
|
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
span={1}
|
|
|
|
>
|
|
|
|
Cloud Database
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
2019-07-15 10:08:20 +08:00
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="label-0"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="horizontal"
|
|
|
|
type="label"
|
2019-07-10 10:32:02 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={1}
|
2019-07-10 10:32:02 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
2019-07-15 10:08:20 +08:00
|
|
|
className="ant-descriptions-item-label ant-descriptions-item-colon ant-descriptions-item-no-label"
|
2019-07-10 13:21:56 +08:00
|
|
|
key="label"
|
2019-07-15 10:08:20 +08:00
|
|
|
/>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-content"
|
|
|
|
key="content"
|
|
|
|
>
|
|
|
|
Cloud Database
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
2019-07-10 10:32:02 +08:00
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</Descriptions>
|
|
|
|
`;
|
|
|
|
|
2019-06-26 16:05:46 +08:00
|
|
|
exports[`Descriptions Descriptions.Item support className 1`] = `
|
|
|
|
<Descriptions
|
|
|
|
column={
|
|
|
|
Object {
|
|
|
|
"lg": 3,
|
|
|
|
"md": 3,
|
|
|
|
"sm": 2,
|
|
|
|
"xl": 3,
|
|
|
|
"xs": 1,
|
|
|
|
"xxl": 3,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
size="default"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
className="ant-descriptions"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
className="ant-descriptions-view"
|
|
|
|
>
|
|
|
|
<table>
|
|
|
|
<tbody>
|
|
|
|
<tr
|
|
|
|
className="ant-descriptions-row"
|
|
|
|
key="0"
|
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
className="my-class"
|
|
|
|
label="Product"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
span={1}
|
|
|
|
>
|
|
|
|
Cloud Database
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="label-0"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="horizontal"
|
|
|
|
type="label"
|
2019-06-26 16:05:46 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item my-class"
|
|
|
|
colSpan={1}
|
2019-06-26 16:05:46 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
2019-12-03 23:59:37 +08:00
|
|
|
className="ant-descriptions-item-label ant-descriptions-item-colon"
|
2019-07-10 13:21:56 +08:00
|
|
|
key="label"
|
|
|
|
>
|
|
|
|
Product
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-content"
|
|
|
|
key="content"
|
|
|
|
>
|
|
|
|
Cloud Database
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
2019-06-26 16:05:46 +08:00
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</Descriptions>
|
|
|
|
`;
|
|
|
|
|
2019-05-22 23:22:09 +08:00
|
|
|
exports[`Descriptions column is number 1`] = `
|
|
|
|
<Descriptions
|
|
|
|
column="3"
|
|
|
|
size="default"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
className="ant-descriptions"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
className="ant-descriptions-view"
|
|
|
|
>
|
|
|
|
<table>
|
|
|
|
<tbody>
|
|
|
|
<tr
|
|
|
|
className="ant-descriptions-row"
|
|
|
|
key="0"
|
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
label="Product"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
>
|
|
|
|
Cloud Database
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="label-0"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="horizontal"
|
|
|
|
type="label"
|
2019-05-22 23:22:09 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={1}
|
2019-05-22 23:22:09 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-label ant-descriptions-item-colon"
|
|
|
|
key="label"
|
|
|
|
>
|
|
|
|
Product
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-content"
|
|
|
|
key="content"
|
|
|
|
>
|
|
|
|
Cloud Database
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
label="Billing"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
>
|
|
|
|
Prepaid
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="label-1"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="horizontal"
|
|
|
|
type="label"
|
2019-05-22 23:22:09 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={1}
|
2019-05-22 23:22:09 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-label ant-descriptions-item-colon"
|
|
|
|
key="label"
|
|
|
|
>
|
|
|
|
Billing
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-content"
|
|
|
|
key="content"
|
|
|
|
>
|
|
|
|
Prepaid
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
label="time"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
>
|
|
|
|
18:00:00
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="label-2"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="horizontal"
|
|
|
|
type="label"
|
2019-05-22 23:22:09 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={1}
|
2019-05-22 23:22:09 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-label ant-descriptions-item-colon"
|
|
|
|
key="label"
|
|
|
|
>
|
|
|
|
time
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-content"
|
|
|
|
key="content"
|
|
|
|
>
|
|
|
|
18:00:00
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
2019-05-22 23:22:09 +08:00
|
|
|
</tr>
|
|
|
|
<tr
|
|
|
|
className="ant-descriptions-row"
|
|
|
|
key="1"
|
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
label="Amount"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
span={3}
|
|
|
|
>
|
|
|
|
$80.00
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="label-0"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="horizontal"
|
|
|
|
type="label"
|
2019-05-22 23:22:09 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={3}
|
2019-05-22 23:22:09 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-label ant-descriptions-item-colon"
|
|
|
|
key="label"
|
|
|
|
>
|
|
|
|
Amount
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-content"
|
|
|
|
key="content"
|
|
|
|
>
|
|
|
|
$80.00
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
2019-05-22 23:22:09 +08:00
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</Descriptions>
|
|
|
|
`;
|
2019-06-21 13:49:01 +08:00
|
|
|
|
2019-11-30 18:10:56 +08:00
|
|
|
exports[`Descriptions should work with React Fragment 1`] = `
|
|
|
|
<div
|
|
|
|
class="ant-descriptions"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="ant-descriptions-view"
|
|
|
|
>
|
|
|
|
<table>
|
|
|
|
<tbody>
|
|
|
|
<tr
|
|
|
|
class="ant-descriptions-row"
|
|
|
|
>
|
|
|
|
<td
|
|
|
|
class="ant-descriptions-item"
|
|
|
|
colspan="1"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-descriptions-item-label ant-descriptions-item-colon"
|
|
|
|
>
|
|
|
|
bamboo
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
class="ant-descriptions-item-content"
|
|
|
|
>
|
|
|
|
bamboo
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr
|
|
|
|
class="ant-descriptions-row"
|
|
|
|
>
|
|
|
|
<td
|
|
|
|
class="ant-descriptions-item"
|
|
|
|
colspan="1"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-descriptions-item-label ant-descriptions-item-colon"
|
|
|
|
>
|
|
|
|
bamboo
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
class="ant-descriptions-item-content"
|
|
|
|
>
|
|
|
|
bamboo
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr
|
|
|
|
class="ant-descriptions-row"
|
|
|
|
>
|
|
|
|
<td
|
|
|
|
class="ant-descriptions-item"
|
|
|
|
colspan="1"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="ant-descriptions-item-label ant-descriptions-item-colon"
|
|
|
|
>
|
|
|
|
bamboo
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
class="ant-descriptions-item-content"
|
|
|
|
>
|
|
|
|
bamboo
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|
|
|
|
|
2019-06-27 11:29:33 +08:00
|
|
|
exports[`Descriptions vertical layout 1`] = `
|
|
|
|
<Descriptions
|
|
|
|
column={
|
|
|
|
Object {
|
|
|
|
"lg": 3,
|
|
|
|
"md": 3,
|
|
|
|
"sm": 2,
|
|
|
|
"xl": 3,
|
|
|
|
"xs": 1,
|
|
|
|
"xxl": 3,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
layout="vertical"
|
|
|
|
size="default"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
className="ant-descriptions"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
className="ant-descriptions-view"
|
|
|
|
>
|
|
|
|
<table>
|
|
|
|
<tbody>
|
|
|
|
<tr
|
|
|
|
className="ant-descriptions-row"
|
|
|
|
key="label-0"
|
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
label="Product"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
>
|
|
|
|
Cloud Database
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="label-0"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="vertical"
|
|
|
|
type="label"
|
2019-06-27 11:29:33 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={1}
|
2019-06-27 11:29:33 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-label ant-descriptions-item-colon"
|
|
|
|
key="label"
|
|
|
|
>
|
|
|
|
Product
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
2019-06-27 11:29:33 +08:00
|
|
|
</tr>
|
|
|
|
<tr
|
|
|
|
className="ant-descriptions-row"
|
|
|
|
key="content-0"
|
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
label="Product"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
>
|
|
|
|
Cloud Database
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="content-0"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="vertical"
|
|
|
|
type="content"
|
2019-06-27 11:29:33 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={1}
|
2019-06-27 11:29:33 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-content"
|
|
|
|
key="content"
|
|
|
|
>
|
|
|
|
Cloud Database
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
2019-06-27 11:29:33 +08:00
|
|
|
</tr>
|
|
|
|
<tr
|
|
|
|
className="ant-descriptions-row"
|
|
|
|
key="label-1"
|
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
label="Billing"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
>
|
|
|
|
Prepaid
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="label-0"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="vertical"
|
|
|
|
type="label"
|
2019-06-27 11:29:33 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={1}
|
2019-06-27 11:29:33 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-label ant-descriptions-item-colon"
|
|
|
|
key="label"
|
|
|
|
>
|
|
|
|
Billing
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
2019-06-27 11:29:33 +08:00
|
|
|
</tr>
|
|
|
|
<tr
|
|
|
|
className="ant-descriptions-row"
|
|
|
|
key="content-1"
|
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
label="Billing"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
>
|
|
|
|
Prepaid
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="content-0"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="vertical"
|
|
|
|
type="content"
|
2019-06-27 11:29:33 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={1}
|
2019-06-27 11:29:33 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-content"
|
|
|
|
key="content"
|
|
|
|
>
|
|
|
|
Prepaid
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
2019-06-27 11:29:33 +08:00
|
|
|
</tr>
|
|
|
|
<tr
|
|
|
|
className="ant-descriptions-row"
|
|
|
|
key="label-2"
|
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
label="time"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
>
|
|
|
|
18:00:00
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="label-0"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="vertical"
|
|
|
|
type="label"
|
2019-06-27 11:29:33 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={1}
|
2019-06-27 11:29:33 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-label ant-descriptions-item-colon"
|
|
|
|
key="label"
|
|
|
|
>
|
|
|
|
time
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
2019-06-27 11:29:33 +08:00
|
|
|
</tr>
|
|
|
|
<tr
|
|
|
|
className="ant-descriptions-row"
|
|
|
|
key="content-2"
|
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
label="time"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
>
|
|
|
|
18:00:00
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="content-0"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="vertical"
|
|
|
|
type="content"
|
2019-06-27 11:29:33 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={1}
|
2019-06-27 11:29:33 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-content"
|
|
|
|
key="content"
|
|
|
|
>
|
|
|
|
18:00:00
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
2019-06-27 11:29:33 +08:00
|
|
|
</tr>
|
|
|
|
<tr
|
|
|
|
className="ant-descriptions-row"
|
|
|
|
key="label-3"
|
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
label="Amount"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
span={1}
|
|
|
|
>
|
|
|
|
$80.00
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="label-0"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="vertical"
|
|
|
|
type="label"
|
2019-06-27 11:29:33 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={1}
|
2019-06-27 11:29:33 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-label ant-descriptions-item-colon"
|
|
|
|
key="label"
|
|
|
|
>
|
|
|
|
Amount
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
2019-06-27 11:29:33 +08:00
|
|
|
</tr>
|
|
|
|
<tr
|
|
|
|
className="ant-descriptions-row"
|
|
|
|
key="content-3"
|
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
label="Amount"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
span={1}
|
|
|
|
>
|
|
|
|
$80.00
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="content-0"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="vertical"
|
|
|
|
type="content"
|
2019-06-27 11:29:33 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={1}
|
2019-06-27 11:29:33 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-content"
|
|
|
|
key="content"
|
|
|
|
>
|
|
|
|
$80.00
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
2019-06-27 11:29:33 +08:00
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</Descriptions>
|
|
|
|
`;
|
|
|
|
|
2019-06-21 13:49:01 +08:00
|
|
|
exports[`Descriptions when item is rendered conditionally 1`] = `
|
|
|
|
<Descriptions
|
|
|
|
column={
|
|
|
|
Object {
|
|
|
|
"lg": 3,
|
|
|
|
"md": 3,
|
|
|
|
"sm": 2,
|
|
|
|
"xl": 3,
|
|
|
|
"xs": 1,
|
|
|
|
"xxl": 3,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
size="default"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
className="ant-descriptions"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
className="ant-descriptions-view"
|
|
|
|
>
|
|
|
|
<table>
|
|
|
|
<tbody>
|
|
|
|
<tr
|
|
|
|
className="ant-descriptions-row"
|
|
|
|
key="0"
|
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
label="Product"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
>
|
|
|
|
Cloud Database
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="label-0"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="horizontal"
|
|
|
|
type="label"
|
2019-06-21 13:49:01 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={1}
|
2019-06-21 13:49:01 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-label ant-descriptions-item-colon"
|
|
|
|
key="label"
|
|
|
|
>
|
|
|
|
Product
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-content"
|
|
|
|
key="content"
|
|
|
|
>
|
|
|
|
Cloud Database
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
2019-06-21 13:49:01 +08:00
|
|
|
</tr>
|
|
|
|
<tr
|
|
|
|
className="ant-descriptions-row"
|
|
|
|
key="1"
|
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
label="Billing"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
>
|
|
|
|
Prepaid
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="label-0"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="horizontal"
|
|
|
|
type="label"
|
2019-06-21 13:49:01 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={1}
|
2019-06-21 13:49:01 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-label ant-descriptions-item-colon"
|
|
|
|
key="label"
|
|
|
|
>
|
|
|
|
Billing
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-content"
|
|
|
|
key="content"
|
|
|
|
>
|
|
|
|
Prepaid
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
2019-06-21 13:49:01 +08:00
|
|
|
</tr>
|
|
|
|
<tr
|
|
|
|
className="ant-descriptions-row"
|
|
|
|
key="2"
|
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
label="time"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
>
|
|
|
|
18:00:00
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="label-0"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="horizontal"
|
|
|
|
type="label"
|
2019-06-21 13:49:01 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={1}
|
2019-06-21 13:49:01 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-label ant-descriptions-item-colon"
|
|
|
|
key="label"
|
|
|
|
>
|
|
|
|
time
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-content"
|
|
|
|
key="content"
|
|
|
|
>
|
|
|
|
18:00:00
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
2019-06-21 13:49:01 +08:00
|
|
|
</tr>
|
|
|
|
<tr
|
|
|
|
className="ant-descriptions-row"
|
|
|
|
key="3"
|
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<Col
|
|
|
|
bordered={false}
|
|
|
|
child={
|
|
|
|
<DescriptionsItem
|
|
|
|
label="Amount"
|
|
|
|
prefixCls="ant-descriptions"
|
|
|
|
span={1}
|
|
|
|
>
|
|
|
|
$80.00
|
|
|
|
</DescriptionsItem>
|
|
|
|
}
|
|
|
|
colon={true}
|
2019-09-03 17:18:03 +08:00
|
|
|
key="label-0"
|
2019-07-10 13:21:56 +08:00
|
|
|
layout="horizontal"
|
|
|
|
type="label"
|
2019-06-21 13:49:01 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<td
|
|
|
|
className="ant-descriptions-item"
|
|
|
|
colSpan={1}
|
2019-06-21 13:49:01 +08:00
|
|
|
>
|
2019-07-10 13:21:56 +08:00
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-label ant-descriptions-item-colon"
|
|
|
|
key="label"
|
|
|
|
>
|
|
|
|
Amount
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
className="ant-descriptions-item-content"
|
|
|
|
key="content"
|
|
|
|
>
|
|
|
|
$80.00
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</Col>
|
2019-06-21 13:49:01 +08:00
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</Descriptions>
|
|
|
|
`;
|