base group

src/pages/editor/components/canvas/useDrawingHandlers.ts

@@ -10,7 +10,7 @@ export const useDrawingHandlers = () => {
     const [tempObject, setTempObject] = useState<EditorObject | null>(null);
     const transformerRef = useRef<Konva.Transformer>(null);
 
-    const { tool, addObject, updateObject, setSelectedObjectId, selectedObjectId, setTool, addTable, setSelectedTableId } = useEditorStore();
+    const { tool, addObject, updateObject, setSelectedObjectId, setSelectedObjectIds, selectedObjectId, selectedObjectIds, setTool, addTable, setSelectedTableId } = useEditorStore();
     const { defaults } = useTextDefaultsStore();
 
     useEffect(() => {
@@ -19,7 +19,7 @@ export const useDrawingHandlers = () => {
     }, [tool]);
 
     const clearSelection = () => {
-        setSelectedObjectId(null);
+        setSelectedObjectIds([]);
         if (transformerRef.current) {
             transformerRef.current.nodes([]);
             transformerRef.current.getLayer()?.batchDraw();
@@ -32,7 +32,7 @@ export const useDrawingHandlers = () => {
 
         const clickedOnEmpty = e.target === stage;
 
-        if (clickedOnEmpty && selectedObjectId) {
+        if (clickedOnEmpty && selectedObjectIds.length > 0) {
             clearSelection();
             return;
         }
@@ -44,7 +44,7 @@ export const useDrawingHandlers = () => {
             return;
         }
 
-        if (selectedObjectId) {
+        if (selectedObjectIds.length > 0) {
             return;
         }