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

优化FormItemsRenderer

master
LiuJiaNan 2025-12-16 17:17:22 +08:00
parent ef8b200783
commit c1c9233ed3
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/FormBuilder/FormItemsRenderer.d.ts vendored
View File

@ -31,7 +31,7 @@ export interface itemsFieldConfig {
/** 值字段的键名，默认为 'bianma' */ /** 值字段的键名，默认为 'bianma' */
valueKey?: string; valueKey?: string;
/** 标签字段的键名，默认为 'name' */ /** 标签字段的键名，默认为 'name' */
labelKey?: string; labelKey?: string | ((item: Record<string, any>) => ReactNode);
} }
/** /**

6
components/FormBuilder/FormItemsRenderer.js
View File

@ -253,7 +253,7 @@ const FormItemsRenderer = ({
<Select placeholder={placeholder} showSearch allowClear optionFilterProp="children" {...componentProps}> <Select placeholder={placeholder} showSearch allowClear optionFilterProp="children" {...componentProps}>
{(option.items || []).map((item) => { {(option.items || []).map((item) => {
const value = item[itemsFieldKey.valueKey]; const value = item[itemsFieldKey.valueKey];
const label = item[itemsFieldKey.labelKey]; const label = item[typeof itemsFieldKey.labelKey === "function" ? itemsFieldKey.labelKey(item) : itemsFieldKey.labelKey];
return ( return (
<Select.Option key={value} value={value}> <Select.Option key={value} value={value}>
{label} {label}
@ -268,7 +268,7 @@ const FormItemsRenderer = ({
<Radio.Group {...componentProps}> <Radio.Group {...componentProps}>
{(option.items || []).map((item) => { {(option.items || []).map((item) => {
const value = item[itemsFieldKey.valueKey]; const value = item[itemsFieldKey.valueKey];
const label = item[itemsFieldKey.labelKey]; const label = item[typeof itemsFieldKey.labelKey === "function" ? itemsFieldKey.labelKey(item) : itemsFieldKey.labelKey];
return ( return (
<Radio key={value} value={value}> <Radio key={value} value={value}>
{label} {label}
@ -283,7 +283,7 @@ const FormItemsRenderer = ({
<Checkbox.Group {...componentProps}> <Checkbox.Group {...componentProps}>
{(option.items || []).map((item) => { {(option.items || []).map((item) => {
const value = item[itemsFieldKey.valueKey]; const value = item[itemsFieldKey.valueKey];
const label = item[itemsFieldKey.labelKey]; const label = item[typeof itemsFieldKey.labelKey === "function" ? itemsFieldKey.labelKey(item) : itemsFieldKey.labelKey];
return ( return (
<Checkbox key={value} value={value}> <Checkbox key={value} value={value}>
{label} {label}