mirror of
https://github.com/rubickCenter/rubick
synced 2025-12-23 10:40:12 +08:00
🔨 优化拖拽方案
This commit is contained in:
36
src/common/utils/dragWindow.ts
Normal file
36
src/common/utils/dragWindow.ts
Normal file
@@ -0,0 +1,36 @@
|
||||
import { ipcRenderer } from 'electron';
|
||||
|
||||
const useDrag = () => {
|
||||
let animationId: number;
|
||||
let mouseX: number;
|
||||
let mouseY: number;
|
||||
let draggable = true;
|
||||
|
||||
const onMouseDown = (e) => {
|
||||
draggable = true;
|
||||
mouseX = e.clientX;
|
||||
mouseY = e.clientY;
|
||||
document.addEventListener('mouseup', onMouseUp);
|
||||
animationId = requestAnimationFrame(moveWindow);
|
||||
};
|
||||
|
||||
const onMouseUp = () => {
|
||||
draggable = false;
|
||||
document.removeEventListener('mouseup', onMouseUp);
|
||||
cancelAnimationFrame(animationId);
|
||||
};
|
||||
|
||||
const moveWindow = () => {
|
||||
ipcRenderer.send('msg-trigger', {
|
||||
type: 'windowMoving',
|
||||
data: { mouseX, mouseY },
|
||||
});
|
||||
if (draggable) animationId = requestAnimationFrame(moveWindow);
|
||||
};
|
||||
|
||||
return {
|
||||
onMouseDown,
|
||||
};
|
||||
};
|
||||
|
||||
export default useDrag;
|
||||
Reference in New Issue
Block a user