refactor: Align event names with the standard input events

radial-color-picker · Dec 23, 2018 · 2709b1f · 2709b1f
1 parent 2220de1
commit 2709b1f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <color-picker v-bind="color" @change="onChange" />
+    <color-picker v-bind="color" @input="onInput" />
 </template>
 
 <script>
@@ -18,8 +18,8 @@
             };
         },
         methods: {
-            onChange(hue) {
-                this.hue = hue;
+            onInput(hue) {
+                this.color.hue = hue;
             },
         },
     };

diff --git a/src/ColorPicker.vue b/src/ColorPicker.vue
@@ -131,7 +131,7 @@
                 this.updateColor(rotator.angle);
             },
             updateColor(hue) {
-                this.$emit('change', hue);
+                this.$emit('input', hue);
             },
             rotateToMouse(ev) {
                 if (this.isPressed || !this.isKnobIn)
@@ -143,7 +143,7 @@
                 this.isPressed = true;
 
                 if (this.isPaletteIn && this.isKnobIn) {
-                    this.$emit('select', this.hue);
+                    this.$emit('change', this.hue);
                     this.isRippling = true;
                 } else {
                     this.isPaletteIn = true;