fix
This commit is contained in:
parent
41fbc88975
commit
63ff55cfae
|
|
@ -20,6 +20,15 @@ export const ResponsiveToggle = () => {
|
||||||
p.render();
|
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 = {
|
const box = {
|
||||||
mobile: {
|
mobile: {
|
||||||
onClick() {
|
onClick() {
|
||||||
|
|
@ -27,6 +36,7 @@ export const ResponsiveToggle = () => {
|
||||||
w.isMobile = true;
|
w.isMobile = true;
|
||||||
w.isDesktop = false;
|
w.isDesktop = false;
|
||||||
localStorage.setItem("prasi-editor-mode", "mobile");
|
localStorage.setItem("prasi-editor-mode", "mobile");
|
||||||
|
mroot?.set("responsive", "mobile");
|
||||||
render();
|
render();
|
||||||
},
|
},
|
||||||
className: cx(mode === "mobile" && activeModeClassName),
|
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"
|
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"
|
clipRule="evenodd"
|
||||||
></path>
|
></path>
|
||||||
|
{mroot?.get("responsive")}
|
||||||
</svg>
|
</svg>
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
|
|
@ -53,6 +64,8 @@ export const ResponsiveToggle = () => {
|
||||||
w.isMobile = false;
|
w.isMobile = false;
|
||||||
w.isDesktop = true;
|
w.isDesktop = true;
|
||||||
localStorage.setItem("prasi-editor-mode", "desktop");
|
localStorage.setItem("prasi-editor-mode", "desktop");
|
||||||
|
|
||||||
|
mroot?.set("responsive", "desktop");
|
||||||
render();
|
render();
|
||||||
},
|
},
|
||||||
className: cx(mode === "desktop" && activeModeClassName),
|
className: cx(mode === "desktop" && activeModeClassName),
|
||||||
|
|
|
||||||
|
|
@ -19,6 +19,11 @@ export const edPageTreeRender: NodeRender<PageItem> = (
|
||||||
const item = node.data;
|
const item = node.data;
|
||||||
if (!item) return <></>;
|
if (!item) return <></>;
|
||||||
|
|
||||||
|
if (p.page.cur.id === item.id) {
|
||||||
|
p.page.cur.url = item.url || "";
|
||||||
|
p.page.cur.name = item.name || "";
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className={cx(
|
className={cx(
|
||||||
|
|
|
||||||
|
|
@ -7,13 +7,14 @@ export type IRoot = {
|
||||||
id_page?: string;
|
id_page?: string;
|
||||||
childs: ISection[];
|
childs: ISection[];
|
||||||
component_ids?: string[];
|
component_ids?: string[];
|
||||||
};
|
};
|
||||||
export type MRoot = TypedMap<{
|
export type MRoot = TypedMap<{
|
||||||
id: "root";
|
id: "root";
|
||||||
id_page?: string;
|
id_page?: string;
|
||||||
type: "root";
|
type: "root";
|
||||||
childs: TypedArray<ISection>;
|
childs: TypedArray<ISection>;
|
||||||
component_ids?: string[];
|
component_ids?: string[];
|
||||||
|
responsive?: "mobile" | "desktop";
|
||||||
}>;
|
}>;
|
||||||
|
|
||||||
export type DPage = TypedDoc<{
|
export type DPage = TypedDoc<{
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue