tornado-classic-ui/store/notice.js

const NOTICE_INTERVAL = 10000

export const state = () => {
  return {
    notices: [],
    timers: {}
  }
}

export const mutations = {
  ADD_NOTICE(state, notice) {
    state.notices.push(notice)
  },
  UPDATE_NOTICE(state, { index, notice }) {
    this._vm.$set(state.notices, index, notice)
  },
  DELETE_NOTICE(state, index) {
    this._vm.$delete(state.notices, index)
  },
  ADD_NOTICE_TIMER(state, { id, timerId }) {
    this._vm.$set(state.timers, id, { timerId })
  },
  DELETE_NOTICE_TIMER(state, id) {
    this._vm.$delete(state.timers, id)
  }
}

export const actions = {
  addNotice({ commit }, { notice }) {
    return new Promise((resolve) => {
      const id = `f${(+new Date()).toString(16)}`
      commit('ADD_NOTICE', { ...notice, id, isShowed: true })
      resolve(id)
    })
  },
  addNoticeTimer({ commit, dispatch }, { id, interval = NOTICE_INTERVAL }) {
    const timerId = setTimeout(() => {
      dispatch('deleteNotice', { id })
    }, interval)
    commit('ADD_NOTICE_TIMER', { id, timerId })
  },
  deleteNoticeTimer({ state, commit }, { id }) {
    if (state.timers[id]) {
      clearTimeout(state.timers[id].timerId)
      commit('DELETE_NOTICE_TIMER', id)
    }
  },
  addNoticeWithInterval({ dispatch }, { notice, interval }) {
    return new Promise(async (resolve) => {
      const id = await dispatch('addNotice', { notice })
      dispatch('addNoticeTimer', { id, interval })
      resolve(id)
    })
  },
  deleteNotice({ state, commit, dispatch }, { id }) {
    const index = state.notices.findIndex((i) => {
      return i.id === id
    })
    if (index !== -1) {
      commit('DELETE_NOTICE', index)
      dispatch('deleteNoticeTimer', { id })
    }
  },
  updateNotice({ state, commit, dispatch }, { id = `f${(+new Date()).toString(16)}`, notice, interval }) {
    const { notices } = state
    const index = notices.findIndex((i) => {
      return i.id === id
    })
    if (index !== -1) {
      commit('UPDATE_NOTICE', {
        index,
        notice: {
          ...notices[index],
          isShowed: true,
          ...notice
        }
      })
    } else {
      commit('ADD_NOTICE', { ...notice, id, isShowed: true })
    }

    if (interval) {
      dispatch('deleteNoticeTimer', { id })
      dispatch('addNoticeTimer', { id, interval })
    }
  },
  showNotice({ state, commit, dispatch }, { id, isShowed = true }) {
    dispatch('updateNotice', {
      id,
      notice: {
        isShowed
      }
    })
  }
}