v-sistec-features 1.8.2 → 1.9.1

package/package.json

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

package/src/DatatableVue/components/VDataTable.vue

@@ -296,10 +296,10 @@
                     <span @click="col.click ? col.click(item) : null" v-else-if="col.type === 'date'"
                       :class="col.class_item + (col.click ? ' cursor-pointer' : '')">
                       <span v-if="col.format === 'complete'">{{ new Date(getSubItem(col.field, item)).toLocaleString()
-                        }}</span>
+                      }}</span>
                       <span v-if="col.format === 'simple'"> {{ new Date(getSubItem(col.field,
                         item)).toLocaleDateString()
-                      }} </span>
+                        }} </span>
                     </span>
                     <div @click="col.click ? col.click(item) : null"
                       :class="col.class_item + (col.click ? ' cursor-pointer' : '')" v-else-if="col.type === 'html'"
@@ -331,6 +331,9 @@
                 </TransitionGroup>
               </tbody>
             </table>
+          </div>
+          <div v-else-if="first_fetch === false" >
+            
           </div>
           <div v-else class="text-center p-4 text-secondary">
             <p class="m-0">Nenhum item encontrado.</p>
@@ -353,9 +356,9 @@
 </template>
 
 <script setup lang="ts" generic="T extends Record<string, any>">
-import type { VDataTableProps, ExposedFunctions, PaginationObject  } from '../types/v-data-table.ts';
+import type { VDataTableProps, ExposedFunctions, PaginationObject } from '../types/v-data-table.ts';
 import type { Ref } from 'vue';
-import { readonly, ref, provide, computed, watch, nextTick} from 'vue';
+import { readonly, ref, provide, computed, watch, nextTick } from 'vue';
 
 import PaginationDatatable from '@/Pagination/Pagination.vue';
 import Search from './SearchDatatable.vue';
@@ -404,6 +407,7 @@ const props = withDefaults(defineProps<VDataTableProps>(), {
   limit_per_page: 5,
   page_starts_at: 0,
   deactivate_selected_info: false,
+  immediate: true,
 });
 
 
@@ -411,7 +415,8 @@ const props = withDefaults(defineProps<VDataTableProps>(), {
 // 2. ESTADO REATIVO PRINCIPAL
 // =======================================================
 
-
+// variavel para saber quando o datatable já fez alguma busca
+const first_fetch = ref<boolean>(false);
 const orderings_state = ref<Record<string, 'none' | 'increasing' | 'decreasing'>>({});
 const columns = ref<ColumnConfiguration[]>([]);
 const items = ref<T[]>([]) as Ref<T[]>;
@@ -633,6 +638,8 @@ provide(dataTableApiKey, { addColumn });
 
 // Função que gerencia o delay e a chamada da API
 function fetchDataWithDelay(): void {
+  // agora já fez pelo menos a primeira busca então marca como true
+  if (!first_fetch.value) first_fetch.value = true;
   // Limpa timer anterior, se houver
   if (delayTimer.value) clearTimeout(delayTimer.value);
 
@@ -764,7 +771,7 @@ watch(
       reSearch();
     }
   },
-  { deep: true, immediate: true }
+  { deep: true, immediate: props.immediate }
 )
 
 </script>

package/src/DatatableVue/types/v-data-table.ts

@@ -59,7 +59,7 @@ export interface VDataTableProps {
   limit_per_page?: number;
   page_starts_at?: number;
   deactivate_selected_info?: boolean;
-
+  immediate?: boolean;
 }
 
 export interface ExposedFunctions<T extends Record<string, any>> {