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

Cache canvas offset

Browse Source
This commit is contained in:
Benjamin Lu
2025-09-10 19:24:46 -07:00
parent ed7a4e9c24
commit 121221d781
3 changed files with 54 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/renderer/extensions/vueNodes/composables/useSlotElementTracking.ts
View File

@@ -8,6 +8,7 @@
import { type Ref, inject, nextTick, onMounted, onUnmounted, watch } from 'vue'
import { LiteGraph } from '@/lib/litegraph/src/litegraph'
import { getCanvasClientOrigin } from '@/renderer/core/layout/dom/canvasRectCache'
import { TransformStateKey } from '@/renderer/core/layout/injectionKeys'
import { getSlotKey } from '@/renderer/core/layout/slots/slotIdentifier'
import { layoutStore } from '@/renderer/core/layout/store/layoutStore'
@@ -47,11 +48,8 @@ function scheduleNodeMeasure(nodeId: string) {
function runBatchedMeasure() {
if (pendingNodes.size === 0) return
// Read container origin once
const container = document.getElementById('graph-canvas-container')
const originRect = container?.getBoundingClientRect()
const originLeft = originRect?.left ?? 0
const originTop = originRect?.top ?? 0
// Read container origin once from cache
const { left: originLeft, top: originTop } = getCanvasClientOrigin()
for (const nodeId of Array.from(pendingNodes)) {
pendingNodes.delete(nodeId)
@@ -74,10 +72,9 @@ function measureNodeSlotsNow(
let originL = originLeft
let originT = originTop
if (originL == null || originT == null) {
const container = document.getElementById('graph-canvas-container')
const originRect = container?.getBoundingClientRect()
originL = originRect?.left ?? 0
originT = originRect?.top ?? 0
const { left, top } = getCanvasClientOrigin()
originL = left
originT = top
}
const batch: Array<{ key: string; layout: SlotLayout }> = []

8
src/renderer/extensions/vueNodes/composables/useVueNodeResizeTracking.ts
View File

@@ -11,6 +11,7 @@
import { getCurrentInstance, inject, onMounted, onUnmounted } from 'vue'
import { LiteGraph } from '@/lib/litegraph/src/litegraph'
import { getCanvasClientOrigin } from '@/renderer/core/layout/dom/canvasRectCache'
import { TransformStateKey } from '@/renderer/core/layout/injectionKeys'
import { layoutStore } from '@/renderer/core/layout/store/layoutStore'
import type { Point } from '@/renderer/core/layout/types'
@@ -70,11 +71,8 @@ const resizeObserver = new ResizeObserver((entries) => {
// Track nodes whose slots should be remeasured after node size changes
const nodesNeedingSlotRemeasure = new Set<string>()
// Read container origin once per batch to avoid repeated layout reads
const container = document.getElementById('graph-canvas-container')
const originRect = container?.getBoundingClientRect()
const originLeft = originRect?.left ?? 0
const originTop = originRect?.top ?? 0
// Read container origin once per batch via cache
const { left: originLeft, top: originTop } = getCanvasClientOrigin()
for (const entry of entries) {
if (!(entry.target instanceof HTMLElement)) continue