Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-04-20 06:20:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Optimize CurveEditor drag performance with requestAnimationFrame batching (#9114)

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
CodeRabbit Fixer
2026-03-06 18:29:46 +01:00
parent 7cb07f9b2d
commit 333a3ca2bd
1 changed files with 20 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/composables/useCurveEditor.ts
View File

@@ -102,8 +102,13 @@ export function useCurveEditor({ svgRef, modelValue }: UseCurveEditorOptions) {
svg.setPointerCapture(e.pointerId)
const onMove = (ev: PointerEvent) => {
if (dragIndex.value < 0) return
let rafId: number | null = null
let latestPointerEvent: PointerEvent | null = null
const applyMove = () => {
rafId = null
const ev = latestPointerEvent
if (!ev || dragIndex.value < 0) return
const [x, y] = svgCoords(ev)
const movedPoint: CurvePoint = [x, y]
const newPoints = [...modelValue.value]
@@ -113,7 +118,20 @@ export function useCurveEditor({ svgRef, modelValue }: UseCurveEditorOptions) {
dragIndex.value = newPoints.indexOf(movedPoint)
}
const onMove = (ev: PointerEvent) => {
if (dragIndex.value < 0) return
latestPointerEvent = ev
if (rafId === null) {
rafId = requestAnimationFrame(applyMove)
}
}
const endDrag = () => {
if (rafId !== null) {
cancelAnimationFrame(rafId)
rafId = null
applyMove()
}
if (dragIndex.value < 0) return
dragIndex.value = -1
svg.removeEventListener('pointermove', onMove)