feat: suporte para selecionar campos na tabela

This commit is contained in:
marcio 2026-05-28 10:55:04 -03:00
parent 7dc071373a
commit 0886fd5c3e
16 changed files with 5867 additions and 4684 deletions

View file

@ -3,7 +3,10 @@
<h2>EliTabela</h2>
<!-- Exemplo: botão de ação "Novo" no cabeçalho que adiciona uma linha -->
<EliTabela :tabela="tabelaOk" :key="versaoTabelaOk" />
<div style="margin-bottom: 12px">
<strong>Selecionados:</strong> {{ selecionados.map(s => s.empreendedor).join(', ') || 'Nenhum' }}
</div>
<EliTabela :tabela="tabelaOk" :key="versaoTabelaOk" v-model:selecionados="selecionados" />
<EliTabela :tabela="tabelaVazia" />
@ -97,6 +100,7 @@ export default defineComponent({
]
const versaoTabelaOk = ref(0)
const selecionados = ref<Linha[]>([])
const mostrarModalCadastro = ref(false)
const salvando = ref(false)
const novoCadastro = ref({
@ -175,6 +179,8 @@ export default defineComponent({
nome: "ExemploPlaygroundData",
registros_por_consulta: 10,
mostrarCaixaDeBusca: true,
mostrar_selecao: true,
chave_selecao: "empreendedor",
acoesTabela: [
{
posicao: "superior",
@ -300,6 +306,7 @@ export default defineComponent({
{
chave: "empreendedor",
rotulo: "Empreendedor",
// biome-ignore lint/suspicious/noExplicitAny: <explanation>
filtro: (valor: unknown) =>
criarFiltro26({
// biome-ignore lint/suspicious/noExplicitAny: playground
@ -310,7 +317,8 @@ export default defineComponent({
{
chave: "documento",
rotulo: "Documento",
filtro: (valor: unknown) =>
// biome-ignore lint/suspicious/noExplicitAny: <explanation>
filtro: (valor: string) =>
criarFiltro26({
// biome-ignore lint/suspicious/noExplicitAny: playground
documento: { like: valor as string } as any,
@ -323,7 +331,8 @@ export default defineComponent({
{
chave: "email",
rotulo: "E-mail",
filtro: (valor: unknown) =>
// biome-ignore lint/suspicious/noExplicitAny: <explanation>
filtro: (valor: string) =>
criarFiltro26({
// biome-ignore lint/suspicious/noExplicitAny: playground
email: { like: valor as string } as any,
@ -407,6 +416,7 @@ export default defineComponent({
novoCadastro,
salvarNovoCadastro,
erroCadastro,
selecionados,
}
},
})