fix: 修复windows触屏设备无法使用问题

Author: likai

src/lib/common-methods/DeviceTypeVerif.ts

@@ -17,3 +17,21 @@ export function isPC(): boolean {
   }
   return flag;
 }
+
+// 检测设备是否支持触摸
+export function isTouchDevice(): boolean {
+  // 检查navigator.maxTouchPoints
+  const maxTouchPoints =
+    "maxTouchPoints" in navigator && navigator.maxTouchPoints > 0;
+  // 检查旧版API navigator.msMaxTouchPoints
+  const msMaxTouchPoints =
+    "msMaxTouchPoints" in navigator && (navigator as any).msMaxTouchPoints > 0;
+  // 检查触摸事件处理器
+  const touchEvent = "ontouchstart" in window;
+  // 使用CSS媒体查询检查指针类型
+  const coarsePointer =
+    window.matchMedia && window.matchMedia("(pointer: coarse)").matches;
+
+  // 如果以上任何一种方法返回true，则设备支持触摸
+  return maxTouchPoints || msMaxTouchPoints || touchEvent || coarsePointer;
+}

src/lib/main-entrance/LoadCoreComponents.ts

@@ -26,7 +26,7 @@ import { fixedData } from "@/lib/common-methods/FixedData";
 import { drawCutOutBox } from "@/lib/split-methods/DrawCutOutBox";
 import { zoomCutOutBoxPosition } from "@/lib/common-methods/ZoomCutOutBoxPosition";
 import { saveBorderArrInfo } from "@/lib/common-methods/SaveBorderArrInfo";
-import { isPC } from "@/lib/common-methods/DeviceTypeVerif";
+import { isPC, isTouchDevice } from "@/lib/common-methods/DeviceTypeVerif";
 
 const registerForRightClickEvent = (
   container: HTMLElement,
@@ -941,8 +941,9 @@ const setScreenShotContainerEventListener = (
       containerFn.mouseMoveEvent
     );
     screenShotContainer?.addEventListener("mouseup", containerFn.mouseUpEvent);
-    return;
   }
+  // 设备不支持触摸事件则退出
+  if (!isTouchDevice()) return;
   // 设置触摸监听
   screenShotContainer?.addEventListener(
     "touchstart",