v-sistec-features 1.31.0 → 1.31.2

package/package.json

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

package/src/DatatableVue/components/VColumnManager.vue

@@ -24,22 +24,19 @@
                         <path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" />
                     </svg>
                 </button>
-
-
             </div>
 
             <div class="dropdown-divider my-3"></div>
             <div class="d-flex flex-column gap-2">
-                <label v-for="coluna in columns_list" :key="coluna.id" class="form-check cursor-pointer m-0">
-                    <input class="form-check-input" type="checkbox" :checked="coluna.visible"
-                        :disabled="coluna.disable_hide" @change="toggleColumnVisibility(coluna.id)">
-                    <span class="form-check-label user-select-none">{{ coluna.header }}</span>
-                </label>
+                <template v-for="coluna in columns_list" :key="coluna.id">
+                    <label v-if="!coluna.disable_hide" class="form-check cursor-pointer m-0">
+                        <input class="form-check-input" type="checkbox" :checked="coluna.visible"
+                            :disabled="coluna.disable_hide" @change="toggleColumnVisibility(coluna.id)">
+                        <span class="form-check-label user-select-none">{{ coluna.header }}</span>
+                    </label>
+                </template>
             </div>
 
-
-
-
         </div>
     </div>
 </template>

package/src/DatatableVue/components/VDataTable.vue

@@ -267,6 +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.
@@ -283,10 +284,13 @@ const {
   handleMouseLeave
 } = useImagePreview();
 
-// Apenas define as props! O que não for passado será undefined, ativando a cascata
-const props = defineProps<VDataTableProps>();
+/* 
+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.
+*/
+const props = withDefaults(defineProps<VDataTableProps>(), defaultDataTableConfig as any);
 // mescla a prop com o padrão e o global definido pelo usuario
-const { options } = useDataTableConfig(props);
+const { options } = useDataTableConfig(props as unknown as VDataTableProps);
 
 const emit = defineEmits(['tradePage', 'beforeFetch', 'afterFetch', 'clickedClearSearch']);
 

package/src/DatatableVue/composables/useDataTableConfig.ts

@@ -30,7 +30,7 @@ export function useDataTableConfig(props: VDataTableProps) {
             ...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)
-        } as DataTablePropsWithDefaults;
+        } as DataTablePropsWithDefaults; 
     });
 
     return { options };