96 lines
2.4 KiB
JavaScript
96 lines
2.4 KiB
JavaScript
|
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
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|