feat: listens for changes in model value

empathyco · Oct 28, 2024 · 47d27ce · 47d27ce
1 parent c31b772
commit 47d27ce
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/packages/x-components/src/components/base-slider.vue b/packages/x-components/src/components/base-slider.vue
@@ -80,6 +80,20 @@
         }
       );
 
+      watch([() => props.modelValue.min, () => props.modelValue.max], ([min, max]) => {
+        if (min === minSelected.value && max === maxSelected.value) {
+          return;
+        }
+
+        const minValidated = min < props.threshold.min ? props.threshold.min : min;
+        const maxValidated = max > props.threshold.max ? props.threshold.max : max;
+        sliderInstance.set([minValidated, maxValidated]);
+
+        if (minValidated !== min || maxValidated !== max) {
+          emit('update:modelValue', { min: minValidated, max: maxValidated });
+        }
+      });
+
       return {
         slider,
         rangeSelected