fix(ui): unify dialogs and complete theme component coverage

2026-09-05 23:56:02 +08:00
parent 6107b7ff1b
commit af2556d29e
22 changed files with 254 additions and 35 deletions
@@ -0,0 +1,26 @@
+// Reference counts keep the underlying page locked when dialogs are nested.
+const locks = new WeakMap<HTMLElement, { count: number; value: string; priority: string }>()
+export function lockDialogScroll(dialog: HTMLElement): () => void {
+  const elements: HTMLElement[] = []
+  for (let element = dialog.parentElement; element; element = element.parentElement) {
+    const lock = locks.get(element)
+    if (lock) lock.count++
+    else {
+      locks.set(element, { count: 1, value: element.style.getPropertyValue('overflow'), priority: element.style.getPropertyPriority('overflow') })
+      element.style.setProperty('overflow', 'hidden', 'important')
+    }
+    elements.push(element)
+  }
+  let released = false
+  return () => {
+    if (released) return
+    released = true
+    for (const element of elements) {
+      const lock = locks.get(element)!
+      if (--lock.count) continue
+      if (lock.value) element.style.setProperty('overflow', lock.value, lock.priority)
+      else element.style.removeProperty('overflow')
+      locks.delete(element)
+    }
+  }
+}