front_library
/
zy-react-library
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化FormItemsRenderer

master
LiuJiaNan 2025-12-30 15:38:36 +08:00
parent 0573312968
commit 1061443766
1 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/FormBuilder/FormItemsRenderer.js
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.items || []).map((item) => { {
const value = item[itemsFieldKey.valueKey]; option.checkboxCol
const label = item[typeof itemsFieldKey.labelKey === "function" ? itemsFieldKey.labelKey(item) : itemsFieldKey.labelKey];
return option.checkboxCol
? ( ? (
<Row> <Row>
<Col span={option.checkboxCol}> {(option.items || []).map((item) => {
<Checkbox key={value} value={value}> const value = item[itemsFieldKey.valueKey];
{label} const label = item[typeof itemsFieldKey.labelKey === "function" ? itemsFieldKey.labelKey(item) : itemsFieldKey.labelKey];
</Checkbox> return (
</Col> <Col span={option.checkboxCol} key={value}>
<Checkbox value={value}>
{label}
</Checkbox>
</Col>
);
})}
</Row> </Row>
) )
: ( : (
<Checkbox key={value} value={value}> (option.items || []).map((item) => {
{label} const value = item[itemsFieldKey.valueKey];
</Checkbox> const label = item[typeof itemsFieldKey.labelKey === "function" ? itemsFieldKey.labelKey(item) : itemsFieldKey.labelKey];
); return (
})} <Checkbox key={value} value={value}>
{label}
</Checkbox>
);
})
)
}
</Checkbox.Group> </Checkbox.Group>
); );