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

packages/artplayer/src/control/setting.ts

@@ -1,5 +1,7 @@
 import type { ControlFactory, ControlOption } from './types'
+import { keyboardButton } from '../accessibility/button'
 import { appendElement } from '../component/dom'
+import { entryScope } from '../component/resources'
 import { tooltip } from '../utils'
 import { controlEvents } from './resources'
 
@@ -12,6 +14,8 @@ export default function setting(option: ControlOption): ControlFactory {
       const { icons, i18n } = art
 
       appendElement($control, icons.setting)
+      keyboardButton(entryScope($control), $control)
+      $control.setAttribute('aria-expanded', 'false')
 
       proxy($control, 'click', () => {
         art.setting.toggle()
@@ -19,6 +23,7 @@ export default function setting(option: ControlOption): ControlFactory {
       })
 
       on('setting', (value) => {
+        $control.setAttribute('aria-expanded', String(value))
         tooltip($control, i18n.get(value ? 'Hide Setting' : 'Show Setting'))
       })
     },