v-sistec-features 1.14.0 → 1.16.0

package/package.json

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

package/src/DataPageVue/components/VDataPage.vue

@@ -110,7 +110,8 @@ const props = withDefaults(defineProps<VDataPageProps>(), {
     page_starts_at: 0,
     element_id: '',
     class_loading_container: '',
-    watch: () => []
+    watch: () => [],
+    disable_request: false,
 });
 
 
@@ -145,8 +146,9 @@ const pagination = ref<PaginationObject>({
 // 3. LÓGICA DA API (useFetch)
 // =======================================================
 const { data: response, pending: pending, error, execute, attempt: _attempt } = props.fetch(props.endpoint, {
+    disable_request: () => props.disable_request,
     params: () => {
-
+        
         if (props.deactivate_default_params) {
             if (props.add_params && typeof props.add_params === 'function') {
                 return props.add_params();

package/src/DataPageVue/types/v-data-page.ts

@@ -1,4 +1,4 @@
-import type { Ref, Component, WatchSource } from 'vue';
+import type { Ref, Component, WatchSource, MaybeRefOrGetter } from 'vue';
 
 export interface VDataPageProps {
     /* configuração do useApiFetch */
@@ -61,6 +61,7 @@ export interface VDataPageProps {
     page_starts_at?: number;
     element_id?: string;
     watch?: WatchSource[];
+    disable_request?: MaybeRefOrGetter<boolean>;
 }
 export interface PaginationObject {
     current_page: number;
@@ -78,4 +79,6 @@ export interface ExposedFunctions {
     set_filter: (newFilter: string) => void;
     set_page: (newPage: number) => void;
     reSearch: () => void;
+
+    
 }

package/src/DatatableVue/components/VColumn.vue

@@ -7,7 +7,8 @@ import { inject, onMounted, useSlots, defineSlots } from 'vue';
 import { dataTableApiKey } from '../keys';
 
 defineSlots<{
-  body?: () => any, 
+  // props para o slot body 
+  body?: (props: { item: any }) => any,
 }>();
 interface VColumnProps {
   field?: string | null;
@@ -27,6 +28,7 @@ interface VColumnProps {
   param_ordering?: string;
   decreasing_value?: string;
   increasing_value?: string;
+  class_rules?: Record<string, (item: any) => boolean>;
 }
 const props = withDefaults(defineProps<VColumnProps>(), {
   field: null,
@@ -58,6 +60,7 @@ const props = withDefaults(defineProps<VColumnProps>(), {
   param_ordering: '',
   decreasing_value: '',
   increasing_value: '',
+  class_rules: () => ({}),
 });
 
 const slots = useSlots();
@@ -107,6 +110,7 @@ onMounted(() => {
     param_ordering: props.param_ordering,
     decreasing_value: props.decreasing_value,
     increasing_value: props.increasing_value,
+    class_rules: props.class_rules,
 
     bodySlot: slots.body,
     ...(props.type === 'text' && { limite_text: Number(props.limite_text) }),

package/src/DatatableVue/components/VDataTable.vue

@@ -326,13 +326,13 @@
                     <td v-for="col in renderedColumns" :key="col.field || col.header" :class="col.class_row">
                       <component v-if="col.bodySlot" :is="col.bodySlot" :item="item" :is-selected="isSelected(item)" />
                       <span @click="col.click ? col.click(item) : null"
-                        :class="col.class_item + (col.click ? ' cursor-pointer' : '')" v-else-if="col.type === 'text'">
+                        :class="computeClasses(col, item)" v-else-if="col.type === 'text'">
                         {{
                           limiteText(getSubItem(col.field, item, col.transform_function), col.limite_text ?? null)
                         }}</span>
 
                       <span @click="col.click ? col.click(item) : null" v-else-if="col.type === 'date'"
-                        :class="col.class_item + (col.click ? ' cursor-pointer' : '')">
+                        :class="computeClasses(col, item)">
                         <span v-if="col.format === 'complete'">{{ new Date(getSubItem(col.field, item)).toLocaleString()
                         }}</span>
                         <span v-if="col.format === 'simple'"> {{ new Date(getSubItem(col.field,
@@ -340,12 +340,12 @@
                         }} </span>
                       </span>
                       <div @click="col.click ? col.click(item) : null"
-                        :class="col.class_item + (col.click ? ' cursor-pointer' : '')" v-else-if="col.type === 'html'"
+                        :class="computeClasses(col, item)" v-else-if="col.type === 'html'"
                         v-html="getSubItem(col.field, item)">
                       </div>
 
                       <div @click="col.click ? col.click(item) : null"
-                        :class="col.class_item + (col.click ? ' cursor-pointer' : '')" v-else-if="col.type === 'img'">
+                        :class="computeClasses(col, item)" v-else-if="col.type === 'img'">
 
                         <div v-if="getSubItem(col.field, item)" v-bind="col.deactivate_img_preview ? {
                           class: 'container-img'
@@ -852,6 +852,26 @@ function tradePageEmit(): void {
   fetchDataWithDelay();
 
 }
+const computeClasses = (col: ColumnConfiguration, item: T) => {
+  // Pega a classe estática padrão
+  const classes = [col.class_item || ''];
+
+  // Se a coluna for clicável, adiciona cursor-pointer automaticamente
+  if (col.click) {
+    classes.push('cursor-pointer');
+  }
+
+  // Processa as regras dinâmicas (class_rules)
+  if (col.class_rules) {
+    for (const [className, ruleValidator] of Object.entries(col.class_rules)) {
+      if (typeof ruleValidator === 'function' && ruleValidator(item)) {
+        classes.push(className);
+      }
+    }
+  }
+
+  return classes.join(' ').trim();
+};
 
 defineExpose<ExposedFunctions<T>>({
   execute: fetchDataWithDelay,

package/src/DatatableVue/keys.ts

@@ -19,7 +19,7 @@ export interface ColumnConfiguration {
   param_ordering: string;
   decreasing_value: string;
   increasing_value: string;
-
+  class_rules?: Record<string, (item: any) => boolean>;
 }
 
 // A API que o VDataTable "fornece" para os filhos