v-sistec-features 1.31.2 → 1.31.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "v-sistec-features",
   "private": false,
-  "version": "1.31.2",
+  "version": "1.31.4",
   "author": "Márlon Bento Azevedo (https://github.com/marlon-bento)",
   "repository": {
     "type": "git",

package/src/DatatableVue/components/VDataTable.vue

@@ -267,7 +267,7 @@ import VDataTableLoading from './VDataTableLoading.vue';
 import VThDataTable from './VThDataTable.vue';
 import { buildIcons } from '@/utils/svgFactory'
 import { svgs } from '@/DatatableVue/style/svgs'
-import { defaultDataTableConfig } from '@/DatatableVue/config/datatableDefaults';
+
 const icons = buildIcons(svgs)
 /* 
 Variável responsável por indicar se o componente já foi totalmente montado no DOM.
@@ -285,12 +285,11 @@ const {
 } = useImagePreview();
 
 /* 
-Constante que define as props do componente com seus valores padrão.
-Por que é usada: Recebe as propriedades enviadas pelo pai e previne que o Vue converta booleanos não declarados para false, aplicando nosso defaultDataTableConfig.
+Propriedades do componente instanciadas de forma limpa.
 */
-const props = withDefaults(defineProps<VDataTableProps>(), defaultDataTableConfig as any);
+const props = defineProps<VDataTableProps>();
 // mescla a prop com o padrão e o global definido pelo usuario
-const { options } = useDataTableConfig(props as unknown as VDataTableProps);
+const { options } = useDataTableConfig(props);
 
 const emit = defineEmits(['tradePage', 'beforeFetch', 'afterFetch', 'clickedClearSearch']);
 

package/src/DatatableVue/composables/useDataTableConfig.ts

@@ -3,7 +3,7 @@
 Responsável por mesclar as propriedades recebidas pelo componente VDataTable com a configuração global da aplicação.
 ========
 */
-import { computed, inject } from 'vue';
+import { computed, inject, getCurrentInstance } from 'vue';
 import { DATA_TABLE_CONFIG } from '@/DatatableVue/config/datatableConfig';
 import type { VDataTableProps, DataTablePropsWithDefaults } from '../types/v-data-table';
 import { defaultDataTableConfig } from '@/DatatableVue/config/datatableDefaults';
@@ -15,13 +15,19 @@ Por que é usada: Limpa o componente principal, isolando a lógica de fallback d
 */
 export function useDataTableConfig(props: VDataTableProps) {
     const globalConfig = inject(DATA_TABLE_CONFIG, {});
-
+    /* Instância interna para acesso ao Virtual DOM e leitura crua dos atributos */
+    const instance = getCurrentInstance();
     const options = computed<DataTablePropsWithDefaults>(() => {
-        // 1. Filtramos as props do componente para remover tudo que for "undefined".
-        // Se não fizermos isso, uma prop undefined vai esmagar a configuração global na hora de mesclar.
-        const propsPassadasPeloUsuario = Object.fromEntries(
-            Object.entries(props).filter(([_, valor]) => valor !== undefined)
-        );
+        const rawProps = instance?.vnode.props || {};
+        const propsPassadas = Object.keys(props).reduce((acc, key) => {
+            const kebabKey = key.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+            const snakeToKebab = key.replace(/_/g, '-');
+            
+            if (key in rawProps || kebabKey in rawProps || snakeToKebab in rawProps) {
+                acc[key] = props[key as keyof VDataTableProps];
+            }
+            return acc;
+        }, {} as Record<string, any>);
 
         // 2. O Merge Dinâmico!
         // A ordem importa! O que vem por último sobrescreve o anterior. 
@@ -29,7 +35,7 @@ export function useDataTableConfig(props: VDataTableProps) {
         return {
             ...defaultDataTableConfig,       // 1º Camada: Prioridade Mínima (Valores Padrão)
             ...globalConfig,                 // 2º Camada: Prioridade Média (Valores Globais definidos por quem usa o plugin)
-            ...propsPassadasPeloUsuario      // 3º Camada: Prioridade Máxima (O que o dev digitou na tela)
+            ...propsPassadas      // 3º Camada: Prioridade Máxima (O que o dev digitou na tela)
         } as DataTablePropsWithDefaults; 
     });