From 233b9befab2f545d18b4ede69d843f0a2512b910 Mon Sep 17 00:00:00 2001
From: jzwnju <1191636609@qq.com>
Date: Tue, 24 Jun 2025 11:56:21 +0800
Subject: [PATCH] feat(materials): add className prop to JsonSchemaEditor and
 adjust button styling (#406)

---
 .../src/components/json-schema-editor/index.tsx        | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/materials/form-materials/src/components/json-schema-editor/index.tsx b/packages/materials/form-materials/src/components/json-schema-editor/index.tsx
index f037c5e1..6d156c7c 100644
--- a/packages/materials/form-materials/src/components/json-schema-editor/index.tsx
+++ b/packages/materials/form-materials/src/components/json-schema-editor/index.tsx
@@ -38,6 +38,7 @@ export function JsonSchemaEditor(props: {
   value?: IJsonSchema;
   onChange?: (value: IJsonSchema) => void;
   config?: ConfigType;
+  className?: string;
 }) {
   const { value = { type: 'object' }, config = {}, onChange: onChangeProps } = props;
   const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(
@@ -46,7 +47,7 @@ export function JsonSchemaEditor(props: {
   );
 
   return (
-    <UIContainer>
+    <UIContainer className={props.className}>
       <UIProperties>
         {propertyList.map((_property, index) => (
           <PropertyEdit
@@ -63,7 +64,12 @@ export function JsonSchemaEditor(props: {
           />
         ))}
       </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'}
       </Button>
     </UIContainer>