118 lines
2.7 KiB
JavaScript
118 lines
2.7 KiB
JavaScript
/**
|
|
* @file 评论数据状态 / ES module
|
|
* @module store/comment
|
|
* @author Ronger <https://github.com/ronger-x>
|
|
*/
|
|
|
|
export const COMMENT_API_PATH = '/api/article/'
|
|
export const LIKE_COMMENT_API_PATH = '/like/comment'
|
|
|
|
const getDefaultListData = () => {
|
|
return {
|
|
data: [],
|
|
pagination: {}
|
|
}
|
|
}
|
|
|
|
export const state = () => {
|
|
return {
|
|
fetching: false,
|
|
posting: false,
|
|
data: getDefaultListData()
|
|
}
|
|
}
|
|
|
|
export const mutations = {
|
|
// 请求列表
|
|
updateListFetching(state, action) {
|
|
state.fetching = action
|
|
},
|
|
updateListData(state, action) {
|
|
state.data = {
|
|
data: action,
|
|
pagination: {
|
|
page: 1
|
|
}
|
|
}
|
|
},
|
|
clearListData(state) {
|
|
state.data = getDefaultListData()
|
|
},
|
|
|
|
// 发布评论
|
|
updatePostFetching(state, action) {
|
|
state.posting = action
|
|
},
|
|
updateListNewItemData(state, action) {
|
|
state.data.pagination.total += 1
|
|
state.data.data.push(action.result)
|
|
},
|
|
|
|
// 喜欢某条评论
|
|
updateLikesIncrement(state, action) {
|
|
state.data.data.find(comment => {
|
|
const isMatched = comment.id === action.id
|
|
isMatched && comment.likes++
|
|
return isMatched
|
|
})
|
|
}
|
|
}
|
|
|
|
export const actions = {
|
|
fetchList({ commit, rootState }, params = {}) {
|
|
// const { SortType } = rootState.global.constants
|
|
|
|
// 修正参数
|
|
// params = Object.assign(
|
|
// {
|
|
// page: 1,
|
|
// per_page: 88
|
|
// },
|
|
// params
|
|
// )
|
|
|
|
// const isRestart = params.page === 1
|
|
// const isDescSort = params.sort === SortType.Desc
|
|
|
|
// 清空数据
|
|
// isRestart && commit('updateListData', getDefaultListData())
|
|
commit('updateListData', getDefaultListData())
|
|
commit('updateListFetching', true)
|
|
|
|
return this.$axios
|
|
.$get(COMMENT_API_PATH + `${params.post_id}/comments`)
|
|
.then(response => {
|
|
// isDescSort && response.result.data.reverse()
|
|
commit('updateListData', response)
|
|
commit('updateListFetching', false)
|
|
})
|
|
.catch(error => commit('updateListFetching', false))
|
|
},
|
|
|
|
// 发布评论
|
|
fetchPostComment({ commit }, comment) {
|
|
commit('updatePostFetching', true)
|
|
return this.$axios
|
|
.$post(COMMENT_API_PATH, comment)
|
|
.then(response => {
|
|
commit('updateListNewItemData', response)
|
|
commit('updatePostFetching', false)
|
|
return Promise.resolve(response)
|
|
})
|
|
.catch(error => {
|
|
commit('updatePostFetching', false)
|
|
return Promise.reject(error)
|
|
})
|
|
},
|
|
|
|
// 喜欢评论
|
|
fetchLikeComment({ commit }, comment) {
|
|
return this.$axios
|
|
.$patch(LIKE_COMMENT_API_PATH, { comment_id: comment.id })
|
|
.then(response => {
|
|
commit('updateLikesIncrement', comment)
|
|
return Promise.resolve(response)
|
|
})
|
|
}
|
|
}
|