bkp

src/componentes/EliTabela/EliTabelaCabecalho.vue

@@ -10,6 +10,15 @@
       >
         Colunas
       </button>
+
+      <button
+        v-if="exibirBotaoFiltroAvancado"
+        type="button"
+        class="eli-tabela__acoes-cabecalho-botao eli-tabela__acoes-cabecalho-botao--filtro"
+        @click="emitFiltroAvancado"
+      >
+        Filtro
+      </button>
       <EliTabelaCaixaDeBusca :modelo="valorBusca" @buscar="emitBuscar" />
     </div>
 
@@ -53,6 +62,11 @@ export default defineComponent({
       required: false,
       default: true,
     },
+    exibirBotaoFiltroAvancado: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     valorBusca: {
       type: String,
       required: true,
@@ -76,6 +90,9 @@ export default defineComponent({
     colunas() {
       return true;
     },
+    filtroAvancado() {
+      return true;
+    },
   },
   setup(props, { emit }) {
     const temAcoesCabecalho = computed(() => props.acoesCabecalho.length > 0);
@@ -88,7 +105,11 @@ export default defineComponent({
       emit("colunas");
     }
 
-    return { temAcoesCabecalho, emitBuscar, emitColunas };
+    function emitFiltroAvancado() {
+      emit("filtroAvancado");
+    }
+
+    return { temAcoesCabecalho, emitBuscar, emitColunas, emitFiltroAvancado };
   },
 });
 </script>