first commit

resources/js/Utils/heightCalculator.js

@@ -0,0 +1,84 @@
+import {nextTick} from "vue";
+
+export function waitForAllComponentsMounted(vm, timeout = 5000) {
+    return new Promise((resolve, reject) => {
+        const startTime = Date.now()
+
+        function checkComponents() {
+            // Проверяем, смонтирован ли текущий компонент
+            if (!vm.isMounted) {
+                if (Date.now() - startTime > timeout) {
+                    reject(new Error('Timeout waiting for component to mount'))
+                    return
+                }
+                nextTick(checkComponents)
+                return
+            }
+
+            // Рекурсивно проверяем дочерние компоненты
+            const checkChildren = (component) => {
+                const promises = []
+
+                // Проверяем прямых потомков (в Vue 3 используем subTree)
+                if (component.subTree && component.subTree.children) {
+                    const processChildren = (children) => {
+                        children.forEach(child => {
+                            if (child.component) {
+                                const childInstance = child.component.proxy
+                                if (childInstance && !childInstance.isMounted) {
+                                    promises.push(new Promise((resolveChild, rejectChild) => {
+                                        const childStartTime = Date.now()
+
+                                        function checkChild() {
+                                            if (childInstance.isMounted) {
+                                                resolveChild()
+                                            } else if (Date.now() - childStartTime > timeout) {
+                                                rejectChild(new Error('Timeout waiting for child component to mount'))
+                                            } else {
+                                                nextTick(checkChild)
+                                            }
+                                        }
+
+                                        checkChild()
+                                    }))
+                                }
+
+                                // Рекурсивно проверяем потомков
+                                if (childInstance.subTree && childInstance.subTree.children) {
+                                    promises.push(checkChildren(childInstance))
+                                }
+                            }
+                        })
+                    }
+
+                    processChildren(component.subTree.children)
+                }
+
+                return Promise.all(promises)
+            }
+
+            checkChildren(vm)
+                .then(resolve)
+                .catch(reject)
+        }
+
+        checkComponents()
+    })
+}
+export const generateElementHTML = (element, formData = {}) => {
+    switch (element.type) {
+        case 'heading':
+            return `<h${element.level} data-element-id="${element.id}">${element.content}</h${element.level}>`
+        case 'paragraph':
+            return `<p data-element-id="${element.id}">${element.content}</p>`
+        case 'variable':
+            return `<span class="variable" data-element-id="${element.id}" data-variable="${element.variableName}">[${element.variableName}]</span>`
+        case 'warning':
+            return `<div class="warning" data-element-id="${element.id}">⚠️ ${element.content}</div>`
+        case 'table':
+            const tableHtml = element.content.replace('<table', `<table data-element-id="${element.id}"`)
+            return tableHtml
+        default:
+            return element.content || ''
+    }
+}