midsuit
/
prasi-lib
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

This commit is contained in:
Rizky 2024-06-24 15:38:30 -07:00
parent 9df6372ea8
commit 1b7d94f7c9
3 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
comps/form/Form.tsx
View File

@ -14,7 +14,7 @@ const editorFormWidth = {} as Record<string, { w: number; f: any }>;
export { FMLocal } from "./typings"; export { FMLocal } from "./typings";
export const Form: FC<FMProps> = (props) => { export const Form: FC<FMProps> = (props) => {
const { PassProp, body, feature, sfd_field } = props; const { PassProp, body, feature, sfd_field, style } = props;
const fm = useLocal<FMInternal>({ const fm = useLocal<FMInternal>({
data: editorFormData[props.item.id] data: editorFormData[props.item.id]
? editorFormData[props.item.id].data ? editorFormData[props.item.id].data
@ -167,7 +167,8 @@ export const Form: FC<FMProps> = (props) => {
{toaster_el && createPortal(<Toaster cn={cx} />, toaster_el)} {toaster_el && createPortal(<Toaster cn={cx} />, toaster_el)}
<div <div
className={cx( className={cx(
"form-inner c-flex c-flex-1 c-flex-wrap c-items-start c-content-start c-absolute c-inset-0", "form-inner c-flex c-flex-1 c-flex-wrap c-items-start c-content-start",
style === "flex" ? "" : "c-absolute c-inset-0" ,
css` css`
padding-right: 10px; padding-right: 10px;
` `

1
comps/form/typings.ts
View File

@ -20,6 +20,7 @@ export type FMProps = {
on_load_deps?: any[]; on_load_deps?: any[];
feature?: any[]; feature?: any[];
sfd_field?: any; sfd_field?: any;
style: "default" | "flex"
}; };
export type GenField = export type GenField =

4
comps/popup/PopUp.tsx
View File

@ -37,15 +37,11 @@ export const Popup: FC<PopupProp> = ({ on_close, open, child }) => {
ref={(e) => (local.ref = e)} ref={(e) => (local.ref = e)}
className="c-w-screen c-h-screen c-bg-transparent c-flex c-flex-row c-items-center c-justify-center" className="c-w-screen c-h-screen c-bg-transparent c-flex c-flex-row c-items-center c-justify-center"
onClick={(e) => { onClick={(e) => {
console.log({ e });
console.log(local.ref, e.target);
if (local.ref) { if (local.ref) {
if (e.target === local.ref) { if (e.target === local.ref) {
on_close(false); on_close(false);
local.open = false; local.open = false;
local.render(); local.render();
} else {
console.log("click inside popup");
} }
} }
}} }}