Files
Melo/src/renderer/utils/compositions/usePlayProgress.js
T
2022-10-29 11:36:35 +08:00

31 lines
851 B
JavaScript

import { ref, onBeforeUnmount, toRef } from '@common/utils/vueTools'
import { playProgress } from '@renderer/store/player/playProgress'
export default () => {
const isActiveTransition = ref(false)
const progress = toRef(playProgress, 'progress')
const nowPlayTimeStr = toRef(playProgress, 'nowPlayTimeStr')
const maxPlayTimeStr = toRef(playProgress, 'maxPlayTimeStr')
const handleTransitionEnd = () => {
isActiveTransition.value = false
}
const handleActiveTransition = () => {
isActiveTransition.value = true
}
window.app_event.on('activePlayProgressTransition', handleActiveTransition)
onBeforeUnmount(() => {
window.app_event.off('activePlayProgressTransition', handleActiveTransition)
})
return {
nowPlayTimeStr,
maxPlayTimeStr,
progress,
isActiveTransition,
handleTransitionEnd,
}
}