feat(core): Add support for mouse scroll interactions

radial-color-picker · Apr 1, 2018 · df69663 · df69663
1 parent 4bd5f91
commit df69663
Showing 1 changed file with 20 additions and 1 deletion.
diff --git a/src/App.vue b/src/App.vue
@@ -31,7 +31,10 @@
         props: {
             scrollSensitivity: {
                 default: 2
-            }
+            },
+            mouseScroll: {
+                default: false
+            },
         },
         data() {
             return {
@@ -45,6 +48,10 @@
             }
         },
         mounted() {
+            if (this.mouseScroll) {
+                this.$refs.rotator.addEventListener('wheel', this.onScroll);
+            }
+
             fillColorWheel(this.$refs.colorPalette, this.$el.offsetWidth || 280);
 
             rotator = new Rotator(this.$refs.rotator, {
@@ -56,6 +63,18 @@
             });
         },
         methods: {
+            onScroll(ev) {
+                if (this.isDisabled)
+                    return;
+
+                ev.preventDefault();
+
+                if (ev.deltaY > 0) {
+                    rotator.angle += this.scrollSensitivity;
+                } else {
+                    rotator.angle -= this.scrollSensitivity;
+                }
+            },
             onKeydownDecrement(ev) {
                 if (this.isDisabled)
                     return;