xyyd-fatfox/src/widgets/work/useTomatoStore.ts

import useTimeStore from "@/utils/useTimeStore";
import dayjs from "dayjs";
import { defineStore } from "pinia";
import { computed, reactive, ref, watch } from "vue";


const TOTAL_TIME = 60 * 60 * 15
export type TomatoTarget = {
    id: string;
    finishTime: number;
    remindTime: number | null;
    title: string;
    isCompleted: boolean;

}
export type TomatoTime = {
    date: number;
    finishTime: number;
}
export const musicList = [
    {
        name: 'A Part of Us',
        music: 'https://newfatfox.oss-cn-beijing.aliyuncs.com/admin/music/aPartOfUs.mp3'
    },
    {
        name: 'a signal rose',
        music: 'https://newfatfox.oss-cn-beijing.aliyuncs.com/admin/music/AsignalRose.mp3'
    },
    {
        name: 'a thousand lifetimes',
        music: 'https://newfatfox.oss-cn-beijing.aliyuncs.com/admin/music/aThousandLifetimes.mp3'
    },
    {
        name: 'A Very Brady Special',
        music: 'https://newfatfox.oss-cn-beijing.aliyuncs.com/admin/music/AVeryBradySpecial.mp3'
    },
    {
        name: 'A Wonderful Story',
        music: 'https://newfatfox.oss-cn-beijing.aliyuncs.com/admin/music/AWonderfulStore.mp3'
    }
]
export default defineStore("work", () => {
    const state = reactive({
        list: [] as TomatoTarget[],
        timeList: [] as TomatoTime[],
        isPlaying: false as boolean,
        selectMusic: 0,
        isStart: false as boolean,
        beginTime: -1 as number

    })

    const time = useTimeStore()
    const beginTomatoTime = () => {
        state.beginTime = dayjs().valueOf()
        state.isStart = true
        playMusic()
    }
    const stopTomatoTime = () => {
        state.isStart = false
        state.beginTime = -1
        stopMusic()
    }
    const remainingTime = computed(() => {
        const totalTime = TOTAL_TIME

        return dayjs(state.beginTime).add(15, 'minute').diff(dayjs(time.date), 'second')
    })
    const playAudio = computed(() => {
        const audio = new Audio(musicList[state.selectMusic].music)
        return audio
    })
    watch(() => remainingTime, (val) => {
        if (val.value < 0) {
            state.isPlaying = false
            state.isStart = false
            state.beginTime = -1
            state.timeList.push({
                date: dayjs().valueOf(),
                finishTime: TOTAL_TIME
            })
        }
    })
    // watch(() => state.isPlaying, (val) => {
    //     if (val) {
    //         playAudio.value.play()
    //     } else {
    //         playAudio.value.pause()

    //     }
    // })
    const playMusic = () => {
        state.isPlaying = true
        playAudio.value.play()
    }

    const pauseMusic = () => {
        state.isPlaying = false
        playAudio.value.pause()
    }
    const stopMusic = () => {
        state.isPlaying = false
        playAudio.value.pause()
        playAudio.value.currentTime = 0
    }
    const openShowModel = ref<undefined | null | TomatoTarget>()
    const openFullscreen = ref(false)
    return {
        state,
        openShowModel,
        openFullscreen,
        beginTomatoTime,
        remainingTime,
        playMusic,
        pauseMusic,
        stopMusic,
        stopTomatoTime
    }
})