fixed form builder test
This commit is contained in:
parent
3accb5af61
commit
aaa4257920
2 changed files with 47 additions and 50 deletions
47
ui/src/core/ui/form_builder/test.tsx
Normal file
47
ui/src/core/ui/form_builder/test.tsx
Normal file
|
@ -0,0 +1,47 @@
|
||||||
|
import { Modal } from "antd";
|
||||||
|
import { observer } from "mobx-react-lite";
|
||||||
|
import { useState } from "react";
|
||||||
|
import { FormBuilderValidationModel } from "../../model/form_builder_validation_model";
|
||||||
|
import { ModalStore } from "../../store/base_store";
|
||||||
|
import { CoreButton } from "../button/button";
|
||||||
|
import { InputV2 } from "../input/input_v2";
|
||||||
|
import { FormBuilder } from "./form_builder";
|
||||||
|
import makeAutoObservable from "mobx-store-inheritance";
|
||||||
|
|
||||||
|
class FormBuilderTextStore extends ModalStore {
|
||||||
|
viewModel = FormBuilderValidationModel.empty();
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
makeAutoObservable(this);
|
||||||
|
}
|
||||||
|
init = undefined;
|
||||||
|
}
|
||||||
|
export const FormBuildTest = observer(() => {
|
||||||
|
const [store] = useState(new FormBuilderTextStore());
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<InputV2 label={"result"} onChange={(text) => (store.viewModel.result = text)} />
|
||||||
|
<InputV2 label={"context"} onChange={(text) => (store.viewModel.context = text)} />
|
||||||
|
<CoreButton text="click" onClick={() => (store.isModalOpen = true)} />
|
||||||
|
<Modal
|
||||||
|
destroyOnClose={true}
|
||||||
|
open={store.isModalOpen}
|
||||||
|
footer={null}
|
||||||
|
closable={false}
|
||||||
|
closeIcon={null}
|
||||||
|
onCancel={() => {
|
||||||
|
store.isModalOpen = false;
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<FormBuilder
|
||||||
|
formBuilder={store.viewModel}
|
||||||
|
onChange={(e) => {
|
||||||
|
console.log(e.output);
|
||||||
|
// console.log(JSON.stringify(e.output))
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Modal>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
});
|
|
@ -7,18 +7,6 @@ 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";
|
|
||||||
import { observer } from "mobx-react-lite";
|
|
||||||
import { useStore } from "./core/helper/use_store";
|
|
||||||
import { LifeCycleStore, ModalStore } from "./core/store/base_store";
|
|
||||||
import { CoreInput } from "./core/ui/input/input";
|
|
||||||
import { InputV2 } from "./core/ui/input/input_v2";
|
|
||||||
import { useState } from "react";
|
|
||||||
import { Button, Modal } from "antd";
|
|
||||||
import makeAutoObservable from "mobx-store-inheritance";
|
|
||||||
import { CoreButton } from "./core/ui/button/button";
|
|
||||||
import { SelectDetail } from "./core/ui/form_builder/forms/select_detail/presentation/select_detail_screen";
|
|
||||||
|
|
||||||
configure({
|
configure({
|
||||||
enforceActions: "never",
|
enforceActions: "never",
|
||||||
|
@ -29,46 +17,8 @@ extensions();
|
||||||
const root = ReactDOM.createRoot(document.getElementById("root") as HTMLElement);
|
const root = ReactDOM.createRoot(document.getElementById("root") as HTMLElement);
|
||||||
export const themeStore = new ThemeStore();
|
export const themeStore = new ThemeStore();
|
||||||
|
|
||||||
class FormBuilderTextStore extends ModalStore {
|
|
||||||
viewModel = FormBuilderValidationModel.empty();
|
|
||||||
constructor() {
|
|
||||||
super();
|
|
||||||
makeAutoObservable(this);
|
|
||||||
}
|
|
||||||
init = undefined;
|
|
||||||
}
|
|
||||||
export const FormBuildTest = observer(() => {
|
|
||||||
const [store] = useState(new FormBuilderTextStore());
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<InputV2 label={"result"} onChange={(text) => (store.viewModel.result = text)} />
|
|
||||||
<InputV2 label={"context"} onChange={(text) => (store.viewModel.context = text)} />
|
|
||||||
<CoreButton text="click" onClick={() => (store.isModalOpen = true)} />
|
|
||||||
<Modal
|
|
||||||
destroyOnClose={true}
|
|
||||||
open={store.isModalOpen}
|
|
||||||
footer={null}
|
|
||||||
closable={false}
|
|
||||||
closeIcon={null}
|
|
||||||
onCancel={() => {
|
|
||||||
store.isModalOpen = false;
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<FormBuilder
|
|
||||||
formBuilder={store.viewModel}
|
|
||||||
onChange={(e) => {
|
|
||||||
console.log(e.output);
|
|
||||||
// console.log(JSON.stringify(e.output))
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</Modal>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
});
|
|
||||||
root.render(
|
root.render(
|
||||||
<>
|
<>
|
||||||
{/* <FormBuildTest /> */}
|
|
||||||
<SocketListener>
|
<SocketListener>
|
||||||
<RouterProvider router={router} />
|
<RouterProvider router={router} />
|
||||||
</SocketListener>
|
</SocketListener>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue