chore(use-composable): add new useEscapeKeydown

packages/core/use-composable/src/index.ts

@@ -7,6 +7,7 @@ export { usePrevious } from './usePrevious'
 export { useRef } from './useRef'
 export { unrefElement } from './unrefElement'
 export { useId } from './useId'
+export { useEscapeKeydown } from './useEscapeKeydown'
 export type { MaybeComputedElementRef } from './unrefElement'
 
 export { computedEager, syncRef }

packages/core/use-composable/src/useEscapeKeydown.ts

@@ -0,0 +1,25 @@
+import { watchEffect } from 'vue'
+
+// import { useCallbackRef } from '@oku-ui/use-composable'
+import { useCallbackRef } from './useCallbackRef'
+
+/**
+ * Listens for when the escape key is down
+ */
+function useEscapeKeydown(
+  onEscapeKeyDownProp?: (event: KeyboardEvent) => void,
+  ownerDocument: Document = globalThis?.document,
+) {
+  const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp)
+
+  watchEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === 'Escape')
+        onEscapeKeyDown(event)
+    }
+    ownerDocument.addEventListener('keydown', handleKeyDown)
+    return () => ownerDocument.removeEventListener('keydown', handleKeyDown)
+  })
+}
+
+export { useEscapeKeydown }