This commit is contained in:
Rizky 2024-07-27 15:28:41 +07:00
parent 41fbc88975
commit 63ff55cfae
3 changed files with 20 additions and 1 deletions

View File

@ -20,6 +20,15 @@ export const ResponsiveToggle = () => {
p.render();
};
const mroot = p.page.doc?.getMap("map")?.get("root");
const responsive = mroot?.get("responsive");
if (responsive && responsive !== p.mode) {
p.mode = responsive;
w.isMobile = responsive === "mobile";
w.isDesktop = responsive === "desktop";
localStorage.setItem("prasi-editor-mode", responsive);
}
const box = {
mobile: {
onClick() {
@ -27,6 +36,7 @@ export const ResponsiveToggle = () => {
w.isMobile = true;
w.isDesktop = false;
localStorage.setItem("prasi-editor-mode", "mobile");
mroot?.set("responsive", "mobile");
render();
},
className: cx(mode === "mobile" && activeModeClassName),
@ -44,6 +54,7 @@ export const ResponsiveToggle = () => {
d="M4 2.5a.5.5 0 01.5-.5h6a.5.5 0 01.5.5v10a.5.5 0 01-.5.5h-6a.5.5 0 01-.5-.5v-10zM4.5 1A1.5 1.5 0 003 2.5v10A1.5 1.5 0 004.5 14h6a1.5 1.5 0 001.5-1.5v-10A1.5 1.5 0 0010.5 1h-6zM6 11.65a.35.35 0 100 .7h3a.35.35 0 100-.7H6z"
clipRule="evenodd"
></path>
{mroot?.get("responsive")}
</svg>
),
},
@ -53,6 +64,8 @@ export const ResponsiveToggle = () => {
w.isMobile = false;
w.isDesktop = true;
localStorage.setItem("prasi-editor-mode", "desktop");
mroot?.set("responsive", "desktop");
render();
},
className: cx(mode === "desktop" && activeModeClassName),

View File

@ -19,6 +19,11 @@ export const edPageTreeRender: NodeRender<PageItem> = (
const item = node.data;
if (!item) return <></>;
if (p.page.cur.id === item.id) {
p.page.cur.url = item.url || "";
p.page.cur.name = item.name || "";
}
return (
<div
className={cx(

View File

@ -7,13 +7,14 @@ export type IRoot = {
id_page?: string;
childs: ISection[];
component_ids?: string[];
};
};
export type MRoot = TypedMap<{
id: "root";
id_page?: string;
type: "root";
childs: TypedArray<ISection>;
component_ids?: string[];
responsive?: "mobile" | "desktop";
}>;
export type DPage = TypedDoc<{