fixed mousewheel & wheel

dist/spritejs.es.js

@@ -228,7 +228,7 @@ const helpers = {
 let spriteVer;
 
 if (true) {
-  spriteVer = "3.7.26"; // eslint-disable-line no-undef
+  spriteVer = "3.7.27"; // eslint-disable-line no-undef
 } else {}
 
 const version = spriteVer;
@@ -19353,6 +19353,7 @@ class Node {
   }
 
   addEventListener(type, listener, options = {}) {
+    if (type === 'mousewheel') type = 'wheel';
     if (typeof options === 'boolean') options = {
       capture: options
     };
@@ -19482,7 +19483,8 @@ class Node {
     }
 
     event.target = this;
-    const type = event.type;
+    let type = event.type;
+    if (type === 'mousewheel') type = 'wheel';
     const elements = [this];
     let parent = this.parent;
 

dist/spritejs.esm.js

@@ -219,7 +219,7 @@ const helpers = {
 let spriteVer;
 
 if (true) {
-  spriteVer = "3.7.26"; // eslint-disable-line no-undef
+  spriteVer = "3.7.27"; // eslint-disable-line no-undef
 } else {}
 
 const version = spriteVer;
@@ -19344,6 +19344,7 @@ class Node {
   }
 
   addEventListener(type, listener, options = {}) {
+    if (type === 'mousewheel') type = 'wheel';
     if (typeof options === 'boolean') options = {
       capture: options
     };
@@ -19473,7 +19474,8 @@ class Node {
     }
 
     event.target = this;
-    const type = event.type;
+    let type = event.type;
+    if (type === 'mousewheel') type = 'wheel';
     const elements = [this];
     let parent = this.parent;
 

dist/spritejs.js

@@ -228,7 +228,7 @@ var helpers = {
 var spriteVer;
 
 if (true) {
-  spriteVer = "3.7.26"; // eslint-disable-line no-undef
+  spriteVer = "3.7.27"; // eslint-disable-line no-undef
 } else {}
 
 var version = spriteVer;
@@ -21504,6 +21504,7 @@ var Node = /*#__PURE__*/function () {
     key: "addEventListener",
     value: function addEventListener(type, listener) {
       var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      if (type === 'mousewheel') type = 'wheel';
       if (typeof options === 'boolean') options = {
         capture: options
       };
@@ -21650,6 +21651,7 @@ var Node = /*#__PURE__*/function () {
 
       event.target = this;
       var type = event.type;
+      if (type === 'mousewheel') type = 'wheel';
       var elements = [this];
       var parent = this.parent;
 

dist/spritejs.worker.es.js

@@ -19214,6 +19214,7 @@ class Node {
   }
 
   addEventListener(type, listener, options = {}) {
+    if (type === 'mousewheel') type = 'wheel';
     if (typeof options === 'boolean') options = {
       capture: options
     };
@@ -19343,7 +19344,8 @@ class Node {
     }
 
     event.target = this;
-    const type = event.type;
+    let type = event.type;
+    if (type === 'mousewheel') type = 'wheel';
     const elements = [this];
     let parent = this.parent;
 

dist/spritejs.worker.esm.js

@@ -19205,6 +19205,7 @@ class Node {
   }
 
   addEventListener(type, listener, options = {}) {
+    if (type === 'mousewheel') type = 'wheel';
     if (typeof options === 'boolean') options = {
       capture: options
     };
@@ -19334,7 +19335,8 @@ class Node {
     }
 
     event.target = this;
-    const type = event.type;
+    let type = event.type;
+    if (type === 'mousewheel') type = 'wheel';
     const elements = [this];
     let parent = this.parent;
 

dist/spritejs.worker.js

@@ -21365,6 +21365,7 @@ var Node = /*#__PURE__*/function () {
     key: "addEventListener",
     value: function addEventListener(type, listener) {
       var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      if (type === 'mousewheel') type = 'wheel';
       if (typeof options === 'boolean') options = {
         capture: options
       };
@@ -21511,6 +21512,7 @@ var Node = /*#__PURE__*/function () {
 
       event.target = this;
       var type = event.type;
+      if (type === 'mousewheel') type = 'wheel';
       var elements = [this];
       var parent = this.parent;
 

docs/demo/spritejs.es.js

@@ -228,7 +228,7 @@ const helpers = {
 let spriteVer;
 
 if (true) {
-  spriteVer = "3.7.26"; // eslint-disable-line no-undef
+  spriteVer = "3.7.27"; // eslint-disable-line no-undef
 } else {}
 
 const version = spriteVer;
@@ -19353,6 +19353,7 @@ class Node {
   }
 
   addEventListener(type, listener, options = {}) {
+    if (type === 'mousewheel') type = 'wheel';
     if (typeof options === 'boolean') options = {
       capture: options
     };
@@ -19482,7 +19483,8 @@ class Node {
     }
 
     event.target = this;
-    const type = event.type;
+    let type = event.type;
+    if (type === 'mousewheel') type = 'wheel';
     const elements = [this];
     let parent = this.parent;
 

docs/demo/spritejs.esm.js

@@ -219,7 +219,7 @@ const helpers = {
 let spriteVer;
 
 if (true) {
-  spriteVer = "3.7.26"; // eslint-disable-line no-undef
+  spriteVer = "3.7.27"; // eslint-disable-line no-undef
 } else {}
 
 const version = spriteVer;
@@ -19344,6 +19344,7 @@ class Node {
   }
 
   addEventListener(type, listener, options = {}) {
+    if (type === 'mousewheel') type = 'wheel';
     if (typeof options === 'boolean') options = {
       capture: options
     };
@@ -19473,7 +19474,8 @@ class Node {
     }
 
     event.target = this;
-    const type = event.type;
+    let type = event.type;
+    if (type === 'mousewheel') type = 'wheel';
     const elements = [this];
     let parent = this.parent;
 

docs/demo/spritejs.js

@@ -228,7 +228,7 @@ var helpers = {
 var spriteVer;
 
 if (true) {
-  spriteVer = "3.7.26"; // eslint-disable-line no-undef
+  spriteVer = "3.7.27"; // eslint-disable-line no-undef
 } else {}
 
 var version = spriteVer;
@@ -21504,6 +21504,7 @@ var Node = /*#__PURE__*/function () {
     key: "addEventListener",
     value: function addEventListener(type, listener) {
       var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      if (type === 'mousewheel') type = 'wheel';
       if (typeof options === 'boolean') options = {
         capture: options
       };
@@ -21650,6 +21651,7 @@ var Node = /*#__PURE__*/function () {
 
       event.target = this;
       var type = event.type;
+      if (type === 'mousewheel') type = 'wheel';
       var elements = [this];
       var parent = this.parent;
 

docs/demo/spritejs.worker.es.js

@@ -19214,6 +19214,7 @@ class Node {
   }
 
   addEventListener(type, listener, options = {}) {
+    if (type === 'mousewheel') type = 'wheel';
     if (typeof options === 'boolean') options = {
       capture: options
     };
@@ -19343,7 +19344,8 @@ class Node {
     }
 
     event.target = this;
-    const type = event.type;
+    let type = event.type;
+    if (type === 'mousewheel') type = 'wheel';
     const elements = [this];
     let parent = this.parent;
 

docs/demo/spritejs.worker.esm.js

@@ -19205,6 +19205,7 @@ class Node {
   }
 
   addEventListener(type, listener, options = {}) {
+    if (type === 'mousewheel') type = 'wheel';
     if (typeof options === 'boolean') options = {
       capture: options
     };
@@ -19334,7 +19335,8 @@ class Node {
     }
 
     event.target = this;
-    const type = event.type;
+    let type = event.type;
+    if (type === 'mousewheel') type = 'wheel';
     const elements = [this];
     let parent = this.parent;
 

docs/demo/spritejs.worker.js

@@ -21365,6 +21365,7 @@ var Node = /*#__PURE__*/function () {
     key: "addEventListener",
     value: function addEventListener(type, listener) {
       var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      if (type === 'mousewheel') type = 'wheel';
       if (typeof options === 'boolean') options = {
         capture: options
       };
@@ -21511,6 +21512,7 @@ var Node = /*#__PURE__*/function () {
 
       event.target = this;
       var type = event.type;
+      if (type === 'mousewheel') type = 'wheel';
       var elements = [this];
       var parent = this.parent;
 

examples/bug_mousewheel.html

@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Document</title>
+  <script src="/js/spritejs.js"></script>
+  <style>
+    #container {
+      position: absolute;
+      width: 600px;
+      height: 600px;
+    }
+  </style>
+</head>
+<body>
+  <div id="container"></div>
+  <script>
+    const {Scene, Group, Sprite} = spritejs;
+    const textureURL = 'https://p4.ssl.qhimg.com/t012170360e1552ce17.png';
+    const container = document.getElementById('container');
+    const scene = new Scene({
+      container,
+      displayRatio: 2,
+      width: 600,
+      height: 600,
+    });
+
+    const fglayer = scene.layer('fglayer');
+    const g = new Group();
+    g.attr({
+      size: [2000, 2000],
+      anchor: 0.5,
+      pos: [300, 300],
+      scale: [1, -1],
+      bgcolor: 'rgba(255, 255, 0, 0.2)',
+    });
+    const el = new Sprite();
+    el.attr({
+      anchor: 0.5,
+      borderWidth: 0,
+      borderColor: 'rgba(0,0,0,1)',
+      bgcolor: 'red',
+      transformOrigin: [50, 50],
+      texture: textureURL,
+    });
+    g.append(el);
+    fglayer.appendChild(g);
+
+    let o = 1;
+    g.addEventListener('mousewheel', (e) => {
+      const delta = e.originalEvent.wheelDeltaY > 0 ? 0.1 : -0.1;
+
+      o += delta;
+      o = Math.min(1, Math.max(0, o));
+      e.target.attr({
+        opacity: o,
+      });
+    });
+  </script>
+</body>
+</html>

lib/node/node.js

@@ -105,6 +105,7 @@ var Node = /*#__PURE__*/function () {
     key: "addEventListener",
     value: function addEventListener(type, listener) {
       var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      if (type === 'mousewheel') type = 'wheel';
       if (typeof options === 'boolean') options = {
         capture: options
       };
@@ -251,6 +252,7 @@ var Node = /*#__PURE__*/function () {
 
       event.target = this;
       var type = event.type;
+      if (type === 'mousewheel') type = 'wheel';
       var elements = [this];
       var parent = this.parent;
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "spritejs",
-  "version": "3.7.26",
+  "version": "3.7.27",
   "description": "A cross platform high-performance graphics system.",
   "main": "dist/spritejs.js",
   "typings": "typings/spritejs.d.ts",

src/node/node.js

@@ -199,6 +199,7 @@ export default class Node {
   }
 
   addEventListener(type, listener, options = {}) {
+    if(type === 'mousewheel') type = 'wheel';
     if(typeof options === 'boolean') options = {capture: options};
     const {capture, once} = options;
     const eventListeners = capture ? _captureEventListeners : _eventListeners;
@@ -294,7 +295,8 @@ export default class Node {
       event = new SpriteEvent(event);
     }
     event.target = this;
-    const type = event.type;
+    let type = event.type;
+    if(type === 'mousewheel') type = 'wheel';
 
     const elements = [this];
     let parent = this.parent;