Dwinzo-Beta/Dwinzo_Demo
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Implement ElementEditor component to manage UI element properties, design, data, and provide a draggable panel.

Browse Source
This commit is contained in:
Jerald-Golden-B
2025-12-23 11:11:10 +05:30
parent 5558a6d4a1
commit 0de8274829
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/src/components/SimulationDashboard/components/element/ElementEditor.tsx
View File

@@ -56,13 +56,19 @@ const ElementEditor: React.FC<ElementEditorProps> = ({
const { getElementById } = simulationDashBoardStore(); const { getElementById } = simulationDashBoardStore();
const element = getElementById(selectedBlock, selectedElement); const element = getElementById(selectedBlock, selectedElement);
const [selectType, setSelectType] = useState("design"); const [selectType, setSelectType] = useState("design");
const [selectDataMapping, setSelectDataMapping] = useState<"singleMachine" | "multipleMachine" | "global">( const [selectDataMapping, setSelectDataMapping] = useState<"singleMachine" | "multipleMachine" | "global">("singleMachine");
element?.type === "graph" && element.dataBinding?.dataType === "multiple-machine"
? "multipleMachine" useEffect(() => {
: element?.type === "graph" && element.dataBinding?.dataType === "global" if (element?.type === "graph") {
? "global" if (element.dataBinding?.dataType === "multiple-machine") {
: "singleMachine" setSelectDataMapping("multipleMachine");
); } else if (element.dataBinding?.dataType === "global") {
setSelectDataMapping("global");
} else {
setSelectDataMapping("singleMachine");
}
}
}, [element?.elementUuid, element?.dataBinding?.dataType, element?.type]);
// Use shared position from VisualizationStore // Use shared position from VisualizationStore
const { editorPosition, setEditorPosition } = useVisualizationStore(); const { editorPosition, setEditorPosition } = useVisualizationStore();