import { watch } from 'vue'
import { on, off } from '@element-plus/utils/dom'

import type { Ref } from 'vue'

export default (indicator: Ref<boolean>, evt: string, cb: (e: Event) => boolean) => {
  const prevent = (e: Event) => {
    if (cb(e)) {
      e.stopImmediatePropagation()
    }
  }
  watch(() => indicator.value, val => {
    if (val) {
      on(document, evt, prevent, true)
    } else {
      off(document, evt, prevent, true)
    }
  }, { immediate: true })
}