@alexochihua/exos-library-components 2.25.20 → 2.25.21

package/dist/exos-library-components.common.js

@@ -30502,6 +30502,14 @@ const EDialogvue_type_script_setup_true_lang_js_hoisted_3 = {
         if (!value) return true;
         return (value.type === 'id' || value.type === 'class') && typeof value.value === 'string';
       }
+    },
+    /**
+     * Cierra el diálogo cuando hay navegación (back/forward/hash)
+     * @values true - cierra en navegación, false - ignora navegación
+     */
+    closeOnNavigation: {
+      type: Boolean,
+      default: true
     }
   },
   emits: [
@@ -30593,6 +30601,11 @@ const EDialogvue_type_script_setup_true_lang_js_hoisted_3 = {
     function handleEnter() {
       emits('handleEnter');
     }
+    function handleNavigationClose() {
+      if (!props.closeOnNavigation) return;
+      if (!showDialog.value) return;
+      close();
+    }
 
     // Lifecycle Hooks
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.onMounted)(() => {
@@ -30633,6 +30646,12 @@ const EDialogvue_type_script_setup_true_lang_js_hoisted_3 = {
           }
         });
       }
+      window.addEventListener('popstate', handleNavigationClose);
+      window.addEventListener('hashchange', handleNavigationClose);
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.onBeforeUnmount)(() => {
+      window.removeEventListener('popstate', handleNavigationClose);
+      window.removeEventListener('hashchange', handleNavigationClose);
     });
 
     // Watchers
@@ -61300,6 +61319,7 @@ const EDynamicTablevue_type_script_setup_true_lang_js_hoisted_16 = {
     const numRowsByPage = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(props.rowsByPage?.[0]?.value || 10);
     const formRef = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(null);
     const pendingConfirmIndex = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(null);
+    const visibleFieldsSnapshot = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(null);
 
     // Inicializar items desde modelValue
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => props.modelValue, newValue => {
@@ -61369,29 +61389,32 @@ const EDynamicTablevue_type_script_setup_true_lang_js_hoisted_16 = {
      * @param {Object} item - Item (registro) actual para evaluar la condición
      * @returns {Array} - Array de fields visibles
      */
+    const getFieldVisibility = (field, item) => {
+      // Si no tiene showWhen, mostrar el field por defecto
+      if (!field.showWhen) {
+        return true;
+      }
+
+      // Si showWhen existe pero no es una función, mostrar warning y ocultar el field
+      if (typeof field.showWhen !== 'function') {
+        console.warn(`showWhen debe ser una función para el field "${field.field}"`);
+        return false;
+      }
+
+      // Ejecutar la función showWhen con el item
+      try {
+        return field.showWhen(item) === true;
+      } catch (error) {
+        console.warn(`Error al evaluar showWhen para el field "${field.field}":`, error);
+        return false;
+      }
+    };
     const getVisibleFields = (fields, item) => {
       if (!fields || !Array.isArray(fields)) {
         return [];
       }
       return fields.filter(field => {
-        // Si no tiene showWhen, mostrar el field por defecto
-        if (!field.showWhen) {
-          return true;
-        }
-
-        // Si showWhen existe pero no es una función, mostrar warning y ocultar el field
-        if (typeof field.showWhen !== 'function') {
-          console.warn(`showWhen debe ser una función para el field "${field.field}"`);
-          return false;
-        }
-
-        // Ejecutar la función showWhen con el item
-        try {
-          return field.showWhen(item) === true;
-        } catch (error) {
-          console.warn(`Error al evaluar showWhen para el field "${field.field}":`, error);
-          return false;
-        }
+        return getFieldVisibility(field, item);
       });
     };
     const getCellScope = (item, col, indexCol) => {
@@ -61595,31 +61618,42 @@ const EDynamicTablevue_type_script_setup_true_lang_js_hoisted_16 = {
       }
       return baseProps;
     };
-
-    /**
-     * Limpia los campos que están ocultos por showWhen
-     * @param {Object} item - Item (registro) actual
-     */
-    const cleanHiddenFields = item => {
+    const buildVisibilitySnapshot = item => {
+      const snapshot = {};
       props.columns.forEach(col => {
         if (col.fields && Array.isArray(col.fields)) {
           col.fields.forEach(field => {
-            // Si el campo tiene showWhen y no cumple la condición, limpiarlo
-            if (field.showWhen && typeof field.showWhen === 'function') {
-              try {
-                const shouldShow = field.showWhen(item) === true;
-                if (!shouldShow && field.field) {
-                  // El campo está oculto, limpiar su valor
-                  setFieldValue(item, field.field, null);
-                }
-              } catch (error) {
-                // Si hay error al evaluar, no hacer nada
-                console.warn(`Error al evaluar showWhen para limpiar el field "${field.field}":`, error);
-              }
+            if (field.field && field.showWhen) {
+              snapshot[field.field] = getFieldVisibility(field, item);
             }
           });
         }
       });
+      return snapshot;
+    };
+    const updateVisibilitySnapshot = item => {
+      visibleFieldsSnapshot.value = buildVisibilitySnapshot(item);
+    };
+
+    /**
+     * Limpia los campos que cambian de visible -> oculto durante la edición
+     * @param {Object} item - Item (registro) actual
+     */
+    const cleanHiddenFieldsOnVisibilityChange = item => {
+      if (!visibleFieldsSnapshot.value) {
+        updateVisibilitySnapshot(item);
+        return;
+      }
+      const previousSnapshot = visibleFieldsSnapshot.value;
+      const currentSnapshot = buildVisibilitySnapshot(item);
+      Object.keys(currentSnapshot).forEach(fieldName => {
+        const wasVisible = previousSnapshot[fieldName] === true;
+        const isVisible = currentSnapshot[fieldName] === true;
+        if (wasVisible && !isVisible) {
+          setFieldValue(item, fieldName, null);
+        }
+      });
+      visibleFieldsSnapshot.value = currentSnapshot;
     };
     const handleFieldUpdate = (item, field, value, parentCol) => {
       // Actualizar el valor
@@ -61647,8 +61681,8 @@ const EDynamicTablevue_type_script_setup_true_lang_js_hoisted_16 = {
         }
       });
 
-      // Limpiar campos que ahora están ocultos por showWhen
-      cleanHiddenFields(item);
+      // Limpiar campos que ahora están ocultos por showWhen (solo si cambiaron)
+      cleanHiddenFieldsOnVisibilityChange(item);
 
       // Emitir actualización para forzar re-render de componentes dependientes
       emit('update:modelValue', items.value);
@@ -61763,6 +61797,7 @@ const EDynamicTablevue_type_script_setup_true_lang_js_hoisted_16 = {
       items.value.unshift(newItem);
       editingIndex.value = 0;
       originalData.value = null;
+      updateVisibilitySnapshot(newItem);
       currentPage.value = 1; // Ir a la primera página para ver el nuevo elemento
       emit('add', {
         item: newItem,
@@ -61777,6 +61812,7 @@ const EDynamicTablevue_type_script_setup_true_lang_js_hoisted_16 = {
       const globalIndex = getGlobalIndex(index);
       editingIndex.value = globalIndex;
       originalData.value = JSON.parse(JSON.stringify(items.value[globalIndex]));
+      updateVisibilitySnapshot(items.value[globalIndex]);
       emit('edit', {
         item: items.value[globalIndex],
         index: globalIndex
@@ -61808,11 +61844,12 @@ const EDynamicTablevue_type_script_setup_true_lang_js_hoisted_16 = {
       const globalIndex = pendingConfirmIndex.value;
       const item = items.value[globalIndex];
 
-      // Limpiar campos ocultos antes de guardar
-      cleanHiddenFields(item);
+      // Limpiar campos ocultos solo si cambiaron durante la edición
+      cleanHiddenFieldsOnVisibilityChange(item);
       editingIndex.value = null;
       originalData.value = null;
       pendingConfirmIndex.value = null;
+      visibleFieldsSnapshot.value = null;
       emit('update:modelValue', items.value);
       emit('save', {
         item,
@@ -61834,6 +61871,7 @@ const EDynamicTablevue_type_script_setup_true_lang_js_hoisted_16 = {
       }
       editingIndex.value = null;
       originalData.value = null;
+      visibleFieldsSnapshot.value = null;
       emit('cancel', {
         item,
         index: globalIndex

package/dist/exos-library-components.umd.js

@@ -30520,6 +30520,14 @@ const EDialogvue_type_script_setup_true_lang_js_hoisted_3 = {
         if (!value) return true;
         return (value.type === 'id' || value.type === 'class') && typeof value.value === 'string';
       }
+    },
+    /**
+     * Cierra el diálogo cuando hay navegación (back/forward/hash)
+     * @values true - cierra en navegación, false - ignora navegación
+     */
+    closeOnNavigation: {
+      type: Boolean,
+      default: true
     }
   },
   emits: [
@@ -30611,6 +30619,11 @@ const EDialogvue_type_script_setup_true_lang_js_hoisted_3 = {
     function handleEnter() {
       emits('handleEnter');
     }
+    function handleNavigationClose() {
+      if (!props.closeOnNavigation) return;
+      if (!showDialog.value) return;
+      close();
+    }
 
     // Lifecycle Hooks
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
@@ -30651,6 +30664,12 @@ const EDialogvue_type_script_setup_true_lang_js_hoisted_3 = {
           }
         });
       }
+      window.addEventListener('popstate', handleNavigationClose);
+      window.addEventListener('hashchange', handleNavigationClose);
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
+      window.removeEventListener('popstate', handleNavigationClose);
+      window.removeEventListener('hashchange', handleNavigationClose);
     });
 
     // Watchers
@@ -61318,6 +61337,7 @@ const EDynamicTablevue_type_script_setup_true_lang_js_hoisted_16 = {
     const numRowsByPage = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(props.rowsByPage?.[0]?.value || 10);
     const formRef = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
     const pendingConfirmIndex = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
+    const visibleFieldsSnapshot = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
 
     // Inicializar items desde modelValue
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, newValue => {
@@ -61387,29 +61407,32 @@ const EDynamicTablevue_type_script_setup_true_lang_js_hoisted_16 = {
      * @param {Object} item - Item (registro) actual para evaluar la condición
      * @returns {Array} - Array de fields visibles
      */
+    const getFieldVisibility = (field, item) => {
+      // Si no tiene showWhen, mostrar el field por defecto
+      if (!field.showWhen) {
+        return true;
+      }
+
+      // Si showWhen existe pero no es una función, mostrar warning y ocultar el field
+      if (typeof field.showWhen !== 'function') {
+        console.warn(`showWhen debe ser una función para el field "${field.field}"`);
+        return false;
+      }
+
+      // Ejecutar la función showWhen con el item
+      try {
+        return field.showWhen(item) === true;
+      } catch (error) {
+        console.warn(`Error al evaluar showWhen para el field "${field.field}":`, error);
+        return false;
+      }
+    };
     const getVisibleFields = (fields, item) => {
       if (!fields || !Array.isArray(fields)) {
         return [];
       }
       return fields.filter(field => {
-        // Si no tiene showWhen, mostrar el field por defecto
-        if (!field.showWhen) {
-          return true;
-        }
-
-        // Si showWhen existe pero no es una función, mostrar warning y ocultar el field
-        if (typeof field.showWhen !== 'function') {
-          console.warn(`showWhen debe ser una función para el field "${field.field}"`);
-          return false;
-        }
-
-        // Ejecutar la función showWhen con el item
-        try {
-          return field.showWhen(item) === true;
-        } catch (error) {
-          console.warn(`Error al evaluar showWhen para el field "${field.field}":`, error);
-          return false;
-        }
+        return getFieldVisibility(field, item);
       });
     };
     const getCellScope = (item, col, indexCol) => {
@@ -61613,31 +61636,42 @@ const EDynamicTablevue_type_script_setup_true_lang_js_hoisted_16 = {
       }
       return baseProps;
     };
-
-    /**
-     * Limpia los campos que están ocultos por showWhen
-     * @param {Object} item - Item (registro) actual
-     */
-    const cleanHiddenFields = item => {
+    const buildVisibilitySnapshot = item => {
+      const snapshot = {};
       props.columns.forEach(col => {
         if (col.fields && Array.isArray(col.fields)) {
           col.fields.forEach(field => {
-            // Si el campo tiene showWhen y no cumple la condición, limpiarlo
-            if (field.showWhen && typeof field.showWhen === 'function') {
-              try {
-                const shouldShow = field.showWhen(item) === true;
-                if (!shouldShow && field.field) {
-                  // El campo está oculto, limpiar su valor
-                  setFieldValue(item, field.field, null);
-                }
-              } catch (error) {
-                // Si hay error al evaluar, no hacer nada
-                console.warn(`Error al evaluar showWhen para limpiar el field "${field.field}":`, error);
-              }
+            if (field.field && field.showWhen) {
+              snapshot[field.field] = getFieldVisibility(field, item);
             }
           });
         }
       });
+      return snapshot;
+    };
+    const updateVisibilitySnapshot = item => {
+      visibleFieldsSnapshot.value = buildVisibilitySnapshot(item);
+    };
+
+    /**
+     * Limpia los campos que cambian de visible -> oculto durante la edición
+     * @param {Object} item - Item (registro) actual
+     */
+    const cleanHiddenFieldsOnVisibilityChange = item => {
+      if (!visibleFieldsSnapshot.value) {
+        updateVisibilitySnapshot(item);
+        return;
+      }
+      const previousSnapshot = visibleFieldsSnapshot.value;
+      const currentSnapshot = buildVisibilitySnapshot(item);
+      Object.keys(currentSnapshot).forEach(fieldName => {
+        const wasVisible = previousSnapshot[fieldName] === true;
+        const isVisible = currentSnapshot[fieldName] === true;
+        if (wasVisible && !isVisible) {
+          setFieldValue(item, fieldName, null);
+        }
+      });
+      visibleFieldsSnapshot.value = currentSnapshot;
     };
     const handleFieldUpdate = (item, field, value, parentCol) => {
       // Actualizar el valor
@@ -61665,8 +61699,8 @@ const EDynamicTablevue_type_script_setup_true_lang_js_hoisted_16 = {
         }
       });
 
-      // Limpiar campos que ahora están ocultos por showWhen
-      cleanHiddenFields(item);
+      // Limpiar campos que ahora están ocultos por showWhen (solo si cambiaron)
+      cleanHiddenFieldsOnVisibilityChange(item);
 
       // Emitir actualización para forzar re-render de componentes dependientes
       emit('update:modelValue', items.value);
@@ -61781,6 +61815,7 @@ const EDynamicTablevue_type_script_setup_true_lang_js_hoisted_16 = {
       items.value.unshift(newItem);
       editingIndex.value = 0;
       originalData.value = null;
+      updateVisibilitySnapshot(newItem);
       currentPage.value = 1; // Ir a la primera página para ver el nuevo elemento
       emit('add', {
         item: newItem,
@@ -61795,6 +61830,7 @@ const EDynamicTablevue_type_script_setup_true_lang_js_hoisted_16 = {
       const globalIndex = getGlobalIndex(index);
       editingIndex.value = globalIndex;
       originalData.value = JSON.parse(JSON.stringify(items.value[globalIndex]));
+      updateVisibilitySnapshot(items.value[globalIndex]);
       emit('edit', {
         item: items.value[globalIndex],
         index: globalIndex
@@ -61826,11 +61862,12 @@ const EDynamicTablevue_type_script_setup_true_lang_js_hoisted_16 = {
       const globalIndex = pendingConfirmIndex.value;
       const item = items.value[globalIndex];
 
-      // Limpiar campos ocultos antes de guardar
-      cleanHiddenFields(item);
+      // Limpiar campos ocultos solo si cambiaron durante la edición
+      cleanHiddenFieldsOnVisibilityChange(item);
       editingIndex.value = null;
       originalData.value = null;
       pendingConfirmIndex.value = null;
+      visibleFieldsSnapshot.value = null;
       emit('update:modelValue', items.value);
       emit('save', {
         item,
@@ -61852,6 +61889,7 @@ const EDynamicTablevue_type_script_setup_true_lang_js_hoisted_16 = {
       }
       editingIndex.value = null;
       originalData.value = null;
+      visibleFieldsSnapshot.value = null;
       emit('cancel', {
         item,
         index: globalIndex