refactor(core): CORE-13 type component registries and own control lifetimes

packages/artplayer/src/control/screenshot.ts

@@ -0,0 +1,19 @@
+import type { ControlFactory, ControlOption } from './types'
+import { appendElement } from '../component/dom'
+import { controlEvents } from './resources'
+
+export default function screenshot(option: ControlOption): ControlFactory {
+  return art => ({
+    ...option,
+    tooltip: art.i18n.get('Screenshot'),
+    mounted: ($control) => {
+      const { proxy } = controlEvents(art, $control)
+      const { icons } = art
+
+      appendElement($control, icons.screenshot)
+      proxy($control, 'click', () => {
+        art.screenshot()
+      })
+    },
+  })
+}