[Features] Scenari mouse zoom (#643)

* mousewheel_handle on wheel and not mousewheel (non standard event) + programmable mouse zoom key,

(cherry picked from commit 59577a3)

* use composed keycode instead of 4 different keys

* code format

* fix ut

* code format

---------

Co-authored-by: sam <[email protected]>

Author: hizzgdev

src/jsmind.js

@@ -125,7 +125,7 @@ export default class jsMind {
         this.view.add_event(this, 'mousedown', this.mousedown_handle);
         this.view.add_event(this, 'click', this.click_handle);
         this.view.add_event(this, 'dblclick', this.dblclick_handle);
-        this.view.add_event(this, 'mousewheel', this.mousewheel_handle, true);
+        this.view.add_event(this, 'wheel', this.mousewheel_handle, true);
     }
     mousedown_handle(e) {
         if (!this.options.default_event_handle['enable_mousedown_handle']) {
@@ -172,7 +172,11 @@ export default class jsMind {
     // Use [Ctrl] + Mousewheel, to zoom in/out.
     mousewheel_handle(e) {
         // Test if mousewheel option is enabled and Ctrl key is pressed.
-        if (!this.options.default_event_handle['enable_mousewheel_handle'] || !e.ctrlKey) {
+        var kc = (e.metaKey << 13) + (e.ctrlKey << 12) + (e.altKey << 11) + (e.shiftKey << 10);
+        if (
+            !this.options.default_event_handle['enable_mousewheel_handle'] ||
+            this.options.view.zoom.mask_key !== kc
+        ) {
             return;
         }
         var evt = e || event;

src/jsmind.option.js

@@ -31,6 +31,7 @@ const default_options = {
             min: 0.5,
             max: 2.1,
             step: 0.1,
+            mask_key: 4096,
         },
         custom_node_render: null,
         expander_style: 'char', // [char | number]