admin/flowgram.ai
1
0
Fork 0
mirror of https://gitee.com/ByteDance/flowgram.ai.git synced 2025-07-07 17:43:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(materials): add className prop to JsonSchemaEditor and adjust button styling (#406)

Browse Source
This commit is contained in:
jzwnju 2025-06-24 11:56:21 +08:00 committed by GitHub
parent 7c43b0cfd0
commit 233b9befab
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/materials/form-materials/src/components/json-schema-editor/index.tsx
View File

@ -38,6 +38,7 @@ export function JsonSchemaEditor(props: {
value?: IJsonSchema; value?: IJsonSchema;
onChange?: (value: IJsonSchema) => void; onChange?: (value: IJsonSchema) => void;
config?: ConfigType; config?: ConfigType;
className?: string;
}) { }) {
const { value = { type: 'object' }, config = {}, onChange: onChangeProps } = props; const { value = { type: 'object' }, config = {}, onChange: onChangeProps } = props;
const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit( const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(
@ -46,7 +47,7 @@ export function JsonSchemaEditor(props: {
); );
return ( return (
<UIContainer> <UIContainer className={props.className}>
<UIProperties> <UIProperties>
{propertyList.map((_property, index) => ( {propertyList.map((_property, index) => (
<PropertyEdit <PropertyEdit
@ -63,7 +64,12 @@ export function JsonSchemaEditor(props: {
/> />
))} ))}
</UIProperties> </UIProperties>
<Button size="small" style={{ marginTop: 10 }} icon={<IconPlus />} onClick={onAddProperty}> <Button
size="small"
style={{ marginTop: 10, marginLeft: 16 }}
icon={<IconPlus />}
onClick={onAddProperty}
>
{config?.addButtonText ?? 'Add'} {config?.addButtonText ?? 'Add'}
</Button> </Button>
</UIContainer> </UIContainer>