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

Compare commits

base: front_library:431e3cbc375bd46b806fae3226a39f3665c9d8c1
Branches Tags
front_library:master
...
compare: front_library:983ca0810659dec68b94082b7b5dee37a8fdab55
Branches Tags
front_library:master

2 Commits
431e3cbc37 ... 983ca08106

Author SHA1 Message Date
LiuJiaNan 983ca08106 优化FormItemsRenderer 2025-10-30 16:47:59 +08:00
LiuJiaNan 04dcbd202f 1.0.27 2025-10-30 16:43:04 +08:00
2 changed files with 50 additions and 51 deletions
Show Stats Expand all files Collapse all files

99
components/FormBuilder/FormItemsRenderer.js
View File

@ -21,13 +21,13 @@ const { RangePicker } = DatePicker;
* 表单项渲染器组件 * 表单项渲染器组件
*/ */
const FormItemsRenderer = ({ const FormItemsRenderer = ({
options, options,
labelCol, labelCol,
span = 12, span = 12,
collapse = false, collapse = false,
useAutoGenerateRequired = true, useAutoGenerateRequired = true,
initialValues, initialValues,
}) => { }) => {
const form = Form.useFormInstance(); const form = Form.useFormInstance();
// 获取表单值，优先使用 initialValues // 获取表单值，优先使用 initialValues
@ -297,40 +297,39 @@ const FormItemsRenderer = ({
return ( return (
option.customizeRender option.customizeRender
? (renderFormControl(option)) ? (renderFormControl(option))
: (() => { : (
// 支持动态计算 hidden <Form.Item
const hidden = typeof option.hidden === "function" key={option.name || index}
? option.hidden(getFormValues()) noStyle
: (option.hidden ?? false); shouldUpdate={option.shouldUpdate ?? option?.componentProps?.shouldUpdate}
dependencies={option.dependencies || option?.componentProps?.dependencies}
>
{() => {
// 支持动态计算 hidden
const hidden = typeof option.hidden === "function"
? option.hidden(getFormValues())
: (option.hidden ?? false);
if (hidden) if (hidden)
return null; return null;
return ( return (
<Col key={option.name || index} span={itemSpan} style={style}> <Col key={option.name || index} span={itemSpan} style={style}>
<Form.Item <Form.Item
noStyle name={option.name}
shouldUpdate={option.shouldUpdate ?? option?.componentProps?.shouldUpdate} label={renderLabel(option)}
dependencies={option.dependencies || option?.componentProps?.dependencies} rules={getRules(option)}
> labelCol={itemLabelCol}
{() => { wrapperCol={itemWrapperCol}
return ( {...getFormItemProps(option)}
<Form.Item >
name={option.name} {renderFormControl(option)}
label={renderLabel(option)} </Form.Item>
rules={getRules(option)} </Col>
labelCol={itemLabelCol} );
wrapperCol={itemWrapperCol} }}
{...getFormItemProps(option)} </Form.Item>
> )
{renderFormControl(option)}
</Form.Item>
);
}}
</Form.Item>
</Col>
);
})()
); );
} }
@ -349,17 +348,17 @@ const FormItemsRenderer = ({
option.customizeRender option.customizeRender
? (renderFormControl(option)) ? (renderFormControl(option))
: ( : (
<Form.Item <Form.Item
name={option.name} name={option.name}
label={renderLabel(option)} label={renderLabel(option)}
rules={getRules(option)} rules={getRules(option)}
labelCol={itemLabelCol} labelCol={itemLabelCol}
wrapperCol={itemWrapperCol} wrapperCol={itemWrapperCol}
{...getFormItemProps(option)} {...getFormItemProps(option)}
> >
{renderFormControl(option)} {renderFormControl(option)}
</Form.Item> </Form.Item>
) )
} }
</Col> </Col>
); );

2
package.json
View File

@ -1,7 +1,7 @@
{ {
"name": "zy-react-library", "name": "zy-react-library",
"private": false, "private": false,
"version": "1.0.26", "version": "1.0.27",
"type": "module", "type": "module",
"description": "", "description": "",
"author": "LiuJiaNan", "author": "LiuJiaNan",