robossembler/webstudio
7
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity Actions

fixed form builder

Browse source
This commit is contained in:
IDONTSUDO 2024-10-20 14:44:24 +03:00
parent f019c3a1c4
commit 059b2e3e64
3 changed files with 15 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
ui/src/core/model/form_builder_validation_model.tsx
View file

@ -78,7 +78,7 @@ export const ffContext = `type ITEM = {
`; `;
export const ff1Result = `{ export const ff1Result = `{
"scene":\${<SelectDetail/>:OBJECT:{"details": []}, "detailForm":\${<SelectDetail/>:OBJECT:{"details": []},
"empty":\${NAME:string:default}, "empty":\${NAME:string:default},
"params": \${ITEM:Array<ITEM>:[]} "params": \${ITEM:Array<ITEM>:[]}
}`; }`;

12
ui/src/features/behavior_tree_builder/presentation/ui/forms/form_builder/form_builder_form.tsx
View file

@ -15,6 +15,7 @@ export const FormBuilderForm = observer((props: IPropsForm<Partial<FormBuilderVa
const store = useStore(FormsFormBuilderStore); const store = useStore(FormsFormBuilderStore);
useEffect(() => { useEffect(() => {
store.initParam(isBtScreen(), props.store); store.initParam(isBtScreen(), props.store);
store.loadClassInstance(FormBuilderValidationModel, props.dependency as FormBuilderValidationModel);
}, []); }, []);
return ( return (
@ -26,7 +27,7 @@ export const FormBuilderForm = observer((props: IPropsForm<Partial<FormBuilderVa
formBuilder={store.viewModel} formBuilder={store.viewModel}
onChange={(form) => { onChange={(form) => {
store.viewModel = form; store.viewModel = form;
console.log(form) console.log(form);
}} }}
/> />
<div style={{ height: 100 }} /> <div style={{ height: 100 }} />
@ -45,18 +46,17 @@ export const FormBuilderForm = observer((props: IPropsForm<Partial<FormBuilderVa
) : ( ) : (
<> <>
<CoreInput <CoreInput
style={{height:'100%'}} style={{ height: "100%" }}
value={store.viewModel.result} value={store.viewModel.result}
label="Result" label="Result"
styleContentEditable={{height:'100%'}} styleContentEditable={{ height: "100%" }}
onChange={(text) => store.updateForm({ result: text })} onChange={(text) => store.updateForm({ result: text })}
/> />
<CoreInput <CoreInput
style={{height:'100%'}} style={{ height: "100%" }}
value={store.viewModel.context} value={store.viewModel.context}
label="Context" label="Context"
styleContentEditable={{height:'100%'}} styleContentEditable={{ height: "100%" }}
onChange={(text) => store.updateForm({ context: text })} onChange={(text) => store.updateForm({ context: text })}
/> />
<div style={{ width: 100 }}> <div style={{ width: 100 }}>

9
ui/src/index.tsx
View file

@ -7,6 +7,8 @@ import { RouterProvider } from "react-router-dom";
import { router } from "./core/routers/routers"; import { router } from "./core/routers/routers";
import { configure } from "mobx"; import { configure } from "mobx";
import { ThemeStore } from "./core/store/theme_store"; import { ThemeStore } from "./core/store/theme_store";
import { FormBuilderValidationModel } from "./core/model/form_builder_validation_model";
import { FormBuilder } from "./core/ui/form_builder/form_builder";
configure({ configure({
enforceActions: "never", enforceActions: "never",
@ -22,6 +24,11 @@ root.render(
<SocketListener> <SocketListener>
<RouterProvider router={router} /> <RouterProvider router={router} />
</SocketListener> </SocketListener>
{/* <FormBuilder
formBuilder={FormBuilderValidationModel.test()}
onChange={function (change: FormBuilderValidationModel): void {
console.log(JSON.stringify(change.output));
}}
/> */}
</> </>
); );