baha/skyline
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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