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

packages/artplayer/src/control/progress/position.ts

@@ -0,0 +1,30 @@
+import type { ControlHost } from '../types'
+import { clamp, getRect, isMobile, secondToTime } from '../../utils'
+
+export type ProgressEvent = MouseEvent | TouchEvent
+type ProgressPositionHost = Pick<ControlHost, 'template' | 'duration' | 'isRotate' | 'top' | 'height' | 'emit' | 'seek'>
+
+export function getPosFromEvent(art: ProgressPositionHost, event: ProgressEvent) {
+  const { $progress } = art.template
+  const { left } = getRect($progress)
+  const eventLeft = isMobile ? (event as TouchEvent).touches[0]!.clientX : (event as MouseEvent).clientX
+  const width = clamp(eventLeft - left, 0, $progress.clientWidth)
+  const second = (width / $progress.clientWidth) * art.duration
+  const time = secondToTime(second)
+  const percentage = clamp(width / $progress.clientWidth, 0, 1)
+  return { second, time, width, percentage }
+}
+
+export function setCurrentTime(art: ProgressPositionHost, event: ProgressEvent) {
+  if (art.isRotate) {
+    const percentage = ((event as TouchEvent).touches[0]!.clientY - art.top) / art.height
+    const second = percentage * art.duration
+    art.emit('setBar', 'played', percentage, event)
+    art.seek = second
+  }
+  else {
+    const { second, percentage } = getPosFromEvent(art, event)
+    art.emit('setBar', 'played', percentage, event)
+    art.seek = second
+  }
+}