Появляние элементов

src/lib/utils.ts

@@ -54,13 +54,21 @@ export function getDefaultLayoutSettings(): FormLayoutSettings {
 export function generateDefaultLayout(order: number): ElementLayout {
   const baseX = 50
   const baseY = 50
-  const spacing = 100
+  const elementWidth = 300
+  const elementHeight = 80
+  const horizontalSpacing = 320 // немного больше ширины элемента
+  const verticalSpacing = 100
+  const elementsPerRow = 3 // количество элементов в ряду
+
+  // Вычисляем позицию в сетке
+  const row = Math.floor(order / elementsPerRow)
+  const col = order % elementsPerRow
 
   return {
-    x: baseX,
+    x: baseX + col * horizontalSpacing,
-    y: baseY + order * spacing,
+    y: baseY + row * verticalSpacing,
-    width: 300,
+    width: elementWidth,
-    height: 80,
+    height: elementHeight,
     zIndex: 1,
   }
 }