fix: 修复拖拽事件冲突

yuque · Oct 25, 2023 · a41e5a5 · a41e5a5
1 parent 777d65f
commit a41e5a5
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 10 deletions.
diff --git a/src/pages/inject/ScreenShot/DragMoveArea.module.less b/src/pages/inject/ScreenShot/DragMoveArea.module.less
@@ -6,6 +6,11 @@
   border: 2px solid #00B96B;
   box-sizing: border-box;
   cursor: pointer;
+
+  .dargArea {
+    width: 100%;
+    height: 100%;
+  }
 }
 
 .dragBarMask {

diff --git a/src/pages/inject/ScreenShot/DragMoveArea.tsx b/src/pages/inject/ScreenShot/DragMoveArea.tsx
@@ -2,7 +2,8 @@ import React, { useRef, useState } from 'react';
 import styles from './DragMoveArea.module.less';
 
 export interface IMoveParams {
-  x: number; y: number;
+  x: number;
+  y: number;
 }
 
 interface IDragResizeCircleProps {
@@ -39,15 +40,14 @@ const DragMoveArea = (props: IDragResizeCircleProps) => {
 
   return (
     <>
-      <div
-        className={styles.area}
-        id="yq-area"
-        style={props.style}
-        onMouseDown={handleDragStart}
-        onDragStart={handleDragStart}
-        onDrag={handleDrag}
-        onDragEnd={handleDragEnd}
-      >
+      <div className={styles.area} id="yq-area" style={props.style}>
+        <div
+          className={styles.dargArea}
+          onMouseDown={handleDragStart}
+          onDragStart={handleDragStart}
+          onDrag={handleDrag}
+          onDragEnd={handleDragEnd}
+        />
         {props.children}
       </div>
       {dragging && (