60 lines
1.3 KiB
TypeScript
Executable File
60 lines
1.3 KiB
TypeScript
Executable File
import { FC, useEffect } from "react";
|
|
import { MDLocal, MDRef } from "../utils/typings";
|
|
import { MDHeader } from "./MDHeader";
|
|
|
|
const w = window as unknown as {
|
|
md_panel_master: any;
|
|
};
|
|
export const MDRenderMaster: FC<{
|
|
size: any;
|
|
min_size: any;
|
|
child: any;
|
|
on_init: () => MDLocal;
|
|
breadcrumb: () => Array<any>;
|
|
}> = ({ child, on_init, min_size, size, breadcrumb }) => {
|
|
useEffect(() => {
|
|
let md = on_init();
|
|
md.header.breadcrumb = breadcrumb();
|
|
md.header.render();
|
|
if (md) {
|
|
let width = 0;
|
|
let min_width = 0;
|
|
try {
|
|
width = Number(size) || 0;
|
|
min_width = Number(min_size) || 0;
|
|
} catch (e: any) {}
|
|
w.md_panel_master = JSON.stringify({
|
|
size: width,
|
|
min_size: min_width,
|
|
});
|
|
if (md.panel) {
|
|
md.panel.min_size = min_width;
|
|
md.panel.size = width;
|
|
}
|
|
}
|
|
}, []);
|
|
|
|
return <>{child}</>;
|
|
};
|
|
|
|
export const MDMaster: FC<{ md: MDLocal; mdr: MDRef }> = ({ md, mdr }) => {
|
|
const PassProp = mdr.PassProp;
|
|
return (
|
|
<>
|
|
{md.props.show_head === "only-master" && <MDHeader md={md} mdr={mdr} />}
|
|
<div
|
|
className={cx(
|
|
css`
|
|
> div {
|
|
flex: 1;
|
|
}
|
|
`,
|
|
"c-flex c-flex-1"
|
|
)}
|
|
>
|
|
<PassProp md={md}>{mdr.master}</PassProp>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|