publico/vue-componentes
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

bkp

Browse source
This commit is contained in:
Luiz Silva 2026-01-28 14:51:47 -03:00
parent d737400bad
commit 81dbb48685
7 changed files with 622 additions and 639 deletions
Download patch file Download diff file Expand all files Collapse all files

1181
dist/eli-vue.es.js vendored
View file

File diff suppressed because it is too large Load diff

12
dist/eli-vue.umd.js vendored
View file

File diff suppressed because one or more lines are too long

23
dist/types/components/eli/EliTabela/EliTabela.vue.d.ts vendored
View file

@ -300,17 +300,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
type: PropType<(i: number) => boolean>;
required: true;
};
toggleMenu: {
type: PropType<(indice: number, evento: MouseEvent) => void>;
required: true;
};
}>, {
obterClasseAlinhamento: (alinhamento?: string) => "eli-tabela__celula--direita" | "eli-tabela__celula--centro" | "eli-tabela__celula--esquerda";
obterMaxWidth: (largura?: number | string) => string | undefined;
obterTooltipCelula: (celula: unknown) => any;
emitToggleMenu: (indice: number, evento: MouseEvent) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
toggleMenu(payload: {
indice: number;
evento: MouseEvent;
}): boolean;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
colunas: {
type: PropType<Array<import("./types-eli-tabela").EliColuna<any>>>;
required: true;
@ -331,12 +329,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
type: PropType<(i: number) => boolean>;
required: true;
};
}>> & Readonly<{
onToggleMenu?: ((payload: {
indice: number;
evento: MouseEvent;
}) => any) | undefined;
}>, {}, {}, {
toggleMenu: {
type: PropType<(indice: number, evento: MouseEvent) => void>;
required: true;
};
}>> & Readonly<{}>, {}, {}, {
EliTabelaCelula: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
celula: {
type: PropType<import("./types-eli-tabela").ComponenteCelula>;

23
dist/types/components/eli/EliTabela/EliTabelaBody.vue.d.ts vendored
View file

@ -21,17 +21,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
type: PropType<(i: number) => boolean>;
required: true;
};
toggleMenu: {
type: PropType<(indice: number, evento: MouseEvent) => void>;
required: true;
};
}>, {
obterClasseAlinhamento: (alinhamento?: string) => "eli-tabela__celula--direita" | "eli-tabela__celula--centro" | "eli-tabela__celula--esquerda";
obterMaxWidth: (largura?: number | string) => string | undefined;
obterTooltipCelula: (celula: unknown) => any;
emitToggleMenu: (indice: number, evento: MouseEvent) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
toggleMenu(payload: {
indice: number;
evento: MouseEvent;
}): boolean;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
colunas: {
type: PropType<Array<EliColuna<any>>>;
required: true;
@ -52,12 +50,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
type: PropType<(i: number) => boolean>;
required: true;
};
}>> & Readonly<{
onToggleMenu?: ((payload: {
indice: number;
evento: MouseEvent;
}) => any) | undefined;
}>, {}, {}, {
toggleMenu: {
type: PropType<(indice: number, evento: MouseEvent) => void>;
required: true;
};
}>> & Readonly<{}>, {}, {}, {
EliTabelaCelula: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
celula: {
type: PropType<import("./types-eli-tabela").ComponenteCelula>;

2
package.json
View file

@ -1,6 +1,6 @@
{
"name": "eli-vue",
"version": "0.1.40",
"version": "0.1.41",
"private": false,
"main": "./dist/eli-vue.umd.js",
"module": "./dist/eli-vue.es.js",

4
src/components/eli/EliTabela/EliTabela.vue
View file

@ -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>

16
src/components/eli/EliTabela/EliTabelaBody.vue
View file

@ -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,
};
},
});