refactor(dash): [PKG-DASH-04] migrate strict TypeScript and compatible declarations

packages/artplayer-plugin-dash-control/src/menu.ts

@@ -0,0 +1,74 @@
+import type { DisplayConfig, Label, MenuHost, MenuModel, SelectorItem, Valid } from './types'
+
+export function createMenu<Item extends SelectorItem>(art: MenuHost, name: string, icon: string) {
+  let current: object | undefined
+  const owned = new Map<'controls' | 'setting', (item: Item) => Label>()
+
+  function remove(surface: 'controls' | 'setting', callback = owned.get(surface)): void {
+    if (!callback || owned.get(surface) !== callback)
+      return
+    owned.delete(surface)
+    const registry = art[surface]
+    if (surface === 'controls' && registry.cache?.get && registry.cache.get(name)?.option?.onSelect !== callback)
+      return
+    if (surface === 'setting' && registry.find && registry.find(name)?.onSelect !== callback)
+      return
+    registry.remove(name)
+  }
+
+  function clear(): void {
+    current = undefined
+    let failure: unknown
+    for (const [surface, callback] of [...owned]) {
+      try {
+        remove(surface, callback)
+      }
+      catch (error) {
+        failure ||= error
+      }
+    }
+    if (failure)
+      throw failure
+  }
+
+  function update(config: DisplayConfig, model: MenuModel<Item> | null, active: Valid): void {
+    if (!model) {
+      clear()
+      return
+    }
+    const state = {}
+    current = state
+    const valid = () => state === current && active()
+    const onSelect = (item: Item): Label => {
+      if (!valid())
+        return item.html
+      model.select(item, valid)
+      if (!valid())
+        return item.html
+      art.notice.show = `${model.title}: ${item.html}`
+      if (valid() && config.control)
+        art.controls.check(item)
+      if (valid() && config.setting)
+        art.setting.check(item)
+      return item.html
+    }
+    if (config.control) {
+      owned.set('controls', onSelect)
+      art.controls.update({ name, position: 'right', html: model.html, style: { padding: '0 10px' }, selector: model.selector, onSelect })
+    }
+    else {
+      remove('controls')
+    }
+    if (!valid())
+      return
+    if (config.setting) {
+      owned.set('setting', onSelect)
+      art.setting.update({ name, tooltip: model.html, html: model.title, icon, width: 200, selector: model.selector, onSelect })
+    }
+    else {
+      remove('setting')
+    }
+  }
+
+  return { update, clear }
+}