refactor(core): [CORE-23] complete keyboard controls and focus lifecycle

packages/artplayer/src/contextmenu/position.ts

@@ -0,0 +1,17 @@
+import type { ContextmenuHost } from './types'
+import { isClosing } from '../lifecycle/instance'
+import { getRect, setStyles } from '../utils'
+
+export function positionContextmenu(art: ContextmenuHost, mouseX: number, mouseY: number): void {
+  const { $player, $contextmenu } = art.template
+  const { height: cHeight, width: cWidth, left: cLeft, top: cTop } = getRect($player)
+  const { height: mHeight, width: mWidth } = getRect($contextmenu)
+  let menuLeft = mouseX - cLeft
+  let menuTop = mouseY - cTop
+  if (mouseX + mWidth > cLeft + cWidth)
+    menuLeft = cWidth - mWidth
+  if (mouseY + mHeight > cTop + cHeight)
+    menuTop = cHeight - mHeight
+  if (!isClosing(art))
+    setStyles($contextmenu, { top: `${menuTop}px`, left: `${menuLeft}px` })
+}