@dataloop-ai/components 0.18.65 → 0.18.67

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.18.65",
+  "version": "0.18.67",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/components/compound/DlSlider/DlSlider.vue

@@ -231,13 +231,14 @@ export default defineComponent({
         }
     },
     methods: {
-        handleChange(value: string) {
+        handleChange(value: number) {
             this.$emit('change', value)
         },
         handleResetButtonClick() {
             if (this.value === this.initialValue) return
 
             this.sliderValue = this.initialValue
+            this.handleChange(this.initialValue)
         }
     }
 })

package/src/demos/DlSliderDemo.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <dl-slider
-            v-model.number="value"
+            v-model="value"
             width="500px"
             text="slider"
             :step="1"
@@ -10,6 +10,7 @@
             :editable="editable"
             :readonly="readonly"
             :disabled="disabled"
+            @change="handleChange"
         />
         <div>
             <button @click="editable = !editable">
@@ -42,6 +43,16 @@ export default defineComponent({
             readonly: false
         }
     },
+    watch: {
+        value(newValue, oldValue) {
+            console.log(`@@@ value changed from ${oldValue} to ${newValue}`)
+        }
+    },
+    methods: {
+        handleChange(value: number) {
+            console.log(`@@@ value changed to ${value}`)
+        }
+    },
     template: 'dl-slider-demo'
 })
 </script>