From 317b0b3b3e2145919467c0aa20a2f1c86df874e3 Mon Sep 17 00:00:00 2001 From: Luiz Silva Date: Thu, 29 Jan 2026 09:20:39 -0300 Subject: [PATCH] =?UTF-8?q?resolvido=20erro=20de=20a=C3=A7=C3=A3o=20de=20c?= =?UTF-8?q?=C3=A9lulas?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/eli/EliTabela/EliTabelaBody.vue | 2 -- src/components/eli/EliTabela/types-eli-tabela.ts | 2 -- src/playground/tabela.playground.vue | 11 ++++++----- 3 files changed, 6 insertions(+), 9 deletions(-) diff --git a/src/components/eli/EliTabela/EliTabelaBody.vue b/src/components/eli/EliTabela/EliTabelaBody.vue index 18e3487..133bd27 100644 --- a/src/components/eli/EliTabela/EliTabelaBody.vue +++ b/src/components/eli/EliTabela/EliTabelaBody.vue @@ -29,8 +29,6 @@ v-for="(coluna, j) in colunas" :key="`td-${i}-${j}`" class="eli-tabela__td" - :class="[coluna.acao ? 'eli-tabela__td--clicavel' : undefined]" - @click="coluna.acao ? () => coluna.acao?.() : undefined" > diff --git a/src/components/eli/EliTabela/types-eli-tabela.ts b/src/components/eli/EliTabela/types-eli-tabela.ts index 21e55dd..7e87896 100644 --- a/src/components/eli/EliTabela/types-eli-tabela.ts +++ b/src/components/eli/EliTabela/types-eli-tabela.ts @@ -32,8 +32,6 @@ export type EliColuna = { celula: (linha: T) => ComponenteCelula; /** Ação opcional disparada ao clicar na célula. */ - // TODO: Ação passou a receber o objeto - acao?: (linha:T) => void; /** * Campo de ordenação associado à coluna. Caso informado, a coluna passa a * exibir controles de ordenação e utiliza o valor como chave para o backend. diff --git a/src/playground/tabela.playground.vue b/src/playground/tabela.playground.vue index 4ca785a..518249e 100644 --- a/src/playground/tabela.playground.vue +++ b/src/playground/tabela.playground.vue @@ -305,13 +305,14 @@ export default defineComponent({ }, { rotulo: "E-mail", - celula: (l) => celulaTabela('textoTruncado', { texto: l.email }), + celula: (l) => celulaTabela('textoTruncado', { + texto: l.email, acao: () => { + // Exemplo de ação: poderia abrir detalhes + alert(`Clicou em ${l.email}`); + } + }), coluna_ordem: "email", visivel: true, - acao: (l) => { - // Exemplo de ação: poderia abrir detalhes - alert(`Clicou em ${l.email}`); - }, }, { rotulo: "Telefone",