优化FormItemsRenderer

master
LiuJiaNan 2025-12-30 15:38:36 +08:00
parent 0573312968
commit 1061443766
1 changed files with 24 additions and 14 deletions

View File

@ -281,25 +281,35 @@ const FormItemsRenderer = ({
case FORM_ITEM_RENDER_ENUM.CHECKBOX: case FORM_ITEM_RENDER_ENUM.CHECKBOX:
return ( return (
<Checkbox.Group {...componentProps}> <Checkbox.Group {...componentProps}>
{
option.checkboxCol
? (
<Row>
{(option.items || []).map((item) => { {(option.items || []).map((item) => {
const value = item[itemsFieldKey.valueKey]; const value = item[itemsFieldKey.valueKey];
const label = item[typeof itemsFieldKey.labelKey === "function" ? itemsFieldKey.labelKey(item) : itemsFieldKey.labelKey]; const label = item[typeof itemsFieldKey.labelKey === "function" ? itemsFieldKey.labelKey(item) : itemsFieldKey.labelKey];
return option.checkboxCol return (
? ( <Col span={option.checkboxCol} key={value}>
<Row> <Checkbox value={value}>
<Col span={option.checkboxCol}>
<Checkbox key={value} value={value}>
{label} {label}
</Checkbox> </Checkbox>
</Col> </Col>
);
})}
</Row> </Row>
) )
: ( : (
(option.items || []).map((item) => {
const value = item[itemsFieldKey.valueKey];
const label = item[typeof itemsFieldKey.labelKey === "function" ? itemsFieldKey.labelKey(item) : itemsFieldKey.labelKey];
return (
<Checkbox key={value} value={value}> <Checkbox key={value} value={value}>
{label} {label}
</Checkbox> </Checkbox>
); );
})} })
)
}
</Checkbox.Group> </Checkbox.Group>
); );