bkp

src/components/eli/EliTabela/EliTabela.vue

@@ -24,7 +24,7 @@
           :temAcoes="temAcoes"
           :colunaOrdenacao="colunaOrdenacao"
           :direcaoOrdenacao="direcaoOrdenacao"
-          @alternarOrdenacao="alternarOrdenacao"
+          @alternar-ordenacao="alternarOrdenacao"
         />
 
         <EliTabelaBody
@@ -33,7 +33,7 @@
           :temAcoes="temAcoes"
           :menuAberto="menuAberto"
           :possuiAcoes="possuiAcoes"
-          @toggleMenu="({ indice, evento }) => toggleMenu(indice, evento)"
+          :toggleMenu="toggleMenu"
         />
       </table>
 

src/components/eli/EliTabela/EliTabelaBody.vue

@@ -43,7 +43,7 @@
             :aria-controls="possuiAcoes(i) ? `eli-tabela-acoes-menu-${i}` : undefined"
             :aria-label="possuiAcoes(i) ? 'Ações da linha' : 'Nenhuma ação disponível'"
             :title="possuiAcoes(i) ? 'Ações' : 'Nenhuma ação disponível'"
-            @click.stop="emitToggleMenu(i, $event)"
+            @click.stop="toggleMenu(i, $event)"
           >
             <MoreVertical class="eli-tabela__acoes-toggle-icone" :size="18" :stroke-width="2" />
           </button>
@@ -86,13 +86,12 @@ export default defineComponent({
       type: Function as PropType<(i: number) => boolean>,
       required: true,
     },
-  },
-  emits: {
-    toggleMenu(payload: { indice: number; evento: MouseEvent }) {
-      return payload && typeof payload.indice === "number";
+    toggleMenu: {
+      type: Function as PropType<(indice: number, evento: MouseEvent) => void>,
+      required: true,
     },
   },
-  setup(_props, { emit }) {
+  setup() {
     function obterClasseAlinhamento(alinhamento?: string) {
       if (alinhamento === "direita") return "eli-tabela__celula--direita";
       if (alinhamento === "centro") return "eli-tabela__celula--centro";
@@ -121,15 +120,10 @@ export default defineComponent({
       return undefined;
     }
 
-    function emitToggleMenu(indice: number, evento: MouseEvent) {
-      emit("toggleMenu", { indice, evento });
-    }
-
     return {
       obterClasseAlinhamento,
       obterMaxWidth,
       obterTooltipCelula,
-      emitToggleMenu,
     };
   },
 });