@alexochihua/exos-library-components 2.25.2 → 2.25.3

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

@@ -47497,6 +47497,14 @@ const _hoisted_17 = {
     borderColor: {
       type: String,
       default: null
+    },
+    /**
+     * Mensaje para campo requerido
+     * @values 'El campo %label% es requerido' - mensaje personalizado
+     */
+    requiredMessage: {
+      type: String,
+      default: 'El campo %label% es requerido'
     }
   },
   emits: [
@@ -47697,7 +47705,7 @@ const _hoisted_17 = {
     const finalRules = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
       let rules = [...props.rules];
       if (props.required) {
-        rules.unshift(val => !!val || `El campo ${props.label} es requerido`);
+        rules.unshift(val => !!val || props.requiredMessage.replace('%label%', props.label));
       }
       return rules;
     });
@@ -48096,6 +48104,18 @@ const _hoisted_17 = {
       if (props.rules.length >= 1) validate();
     });
 
+    // Watchers
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => props.requiredMessage, () => {
+      if (isInValid.value) {
+        validate();
+      }
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => props.label, () => {
+      if (isInValid.value) {
+        validate();
+      }
+    });
+
     // Click outside handler
     onClickOutside(popUpCalendar, () => {
       showDatePicker.value = false;
@@ -49171,6 +49191,21 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
         }
       });
     });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => props.requiredMessage, () => {
+      if (hasValidationError.value) {
+        validate();
+      }
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => props.emailMessage, () => {
+      if (hasValidationError.value) {
+        validate();
+      }
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => props.label, () => {
+      if (hasValidationError.value) {
+        validate();
+      }
+    });
     return (_ctx, _cache) => {
       const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
@@ -49794,6 +49829,14 @@ const ESelectvue_type_script_setup_true_lang_js_hoisted_11 = {
     optionBgColor: {
       type: String,
       default: null
+    },
+    /**
+     * Mensaje para campo requerido
+     * @values 'El campo %label% es requerido' - mensaje personalizado
+     */
+    requiredMessage: {
+      type: String,
+      default: 'El campo %label% es requerido'
     }
   },
   emits: [
@@ -50132,7 +50175,7 @@ const ESelectvue_type_script_setup_true_lang_js_hoisted_11 = {
     const finalRules = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
       let rules = [...props.rules];
       if (props.required && typeof props.modelValue !== 'boolean' && props.options.length > 0) {
-        rules.unshift(val => val !== null && val !== undefined && val !== '' || `El campo ${props.label} es requerido`);
+        rules.unshift(val => val !== null && val !== undefined && val !== '' || props.requiredMessage.replace('%label%', props.label));
       }
       return rules;
     });
@@ -50605,6 +50648,18 @@ const ESelectvue_type_script_setup_true_lang_js_hoisted_11 = {
       calculateWidthLabelSelected(); // Calcula el ancho del label seleccionado.
     });
 
+    // Watchers
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => props.requiredMessage, () => {
+      if (messageRule.value) {
+        validate();
+      }
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => props.label, () => {
+      if (messageRule.value) {
+        validate();
+      }
+    });
+
     // Click outside handling
     onClickOutside(mainSelectComponent, () => {
       if (isSelectOpened.value) {
@@ -52823,6 +52878,14 @@ const EFilePickervue_type_script_setup_true_lang_js_hoisted_11 = {
     notSupportedFormatsPreview: {
       type: Array,
       default: () => []
+    },
+    /**
+     * Mensaje para campo requerido
+     * @values 'El campo %label% es requerido' - mensaje personalizado
+     */
+    requiredMessage: {
+      type: String,
+      default: 'El campo %label% es requerido'
     }
   },
   emits: [
@@ -52897,7 +52960,7 @@ const EFilePickervue_type_script_setup_true_lang_js_hoisted_11 = {
       if (props.required) {
         filterRules.unshift(val => {
           const isValid = val !== null && val !== undefined && (Array.isArray(val) ? val.length > 0 : val !== '');
-          return isValid || `El campo ${props.label} es requerido`;
+          return isValid || props.requiredMessage.replace('%label%', props.label);
         });
       }
       return filterRules;
@@ -53186,7 +53249,7 @@ const EFilePickervue_type_script_setup_true_lang_js_hoisted_11 = {
           }
         } else if (props.required) {
           // Manejar el caso en que modelValue no es un array y es requerido
-          setMessageError(`El campo ${props.label} es requerido`);
+          setMessageError(props.requiredMessage.replace('%label%', props.label));
           valid = false;
         }
         i++;
@@ -53380,6 +53443,18 @@ const EFilePickervue_type_script_setup_true_lang_js_hoisted_11 = {
         handlePreloadFile(props.modelValue);
       }
     });
+
+    // Watchers
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => props.requiredMessage, () => {
+      if (messageError.value) {
+        validate();
+      }
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => props.label, () => {
+      if (messageError.value) {
+        validate();
+      }
+    });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.onBeforeUnmount)(() => {
       // Desregistra este componente en EForm antes de destruirse
       if (unregister) {

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

@@ -47515,6 +47515,14 @@ const _hoisted_17 = {
     borderColor: {
       type: String,
       default: null
+    },
+    /**
+     * Mensaje para campo requerido
+     * @values 'El campo %label% es requerido' - mensaje personalizado
+     */
+    requiredMessage: {
+      type: String,
+      default: 'El campo %label% es requerido'
     }
   },
   emits: [
@@ -47715,7 +47723,7 @@ const _hoisted_17 = {
     const finalRules = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       let rules = [...props.rules];
       if (props.required) {
-        rules.unshift(val => !!val || `El campo ${props.label} es requerido`);
+        rules.unshift(val => !!val || props.requiredMessage.replace('%label%', props.label));
       }
       return rules;
     });
@@ -48114,6 +48122,18 @@ const _hoisted_17 = {
       if (props.rules.length >= 1) validate();
     });
 
+    // Watchers
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.requiredMessage, () => {
+      if (isInValid.value) {
+        validate();
+      }
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.label, () => {
+      if (isInValid.value) {
+        validate();
+      }
+    });
+
     // Click outside handler
     onClickOutside(popUpCalendar, () => {
       showDatePicker.value = false;
@@ -49189,6 +49209,21 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
         }
       });
     });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.requiredMessage, () => {
+      if (hasValidationError.value) {
+        validate();
+      }
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.emailMessage, () => {
+      if (hasValidationError.value) {
+        validate();
+      }
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.label, () => {
+      if (hasValidationError.value) {
+        validate();
+      }
+    });
     return (_ctx, _cache) => {
       const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("e-icon");
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
@@ -49812,6 +49847,14 @@ const ESelectvue_type_script_setup_true_lang_js_hoisted_11 = {
     optionBgColor: {
       type: String,
       default: null
+    },
+    /**
+     * Mensaje para campo requerido
+     * @values 'El campo %label% es requerido' - mensaje personalizado
+     */
+    requiredMessage: {
+      type: String,
+      default: 'El campo %label% es requerido'
     }
   },
   emits: [
@@ -50150,7 +50193,7 @@ const ESelectvue_type_script_setup_true_lang_js_hoisted_11 = {
     const finalRules = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       let rules = [...props.rules];
       if (props.required && typeof props.modelValue !== 'boolean' && props.options.length > 0) {
-        rules.unshift(val => val !== null && val !== undefined && val !== '' || `El campo ${props.label} es requerido`);
+        rules.unshift(val => val !== null && val !== undefined && val !== '' || props.requiredMessage.replace('%label%', props.label));
       }
       return rules;
     });
@@ -50623,6 +50666,18 @@ const ESelectvue_type_script_setup_true_lang_js_hoisted_11 = {
       calculateWidthLabelSelected(); // Calcula el ancho del label seleccionado.
     });
 
+    // Watchers
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.requiredMessage, () => {
+      if (messageRule.value) {
+        validate();
+      }
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.label, () => {
+      if (messageRule.value) {
+        validate();
+      }
+    });
+
     // Click outside handling
     onClickOutside(mainSelectComponent, () => {
       if (isSelectOpened.value) {
@@ -52841,6 +52896,14 @@ const EFilePickervue_type_script_setup_true_lang_js_hoisted_11 = {
     notSupportedFormatsPreview: {
       type: Array,
       default: () => []
+    },
+    /**
+     * Mensaje para campo requerido
+     * @values 'El campo %label% es requerido' - mensaje personalizado
+     */
+    requiredMessage: {
+      type: String,
+      default: 'El campo %label% es requerido'
     }
   },
   emits: [
@@ -52915,7 +52978,7 @@ const EFilePickervue_type_script_setup_true_lang_js_hoisted_11 = {
       if (props.required) {
         filterRules.unshift(val => {
           const isValid = val !== null && val !== undefined && (Array.isArray(val) ? val.length > 0 : val !== '');
-          return isValid || `El campo ${props.label} es requerido`;
+          return isValid || props.requiredMessage.replace('%label%', props.label);
         });
       }
       return filterRules;
@@ -53204,7 +53267,7 @@ const EFilePickervue_type_script_setup_true_lang_js_hoisted_11 = {
           }
         } else if (props.required) {
           // Manejar el caso en que modelValue no es un array y es requerido
-          setMessageError(`El campo ${props.label} es requerido`);
+          setMessageError(props.requiredMessage.replace('%label%', props.label));
           valid = false;
         }
         i++;
@@ -53398,6 +53461,18 @@ const EFilePickervue_type_script_setup_true_lang_js_hoisted_11 = {
         handlePreloadFile(props.modelValue);
       }
     });
+
+    // Watchers
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.requiredMessage, () => {
+      if (messageError.value) {
+        validate();
+      }
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.label, () => {
+      if (messageError.value) {
+        validate();
+      }
+    });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
       // Desregistra este componente en EForm antes de destruirse
       if (unregister) {