Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit7476693

Browse files
author
FalkWolsky
committed
Update JSON Schema Form 2
1 parent768d1c5 commit7476693

File tree

3 files changed

+14
-8
lines changed

3 files changed

+14
-8
lines changed

‎client/packages/lowcoder/src/comps/comps/jsonSchemaFormComp/ArrayFieldTemplate.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ const ArrayFieldTemplate = (props: ArrayFieldTemplateProps) => {
1818
</div>
1919

2020
{/* Container for the control buttons with vertical alignment */}
21-
<divstyle={{display:'flex',flexDirection:'row',justifyContent:'flex-end',paddingTop:"38px"}}>
21+
<divstyle={{display:'flex',flexDirection:'row',justifyContent:'flex-end',paddingTop:"58px"}}>
2222
{/* Move down button */}
2323
{element.hasMoveDown&&(
2424
<Button

‎client/packages/lowcoder/src/comps/comps/jsonSchemaFormComp/ObjectFieldTemplate.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ const ObjectFieldTemplate = (props: ObjectFieldTemplateProps) => {
3838
xl:8,// Extra large devices
3939
};
4040

41-
const{ rowGutter=24, colSpan=defaultResponsiveColSpan}=uiSchema?.['ui:props']||{};
41+
const{ rowGutter=4, colSpan=defaultResponsiveColSpan}=uiSchema?.['ui:props']||{};
4242

4343
// Generate responsive colSpan props for each element
4444
constcalculateResponsiveColSpan=(element:any)=>{
@@ -54,12 +54,12 @@ const ObjectFieldTemplate = (props: ObjectFieldTemplateProps) => {
5454
return(
5555
<ConfigConsumer>
5656
{(configProps)=>(
57-
<fieldsetid={idSchema.$id}>
57+
<fieldsetid={idSchema.$id}className="form-section">
5858
<Rowgutter={rowGutter}>
59-
{title&&(
60-
<Colspan={24}>
59+
{schema.type==='object'&&title&&(
60+
<legend>
6161
<TitleFieldTemplateid={titleId(idSchema)}title={title}required={props.required}schema={schema}uiSchema={uiSchema}registry={registry}/>
62-
</Col>
62+
</legend>
6363
)}
6464
{description&&(
6565
<Colspan={24}style={DESCRIPTION_COL_STYLE}>

‎client/packages/lowcoder/src/comps/comps/jsonSchemaFormComp/jsonSchemaFormComp.tsx‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@ import { EditorContext } from "comps/editorState";
2727
importObjectFieldTemplatefrom'./ObjectFieldTemplate';
2828
importArrayFieldTemplatefrom'./ArrayFieldTemplate';
2929
import{Select}from'antd';
30+
importTitlefrom'antd/es/typography/Title';
3031

3132
Theme.widgets.DateWidget=DateWidget(false);
3233
Theme.widgets.DateTimeWidget=DateWidget(true);
@@ -233,6 +234,8 @@ let FormBasicComp = (function () {
233234
"ui:submitButtonOptions"
234235
]asUISchemaSubmitButtonOptions;
235236

237+
constschema=props.schema;
238+
236239
return(
237240
<Container$style={props.style}$animationStyle={props.animationStyle}>
238241
<ScrollBar
@@ -245,6 +248,9 @@ let FormBasicComp = (function () {
245248
hideScrollbar={!props.showVerticalScrollbar}
246249
>
247250
<ErrorBoundary>
251+
<Titlelevel={2}style={{marginBottom:'24px'}}>
252+
{schema.titleasstring|number}
253+
</Title>
248254
<Form
249255
validator={validator}
250256
schema={props.schema}
@@ -314,7 +320,7 @@ let FormBasicComp = (function () {
314320
target={"_blank"}
315321
rel="noreferrer"
316322
>
317-
JSONschema
323+
JSONSchema
318324
</a>
319325
</>
320326
),
@@ -352,7 +358,7 @@ let FormBasicComp = (function () {
352358
target={"_blank"}
353359
rel="noreferrer"
354360
>
355-
UIschema
361+
UISchema
356362
</a>
357363
</>
358364
),

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp