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

wip fix

This commit is contained in:
Rizky 2024-01-20 06:02:25 +07:00
parent 553b59460c
commit b0535338c4
2 changed files with 55 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

100
app/web/src/nova/ed/panel/popup/script/workbench.tsx
View File

@ -31,52 +31,58 @@ export const EdScriptWorkbench = () => {
<div className="flex flex-1 items-stretch"> <div className="flex flex-1 items-stretch">
<div className="flex flex-1 flex-col "> <div className="flex flex-1 flex-col ">
<div className="flex border-b items-stretch"> <div className="flex border-b items-stretch">
{active.script_nav.list.length > 0 && ( <div className="border-r px-2 flex items-center">
<div className="border-r px-2 flex items-center"> <div
<div className={cx(
className={cx(scriptNav.canBack ? "" : "text-slate-200")} scriptNav.canBack
onClick={() => { ? "cursor-pointer hover:text-blue-400"
if (scriptNav.canBack) { : "text-slate-200"
active.script_nav.idx = active.script_nav.idx - 1; )}
const item = active.script_nav.list.pop(); onClick={() => {
if (scriptNav.canBack) {
active.script_nav.idx = active.script_nav.idx - 1;
const item = active.script_nav.list.pop();
if (item) { if (item) {
active.item_id = item.item_id; active.item_id = item.item_id;
active.comp_id = item.comp_id || ""; active.comp_id = item.comp_id || "";
active.instance = { active.instance = {
item_id: item.instance?.item_id || "", item_id: item.instance?.item_id || "",
comp_id: item.instance?.comp_id || "", comp_id: item.instance?.comp_id || "",
}; };
p.render(); p.render();
}
} }
}} }
> }}
<ChevronLeft /> >
</div> <ChevronLeft />
<div
className={cx(scriptNav.canNext ? "" : "text-slate-200")}
onClick={() => {
if (scriptNav.canNext) {
active.script_nav.idx = active.script_nav.idx + 1;
const item = active.script_nav.list[active.script_nav.idx];
if (item) {
active.item_id = item.item_id;
active.comp_id = item.comp_id || "";
active.instance = {
item_id: item.instance?.item_id || "",
comp_id: item.instance?.comp_id || "",
};
p.render();
}
}
}}
>
<ChevronRight />
</div>
</div> </div>
)} <div
className={cx(
scriptNav.canNext
? "cursor-pointer hover:text-blue-400"
: "text-slate-200"
)}
onClick={() => {
if (scriptNav.canNext) {
active.script_nav.idx = active.script_nav.idx + 1;
const item = active.script_nav.list[active.script_nav.idx];
if (item) {
active.item_id = item.item_id;
active.comp_id = item.comp_id || "";
active.instance = {
item_id: item.instance?.item_id || "",
comp_id: item.instance?.comp_id || "",
};
p.render();
}
}
}}
>
<ChevronRight />
</div>
</div>
{p.ui.popup.script.type === "prop-master" && <CompTitleMaster />} {p.ui.popup.script.type === "prop-master" && <CompTitleMaster />}
{p.ui.popup.script.type === "prop-instance" && <CompTitleInstance />} {p.ui.popup.script.type === "prop-instance" && <CompTitleInstance />}
{p.ui.popup.script.type === "item" && ( {p.ui.popup.script.type === "item" && (
@ -208,8 +214,8 @@ const ArrowRight = () => (
export const ChevronRight = () => ( export const ChevronRight = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width={15} width={"22"}
height={15} height={"22"}
fill="none" fill="none"
viewBox="0 0 15 15" viewBox="0 0 15 15"
> >
@ -225,8 +231,8 @@ export const ChevronRight = () => (
export const ChevronLeft = () => ( export const ChevronLeft = () => (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="15" width="22"
height="15" height="22"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path

3
app/web/src/utils/script/mount.tsx
View File

@ -60,7 +60,8 @@ export const jsMount = async (editor: MonacoEditor, monaco: Monaco, p?: PG) => {
if (args.length === 3) { if (args.length === 3) {
const loc = extractLoc(args, p); const loc = extractLoc(args, p);
if (loc.meta) { if (loc.meta) {
active.script_nav.list.length = active.script_nav.idx; if (active.script_nav.idx >= 0)
active.script_nav.list.length = active.script_nav.idx;
active.script_nav.list.push({ active.script_nav.list.push({
item_id: active.item_id, item_id: active.item_id,
comp_id: active.comp_id, comp_id: active.comp_id,