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

15
src/componentes/EliTabela/EliTabelaEstados.vue
View file

@ -1,26 +1,33 @@
<template>
<!-- Estado de carregamento: consulta em andamento -->
<div v-if="carregando" class="eli-tabela eli-tabela--carregando" aria-busy="true">
Carregando...
<LoaderCircle class="eli-tabela__estado-icone eli-tabela__estado-icone--spin" :size="22" :stroke-width="2" />
<span>Carregando…</span>
</div>
<!-- Estado de erro: mostra mensagem retornada pela consulta -->
<div v-else-if="erro" class="eli-tabela eli-tabela--erro" role="alert">
<div class="eli-tabela__erro-titulo">Erro</div>
<div class="eli-tabela__erro-mensagem">{{ erro }}</div>
<AlertCircle class="eli-tabela__estado-icone eli-tabela__estado-icone--erro" :size="18" :stroke-width="2" />
<div>
<div class="eli-tabela__erro-titulo">Erro</div>
<div class="eli-tabela__erro-mensagem">{{ erro }}</div>
</div>
</div>
<!-- Estado vazio: consulta sem registros -->
<div v-else class="eli-tabela eli-tabela--vazio">
{{ mensagemVazio ?? "Nenhum registro encontrado." }}
<Inbox class="eli-tabela__estado-icone" :size="22" :stroke-width="1.5" />
<span>{{ mensagemVazio ?? "Nenhum registro encontrado." }}</span>
</div>
</template>
<script lang="ts">
import { AlertCircle, Inbox, LoaderCircle } from "@lucide/vue"
import { defineComponent, type PropType } from "vue"
export default defineComponent({
name: "EliTabelaEstados",
components: { AlertCircle, Inbox, LoaderCircle },
props: {
carregando: {
type: Boolean,