publico/vue-componentes
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Atualização floresta

Browse source
This commit is contained in:
Luiz Silva 2026-05-31 11:27:51 -03:00
parent 0886fd5c3e
commit 2d4d8f8929
103 changed files with 19266 additions and 14160 deletions
Download patch file Download diff file Expand all files Collapse all files

50
src/componentes/EliTabela/EliTabelaDebug.vue
View file

@ -2,17 +2,21 @@
<!-- Debug visual (somente DEV): expõe estados internos úteis para testes e diagnóstico -->
<div
v-if="isDev"
style="position: fixed; left: 8px; bottom: 8px; z-index: 999999; background: rgba(185,28,28,0.9); color: #fff; padding: 6px 10px; border-radius: 8px; font-size: 12px; max-width: 500px;"
style="position: fixed; right: 0; top: 0; bottom: 0; width: 360px; z-index: 999999; background: rgba(20, 20, 20, 0.95); color: #32CD32; padding: 20px 16px; font-family: 'Courier New', Courier, monospace; font-size: 12px; overflow-y: auto; border-left: 1px solid #333; display: flex; flex-direction: column; gap: 6px;"
>
<div><b>EliTabela debug</b></div>
<div>menuAberto: {{ menuAberto }}</div>
<div>menuPos: top={{ menuPopupPos.top }}, left={{ menuPopupPos.left }}</div>
<slot />
<div style="font-weight: bold; color: #fff; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #333; padding-bottom: 8px;">
EliTabela // Log Terminal
</div>
<div style="color: #bbb;">menuAberto: <span style="color: #fff;">{{ menuAberto }}</span></div>
<div style="color: #bbb;">menuPos: top=<span style="color: #fff;">{{ menuPopupPos.top }}</span>, left=<span style="color: #fff;">{{ menuPopupPos.left }}</span></div>
<div style="margin-top: 8px; white-space: pre-wrap; word-break: break-all;">
<slot />
</div>
</div>
</template>
<script lang="ts">
import { defineComponent, type PropType } from "vue"
import { defineComponent, onMounted, onUnmounted, type PropType, watch } from "vue"
export default defineComponent({
name: "EliTabelaDebug",
@ -30,5 +34,39 @@ export default defineComponent({
required: true,
},
},
setup(props) {
const applyStyle = () => {
let styleTag = document.getElementById("eli-tabela-debug-style")
if (props.isDev) {
if (!styleTag) {
styleTag = document.createElement("style")
styleTag.id = "eli-tabela-debug-style"
styleTag.textContent = `
html, body {
overflow-x: auto !important;
}
#app, .v-application__wrap, .v-application {
padding-right: 360px !important;
box-sizing: border-box !important;
}
.v-container, .stack {
overflow-x: auto !important;
max-width: 100% !important;
}
`
document.head.appendChild(styleTag)
}
} else {
if (styleTag) styleTag.remove()
}
}
watch(() => props.isDev, applyStyle)
onMounted(applyStyle)
onUnmounted(() => {
const styleTag = document.getElementById("eli-tabela-debug-style")
if (styleTag) styleTag.remove()
})
},
})
</script>