Add wheelSensitivity prop

cscan · Jan 4, 2024 · bb60f26 · bb60f26
1 parent ceef1dd
commit bb60f26
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "vue-excel-editor",
   "email": "apple.6502@gmail.com",
   "description": "Vue2 plugin for displaying and editing the array-of-object in Excel style",
-  "version": "1.5.19",
+  "version": "1.5.20",
   "main": "src/main.js",
   "dependencies": {
     "vue2-datepicker": "^3.3.0",

diff --git a/src/VueExcelEditor.vue b/src/VueExcelEditor.vue
@@ -332,6 +332,7 @@ export default {
     nFilterCount: {type: Number, default: 1000},    // show top n values in filter dialog
     height: {type: String, default: ''},
     width: {type: String, default: '100%'},
+    wheelSensitivity: {type: Number, default: 30},
     autocomplete: {type: Boolean, default: false},  // Default autocomplete of all columns
     autocompleteCount: {type: Number, default: 50},
     readonly: {type: Boolean, default: false},
@@ -467,7 +468,7 @@ export default {
       summaryRow: false,
       summary: {},
       showFilteredOnly: true,
-      showSelectedOnly: false
+      showSelectedOnly: false,
     }
     return dataset
   },
@@ -1231,8 +1232,8 @@ export default {
     mousewheel (e) {
       if (this.noMouseScroll || !this.mousein || !e.deltaY) return
       let adjust = 0
-      if (e.deltaY > 30 && this.pageTop + this.pageSize < this.table.length) adjust = 1
-      else if (e.deltaY < -30 && this.pageTop > 0) adjust = -1
+      if (e.deltaY > 1 * this.wheelSensitivity && this.pageTop + this.pageSize < this.table.length) adjust = 1
+      else if (e.deltaY < -1 * this.wheelSensitivity && this.pageTop > 0) adjust = -1
       if (adjust) {
         this.pageTop += adjust
         setTimeout(this.calVScroll)