建议新增数组字段

[blain3white]

createArrayField('roles', {
label: '角色',
enum: ['user', 'admin', 'sth else'] //可不填
}),

[KuanHsiaoKuo]

自定义字段 | Tushan
可以根据自己的需要创建，比如我自定义了markdown字段和数组字段：

import React from 'react';
import ReactMarkdown from 'react-markdown';
import {TextArea, Button} from 'semantic-ui-react';  // 或者其他的textarea组件，根据你的实际情况
import {
    createFieldFactory,
    FieldDetailComponent,
    FieldEditComponent,
} from 'tushan';

export const MarkdownFieldDetail: FieldDetailComponent<string> = React.memo(
    (props) => {
        return <ReactMarkdown>{props.value}</ReactMarkdown>;
    }
);
MarkdownFieldDetail.displayName = 'MarkdownFieldDetail';

export const MarkdownFieldEdit: FieldEditComponent<string> = React.memo(
    (props) => {
        // 打印props.value
        return (
            <TextArea
                placeholder={props.options.edit?.placeholder ?? props.options.label}
                value={props.value}
                onChange={(e, {value}) => props.onChange(value as string)}
            />
        );
    }
);
MarkdownFieldEdit.displayName = 'MarkdownFieldEdit';

export const createMarkdownField = createFieldFactory({
    detail: MarkdownFieldDetail,
    edit: MarkdownFieldEdit,
});

export const ArrayFieldDetail: FieldDetailComponent<string[]> = React.memo(
    (props) => {
        return (
            <ul>
                {props.value.map((item, index) => (
                    <li key={index}>{item}</li>
                ))}
            </ul>
        );
    }
);

ArrayFieldDetail.displayName = 'ArrayFieldDetail';

export const ArrayFieldEdit: FieldEditComponent<string[]> = React.memo(
    (props) => {
        return (
            <div>
                {props.value.map((item, index) => (
                    <TextArea
                        key={index}
                        placeholder={props.options.edit?.placeholder ?? props.options.label}
                        value={item}
                        onChange={(e, {value}) => {
                            const newValue = [...props.value];
                            newValue[index] = value as string;
                            props.onChange(newValue);
                        }}
                    />
                ))}
                <Button
                    onClick={() => {
                        const newValue = [...props.value, ''];
                        props.onChange(newValue);
                    }}
                >
                    Add Item
                </Button>
            </div>
        );
    }
);

ArrayFieldEdit.displayName = 'ArrayFieldEdit';

export const createArrayField = createFieldFactory({
    detail: ArrayFieldDetail,
    edit: ArrayFieldEdit,
});