fix: mouse event on touch device

liriliri · Jul 18, 2023 · 97122c8 · 97122c8 · Matthewssoftdev · Jul 3, 2024
1 parent 8a200d4
commit 97122c8
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 3 deletions.
diff --git a/build/webpack.analyser.js b/build/webpack.analyser.js
@@ -1,5 +1,5 @@
-const BundleAnalyzerPlugin = require('webpack-bundle-analyzer')
-  .BundleAnalyzerPlugin
+const BundleAnalyzerPlugin =
+  require('webpack-bundle-analyzer').BundleAnalyzerPlugin
 
 exports = require('./webpack.prod')
 

diff --git a/package.json b/package.json
@@ -65,7 +65,7 @@
     "licia": "^1.38.2",
     "luna-box-model": "^0.1.0",
     "luna-console": "^1.3.3",
-    "luna-data-grid": "^0.4.3",
+    "luna-data-grid": "^0.5.1",
     "luna-dom-viewer": "^1.2.3",
     "luna-modal": "^1.0.0",
     "luna-notification": "^0.1.4",

diff --git a/src/DevTools/DevTools.scss b/src/DevTools/DevTools.scss
@@ -17,6 +17,7 @@
   .resizer {
     position: absolute;
     width: 100%;
+    touch-action: none;
     left: 0;
     top: -8px;
     cursor: row-resize;

diff --git a/src/lib/util.js b/src/lib/util.js
@@ -151,6 +151,7 @@ function processClass(str) {
 }
 
 const hasTouchSupport = 'ontouchstart' in root
+const hasPointerSupport = 'PointerEvent' in root
 const touchEvents = {
   start: 'touchstart',
   move: 'touchmove',
@@ -161,8 +162,17 @@ const mouseEvents = {
   move: 'mousemove',
   end: 'mouseup',
 }
+const pointerEvents = {
+  start: 'pointerdown',
+  move: 'pointermove',
+  end: 'pointerup',
+}
 
 export function drag(name) {
+  if (hasPointerSupport) {
+    return pointerEvents[name]
+  }
+
   return hasTouchSupport ? touchEvents[name] : mouseEvents[name]
 }