This commit is contained in:
Rizky 2023-11-30 23:25:06 +07:00
parent 68ecef88ec
commit 4c0b9c09f4
4 changed files with 9 additions and 5 deletions

View File

@ -56,7 +56,6 @@ export const EdMain = () => {
return false return false
}, },
set(meta) { set(meta) {
if (meta.parent_mcomp) { if (meta.parent_mcomp) {
const id = meta.parent_mcomp.mitem.get('id'); const id = meta.parent_mcomp.mitem.get('id');
@ -64,9 +63,9 @@ export const EdMain = () => {
const original_id = meta.parent_mcomp.mitem.get('originalId'); const original_id = meta.parent_mcomp.mitem.get('originalId');
if (active.comp_id && original_id) { if (active.comp_id && original_id) {
active.item_id = original_id; active.hover_id = original_id;
} else if (id) { } else if (id) {
active.item_id = id; active.hover_id = id;
} }
p.render(); p.render();

View File

@ -74,7 +74,7 @@ export const EdTreeName = ({
) : ( ) : (
<div className="flex flex-col"> <div className="flex flex-col">
<Name name={node.text} is_jsx_prop={is_jsx_prop} /> <Name name={node.text} is_jsx_prop={is_jsx_prop} />
<div className={"text-[9px] text-gray-500 -mt-1"}>{item.id} - {item.originalId}</div> {/* <div className={"text-[9px] text-gray-500 -mt-1"}>{item.id} - {item.originalId}</div> */}
</div> </div>
)} )}
</div> </div>

View File

@ -73,6 +73,11 @@ export const nodeRender: NodeRender<EdMeta> = (node, prm) => {
p.page.render(); p.page.render();
}} }}
> >
{active.hover_id === item.id && (
<div
className={cx("absolute left-0 bottom-0 top-0 w-[4px] bg-blue-300")}
></div>
)}
{active.item_id === item.id && ( {active.item_id === item.id && (
<div <div
className={cx("absolute left-0 bottom-0 top-0 w-[4px] bg-blue-500")} className={cx("absolute left-0 bottom-0 top-0 w-[4px] bg-blue-500")}

View File

@ -36,5 +36,5 @@ export const ViewMetaChildren: FC<{
} }
} }
return <>{item.id}{Object.values(children)}</>; return <>{Object.values(children)}</>;
}; };