openstack/skyline-console
Code Issues Proposed changes

Merge "feat: support custom option col"

Browse Source
This commit is contained in:
Zuul 2023-08-08 09:21:05 +00:00 committed by Gerrit Code Review
commit dd00305998
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/DetailCard/index.jsx
View File

@ -90,14 +90,22 @@ const renderLabel = (option) => {
const renderOptions = (options, data, loading, labelCol, contentCol) =>
options
.filter((option) => !option.hidden)
.map((option, index) => (
<Skeleton loading={loading} key={`detail-row-${index}`}>
<Row className={classnames(styles['card-item'], 'sl-card-item')}>
<Col span={labelCol}>{renderLabel(option)}</Col>
<Col span={contentCol}>{getContent(data, option)}</Col>
</Row>
</Skeleton>
));
.map((option, index) => {
const currentLabelCol = has(option, 'labelCol')
? option.labelCol
: labelCol;
const currentContentCol = has(option, 'contentCol')
? option.contentCol
: contentCol;
return (
<Skeleton loading={loading} key={`detail-row-${index}`}>
<Row className={classnames(styles['card-item'], 'sl-card-item')}>
<Col span={currentLabelCol}>{renderLabel(option)}</Col>
<Col span={currentContentCol}>{getContent(data, option)}</Col>
</Row>
</Skeleton>
);
});
const DetailCard = ({
title,
@ -145,6 +153,8 @@ const detailProps = PropTypes.shape({
tooltip: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
dataIndex: PropTypes.string,
valueRender: PropTypes.string,
labelCol: PropTypes.number,
contentCol: PropTypes.number,
});
DetailCard.defaultProps = {