@alexochihua/exos-library-components 2.25.29 → 2.25.30

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

@@ -53942,7 +53942,8 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
     const hiddenInputId = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => `e-input-mask-hidden-${instance.uid}`);
     const inputRef = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(null);
     const displayValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)('');
-    const realValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(props.modelValue || '');
+    /** Sin valor crudo del padre: el watcher (immediate) aplica formatInitialValue y evita que p.ej. "$10" quede como realValue con saveFormatted=false */
+    const realValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)('');
     const isCleaning = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
     const lastValidationResult = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(true);
 
@@ -54079,6 +54080,7 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
     // Excluimos todas las props de EInputMask para evitar pasarlas a EInput
     const excludedProps = ['maskPattern', 'hiddenChar', 'preset', 'saveFormatted', 'visiblePrefix', 'visibleSuffix', 'decimals', 'currencySymbol', 'cardLengths', 'invalidCardMessage', 'invalidCardLengthMessage', 'required', 'rules', 'label', 'requiredMessage', 'invalidPhoneMessage', 'invalidNssMessage', 'invalidCurrencyMessage', 'invalidPercentageMessage'];
     const inputProps = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
+      console.log(props.label, 'attrs', attrs);
       const result = {};
       for (const key in attrs) {
         if (!excludedProps.includes(key)) {
@@ -54936,12 +54938,21 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
         return;
       }
 
-      // Comparar con el valor correcto según saveFormatted
-      const currentEmitValue = getEmitValue(realValue.value, displayValue.value);
-      if (newValue !== currentEmitValue) {
-        const formatted = formatInitialValue(newValue);
-        displayValue.value = formatted.displayValue;
-        realValue.value = formatted.realValue;
+      // Eco del v-model: no re-aplicar applyMask (p. ej. tarjeta con saveFormatted=true
+      // rompe si se parsea de nuevo el string ya enmascarado).
+      const currentEmit = getEmitValue(realValue.value, displayValue.value);
+      if (newValue === currentEmit) {
+        return;
+      }
+      const formatted = formatInitialValue(newValue);
+      displayValue.value = formatted.displayValue;
+      realValue.value = formatted.realValue;
+      const canonicalEmit = getEmitValue(formatted.realValue, formatted.displayValue);
+      const emptyModel = v => v == null || v === '';
+      const a = emptyModel(newValue) ? '' : newValue;
+      const b = emptyModel(canonicalEmit) ? '' : canonicalEmit;
+      if (a !== b) {
+        emit('update:modelValue', canonicalEmit);
       }
     }, {
       immediate: true
@@ -54958,11 +54969,6 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
 
     // Lifecycle
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.onMounted)(() => {
-      if (props.modelValue || props.modelValue === '0') {
-        const formatted = formatInitialValue(props.modelValue);
-        displayValue.value = formatted.displayValue;
-        realValue.value = formatted.realValue;
-      }
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.nextTick)(() => {
         const input = getNativeInput();
         if (input) {
@@ -55029,13 +55035,14 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
         rules: inputRules.value || inputProps.value.rules,
         label: __props.label || inputProps.value.label,
         length: inputLength.value || inputProps.value.length,
+        requiredMessage: __props.requiredMessage || inputProps.value.requiredMessage,
         "onUpdate:modelValue": handleDisplayUpdate,
         onBlur: handleBlur,
         onFocus: handleFocus,
         onClean: handleClean,
         onOnEnter: handleEnter,
         onOnEnterValid: handleEnterValid
-      }), null, 16, ["id", "modelValue", "required", "rules", "label", "length"])]);
+      }), null, 16, ["id", "modelValue", "required", "rules", "label", "length", "requiredMessage"])]);
     };
   }
 });
@@ -56109,10 +56116,11 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
       label = optionsForLabelLookup.value.find(val => val.value === currentValue && typeof val.value === typeof currentValue);
       return label?.label !== undefined ? label.label : currentValue;
     });
+    const formatRequiredMessage = () => props.requiredMessage.replace('%label%', props.label ?? '');
     const finalRules = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
       let rules = [...props.rules];
       if (props.required && typeof props.modelValue !== 'boolean') {
-        rules.unshift(val => val !== null && val !== undefined && val !== '' || props.requiredMessage.replace('%label%', props.label));
+        rules.unshift(val => val !== null && val !== undefined && val !== '' || formatRequiredMessage());
       }
       return rules;
     });
@@ -56703,7 +56711,7 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
           }
         } else if (props.required) {
           // Manejar el caso en que this.modelValue no es un array y es requerido
-          setMessageRule(`El campo ${props.label} es requerido`);
+          setMessageRule(formatRequiredMessage());
           valid = false;
         }
         i++;
@@ -57889,6 +57897,9 @@ const ETablevue_type_script_setup_true_lang_js_hoisted_20 = {
     const handleReload = () => {
       if (paginationRef.value) {
         paginationRef.value.handleFirstPage();
+      } else if (props.serverSide) {
+        currentPage.value = 1;
+        handleRequest(true);
       }
     };
     const dataSort = (rows, sortBy, descending) => {
@@ -58083,11 +58094,16 @@ const ETablevue_type_script_setup_true_lang_js_hoisted_20 = {
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => props.filter, () => {
       sortBy.value = null;
       descending.value = null;
-      if (paginationRef.value) {
+      if (props.serverSide) {
+        currentPage.value = 1;
+        handleRequest(true);
+      } else if (paginationRef.value) {
         handleReload();
       } else {
         handleRequest();
       }
+    }, {
+      deep: true
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => numRowsByPage.value, newVal => {
       sortBy.value = null;

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

@@ -53960,7 +53960,8 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
     const hiddenInputId = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => `e-input-mask-hidden-${instance.uid}`);
     const inputRef = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
     const displayValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)('');
-    const realValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(props.modelValue || '');
+    /** Sin valor crudo del padre: el watcher (immediate) aplica formatInitialValue y evita que p.ej. "$10" quede como realValue con saveFormatted=false */
+    const realValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)('');
     const isCleaning = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
     const lastValidationResult = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(true);
 
@@ -54097,6 +54098,7 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
     // Excluimos todas las props de EInputMask para evitar pasarlas a EInput
     const excludedProps = ['maskPattern', 'hiddenChar', 'preset', 'saveFormatted', 'visiblePrefix', 'visibleSuffix', 'decimals', 'currencySymbol', 'cardLengths', 'invalidCardMessage', 'invalidCardLengthMessage', 'required', 'rules', 'label', 'requiredMessage', 'invalidPhoneMessage', 'invalidNssMessage', 'invalidCurrencyMessage', 'invalidPercentageMessage'];
     const inputProps = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      console.log(props.label, 'attrs', attrs);
       const result = {};
       for (const key in attrs) {
         if (!excludedProps.includes(key)) {
@@ -54954,12 +54956,21 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
         return;
       }
 
-      // Comparar con el valor correcto según saveFormatted
-      const currentEmitValue = getEmitValue(realValue.value, displayValue.value);
-      if (newValue !== currentEmitValue) {
-        const formatted = formatInitialValue(newValue);
-        displayValue.value = formatted.displayValue;
-        realValue.value = formatted.realValue;
+      // Eco del v-model: no re-aplicar applyMask (p. ej. tarjeta con saveFormatted=true
+      // rompe si se parsea de nuevo el string ya enmascarado).
+      const currentEmit = getEmitValue(realValue.value, displayValue.value);
+      if (newValue === currentEmit) {
+        return;
+      }
+      const formatted = formatInitialValue(newValue);
+      displayValue.value = formatted.displayValue;
+      realValue.value = formatted.realValue;
+      const canonicalEmit = getEmitValue(formatted.realValue, formatted.displayValue);
+      const emptyModel = v => v == null || v === '';
+      const a = emptyModel(newValue) ? '' : newValue;
+      const b = emptyModel(canonicalEmit) ? '' : canonicalEmit;
+      if (a !== b) {
+        emit('update:modelValue', canonicalEmit);
       }
     }, {
       immediate: true
@@ -54976,11 +54987,6 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
 
     // Lifecycle
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
-      if (props.modelValue || props.modelValue === '0') {
-        const formatted = formatInitialValue(props.modelValue);
-        displayValue.value = formatted.displayValue;
-        realValue.value = formatted.realValue;
-      }
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
         const input = getNativeInput();
         if (input) {
@@ -55047,13 +55053,14 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
         rules: inputRules.value || inputProps.value.rules,
         label: __props.label || inputProps.value.label,
         length: inputLength.value || inputProps.value.length,
+        requiredMessage: __props.requiredMessage || inputProps.value.requiredMessage,
         "onUpdate:modelValue": handleDisplayUpdate,
         onBlur: handleBlur,
         onFocus: handleFocus,
         onClean: handleClean,
         onOnEnter: handleEnter,
         onOnEnterValid: handleEnterValid
-      }), null, 16, ["id", "modelValue", "required", "rules", "label", "length"])]);
+      }), null, 16, ["id", "modelValue", "required", "rules", "label", "length", "requiredMessage"])]);
     };
   }
 });
@@ -56127,10 +56134,11 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
       label = optionsForLabelLookup.value.find(val => val.value === currentValue && typeof val.value === typeof currentValue);
       return label?.label !== undefined ? label.label : currentValue;
     });
+    const formatRequiredMessage = () => props.requiredMessage.replace('%label%', props.label ?? '');
     const finalRules = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       let rules = [...props.rules];
       if (props.required && typeof props.modelValue !== 'boolean') {
-        rules.unshift(val => val !== null && val !== undefined && val !== '' || props.requiredMessage.replace('%label%', props.label));
+        rules.unshift(val => val !== null && val !== undefined && val !== '' || formatRequiredMessage());
       }
       return rules;
     });
@@ -56721,7 +56729,7 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
           }
         } else if (props.required) {
           // Manejar el caso en que this.modelValue no es un array y es requerido
-          setMessageRule(`El campo ${props.label} es requerido`);
+          setMessageRule(formatRequiredMessage());
           valid = false;
         }
         i++;
@@ -57907,6 +57915,9 @@ const ETablevue_type_script_setup_true_lang_js_hoisted_20 = {
     const handleReload = () => {
       if (paginationRef.value) {
         paginationRef.value.handleFirstPage();
+      } else if (props.serverSide) {
+        currentPage.value = 1;
+        handleRequest(true);
       }
     };
     const dataSort = (rows, sortBy, descending) => {
@@ -58101,11 +58112,16 @@ const ETablevue_type_script_setup_true_lang_js_hoisted_20 = {
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.filter, () => {
       sortBy.value = null;
       descending.value = null;
-      if (paginationRef.value) {
+      if (props.serverSide) {
+        currentPage.value = 1;
+        handleRequest(true);
+      } else if (paginationRef.value) {
         handleReload();
       } else {
         handleRequest();
       }
+    }, {
+      deep: true
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => numRowsByPage.value, newVal => {
       sortBy.value = null;