{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-focus-controller/index.ts"],"sourcesContent":["import { getCurrentInstance, onMounted, ref, shallowRef, watch } from 'vue-demi'\nimport { useEventListener } from '@vueuse/core'\nimport { isElement, isFunction } from '@xzx-design/utils'\nimport type { ShallowRef } from 'vue-demi'\n\ninterface UseFocusControllerOptions {\n  /**\n   * return true to cancel focus\n   * @param event FocusEvent\n   */\n  beforeFocus?: (event: FocusEvent) => boolean | undefined\n  afterFocus?: () => void\n  /**\n   * return true to cancel blur\n   * @param event FocusEvent\n   */\n  beforeBlur?: (event: FocusEvent) => boolean | undefined\n  afterBlur?: () => void\n}\n\nexport function useFocusController<T extends { focus: () => void }>(\n  target: ShallowRef<T | undefined>,\n  {\n    beforeFocus,\n    afterFocus,\n    beforeBlur,\n    afterBlur,\n  }: UseFocusControllerOptions = {}\n) {\n  const instance = getCurrentInstance()!\n  const { emit } = instance\n  const wrapperRef = shallowRef<HTMLElement>()\n  const isFocused = ref(false)\n\n  const handleFocus = (event: FocusEvent) => {\n    const cancelFocus = isFunction(beforeFocus) ? beforeFocus(event) : false\n    if (cancelFocus || isFocused.value) return\n    isFocused.value = true\n    emit('focus', event)\n    afterFocus?.()\n  }\n\n  const handleBlur = (event: FocusEvent) => {\n    const cancelBlur = isFunction(beforeBlur) ? beforeBlur(event) : false\n    if (\n      cancelBlur ||\n      (event.relatedTarget &&\n        wrapperRef.value?.contains(event.relatedTarget as Node))\n    )\n      return\n\n    isFocused.value = false\n    emit('blur', event)\n    afterBlur?.()\n  }\n\n  const handleClick = () => {\n    if (\n      wrapperRef.value?.contains(document.activeElement) &&\n      wrapperRef.value !== document.activeElement\n    )\n      return\n\n    target.value?.focus()\n  }\n\n  watch(wrapperRef, (el) => {\n    if (el) {\n      el.setAttribute('tabindex', '-1')\n    }\n  })\n\n  useEventListener(wrapperRef, 'focus', handleFocus, true)\n  useEventListener(wrapperRef, 'blur', handleBlur, true)\n  useEventListener(wrapperRef, 'click', handleClick, true)\n\n  // only for test\n  if (process.env.NODE_ENV === 'test') {\n    onMounted(() => {\n      const targetEl = isElement(target.value)\n        ? target.value\n        : document.querySelector('input,textarea')\n\n      if (targetEl) {\n        useEventListener(targetEl, 'focus', handleFocus, true)\n        useEventListener(targetEl, 'blur', handleBlur, true)\n      }\n    })\n  }\n\n  return {\n    isFocused,\n    /** Avoid using wrapperRef and handleFocus/handleBlur together */\n    wrapperRef,\n    handleFocus,\n    handleBlur,\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAoBO,SAAS,mBACd,MACA,EAAA;AAAA,EACE,WAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AACF,CAAA,GAA+B,EAC/B,EAAA;AACA,EAAA,MAAM,WAAW,kBAAmB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,MAAS,GAAA,QAAA,CAAA;AACjB,EAAA,MAAM,aAAa,UAAwB,EAAA,CAAA;AAC3C,EAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAE3B,EAAM,MAAA,WAAA,GAAc,CAAC,KAAsB,KAAA;AACzC,IAAA,MAAM,cAAc,UAAW,CAAA,WAAW,CAAI,GAAA,WAAA,CAAY,KAAK,CAAI,GAAA,KAAA,CAAA;AACnE,IAAA,IAAI,eAAe,SAAU,CAAA,KAAA;AAAO,MAAA,OAAA;AACpC,IAAA,SAAA,CAAU,KAAQ,GAAA,IAAA,CAAA;AAClB,IAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AACnB,IAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,EAAA,CAAA;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,UAAA,GAAa,CAAC,KAAsB,KAAA;AA1C5C,IAAA,IAAA,EAAA,CAAA;AA2CI,IAAA,MAAM,aAAa,UAAW,CAAA,UAAU,CAAI,GAAA,UAAA,CAAW,KAAK,CAAI,GAAA,KAAA,CAAA;AAChE,IAAA,IACE,cACC,KAAM,CAAA,aAAA,KAAA,CACL,gBAAW,KAAX,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAkB,SAAS,KAAM,CAAA,aAAA,CAAA,CAAA;AAEnC,MAAA,OAAA;AAEF,IAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAClB,IAAA,IAAA,CAAK,QAAQ,KAAK,CAAA,CAAA;AAClB,IAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,EAAA,CAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,cAAc,MAAM;AAxD5B,IAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAyDI,IACE,IAAA,CAAA,CAAA,EAAA,GAAA,UAAA,CAAW,UAAX,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,CAAS,SAAS,aACpC,CAAA,KAAA,UAAA,CAAW,UAAU,QAAS,CAAA,aAAA;AAE9B,MAAA,OAAA;AAEF,IAAA,CAAA,EAAA,GAAA,MAAA,CAAO,UAAP,IAAc,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,EAAA,CAAA;AAAA,GAChB,CAAA;AAEA,EAAM,KAAA,CAAA,UAAA,EAAY,CAAC,EAAO,KAAA;AACxB,IAAA,IAAI,EAAI,EAAA;AACN,MAAG,EAAA,CAAA,YAAA,CAAa,YAAY,IAAI,CAAA,CAAA;AAAA,KAClC;AAAA,GACD,CAAA,CAAA;AAED,EAAiB,gBAAA,CAAA,UAAA,EAAY,OAAS,EAAA,WAAA,EAAa,IAAI,CAAA,CAAA;AACvD,EAAiB,gBAAA,CAAA,UAAA,EAAY,MAAQ,EAAA,UAAA,EAAY,IAAI,CAAA,CAAA;AACrD,EAAiB,gBAAA,CAAA,UAAA,EAAY,OAAS,EAAA,WAAA,EAAa,IAAI,CAAA,CAAA;AAGvD,EAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,MAAQ,EAAA;AACnC,IAAA,SAAA,CAAU,MAAM;AACd,MAAM,MAAA,QAAA,GAAW,UAAU,MAAO,CAAA,KAAK,IACnC,MAAO,CAAA,KAAA,GACP,QAAS,CAAA,aAAA,CAAc,gBAAgB,CAAA,CAAA;AAE3C,MAAA,IAAI,QAAU,EAAA;AACZ,QAAiB,gBAAA,CAAA,QAAA,EAAU,OAAS,EAAA,WAAA,EAAa,IAAI,CAAA,CAAA;AACrD,QAAiB,gBAAA,CAAA,QAAA,EAAU,MAAQ,EAAA,UAAA,EAAY,IAAI,CAAA,CAAA;AAAA,OACrD;AAAA,KACD,CAAA,CAAA;AAAA,GACH;AAEA,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IAEA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,GACF,CAAA;AACF;;;;"}