v-sistec-features 1.9.0 → 1.9.2

package/package.json

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

package/src/DatatableVue/components/SearchDatatable.vue

@@ -12,8 +12,8 @@
             </svg>
         </a>
         <div class="input-icon">
-            <input type="text" class="form-control ms-1" id="inputSearchLaudos" v-model="modelSearch"
-                @keyup.enter="$emit('search')" placeholder="Buscar...">
+            <input type="text" class="form-control ms-1" id="inputSearchVDataTable" v-model="modelSearch"
+                @keyup.enter="$emit('search')" :placeholder="placeholder_search">
 
             <span v-if="modelSearch" @click="cleanSearch()" class=" inputClose" title="Limpar pesquisa">
                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
@@ -61,6 +61,7 @@ interface SearchProps {
     filter?: string;
     list_filter?: any[];
     item_use?: number[];
+    placeholder_search?: string;
 }
 const props = withDefaults(defineProps<SearchProps>(), {
     filter: "",
@@ -93,7 +94,7 @@ const props = withDefaults(defineProps<SearchProps>(), {
     // até o momento existem 2 items: 1 (search) e 2 (filter)
     item_use: () => [1, 2], // se não for passado, assume que é para todos os itens
     // até o momento existem 2 items: 1 (search) e 2 (filter)
-
+    placeholder_search: "Buscar...",
     click: null,
 });
 

package/src/DatatableVue/components/VDataTable.vue

@@ -21,7 +21,7 @@
           </slot>
 
           <Search v-model:search="pagination.search" v-model:filter="pagination.filter" :list_filter="props.list_filter"
-            :item_use="item_use" @search="reSearch" />
+            :item_use="item_use" @search="reSearch" :placeholder_search="props.placeholder_search"/>
         </div>
         <slot name="item-selected-info" :selected_items="selected_items" :clearSelection="() => selected_items = []">
           <div v-if="(props.use_checkbox && selected_items.length > 0) && !props.deactivate_selected_info"
@@ -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';
@@ -405,6 +408,7 @@ const props = withDefaults(defineProps<VDataTableProps>(), {
   page_starts_at: 0,
   deactivate_selected_info: false,
   immediate: true,
+  placeholder_search: "Buscar...",
 });
 
 
@@ -412,7 +416,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[]>;
@@ -634,6 +639,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);
 

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

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