| 1 |
- {"version":3,"sources":["../src/App.js"],"names":["App","props","state","loading","oss","list","page","total","isNoMoreComment","handleChangeLoading","bind","sGetComment","sGetReply","sCreateComment","sCreateReply","sCommentFavor","sReplyFavor","sOssSts","axios","defaults","withCredentials","token","headers","common","key","value","setState","API","type","businessId","get","LIMIT","then","response","data","newList","oldList","filter","o","isTemporary","concat","info","catch","error","msg","lang","ERROR_DEFAULT","message","finally","commentId","map","item","id","replies","reply_count","reply_page","isNoMoreReply","content","cb","method","business_id","success","unshift","comment_id","push","favored","favor_count","replyId","r","showHeader","marginBottom","showEditor","children","showList","marginTop","Component","propTypes","PropTypes","number","isRequired","string","bool","defaultProps","Editor"],"mappings":"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","file":"App.js","sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { message, Tag } from 'antd';\nimport axios from 'axios';\nimport { ERROR_DEFAULT, LIMIT } from './constant';\nimport { CommentContext } from './Comment';\nimport { isFunction } from './helper';\nimport CommentInput from './components/CommentInput';\nimport CommentList from './components/CommentList';\nimport Editor from './components/Editor';\nimport lang from './lang';\nimport './App.css';\n\nclass App extends Component {\n constructor(props) {\n super(props);\n this.state = {\n loading: {},\n\n // oss 配置\n oss: {},\n\n // 评论数据\n list: [],\n page: 1,\n total: 0,\n // 是否没有更多评论了\n isNoMoreComment: false,\n };\n this.handleChangeLoading = this.handleChangeLoading.bind(this);\n this.sGetComment = this.sGetComment.bind(this);\n this.sGetReply = this.sGetReply.bind(this);\n this.sCreateComment = this.sCreateComment.bind(this);\n this.sCreateReply = this.sCreateReply.bind(this);\n this.sCommentFavor = this.sCommentFavor.bind(this);\n this.sReplyFavor = this.sReplyFavor.bind(this);\n this.sOssSts = this.sOssSts.bind(this);\n }\n\n componentWillMount() {\n this.axios = axios;\n this.axios.defaults.withCredentials = true;\n if (this.props.token) {\n this.axios.defaults.headers.common['Authorization'] = `Bearer ${\n this.props.token\n }`;\n }\n }\n\n componentDidMount() {}\n\n /**\n * 改变 loading 状态\n * @param {string} key key\n * @param {string} value value\n */\n handleChangeLoading(key, value) {\n const { loading } = this.state;\n loading[key] = value;\n this.setState({ loading });\n }\n\n /**\n * 获取评论列表\n */\n sGetComment({ page = 1 } = {}) {\n this.handleChangeLoading('sGetComment', true);\n const { API, type, businessId } = this.props;\n this.axios\n .get(\n `${API}/comments?type=${type}&business_id=${businessId}&page=${page}&limit=${LIMIT}`\n )\n .then(response => {\n const { list, page, total } = response.data;\n if (list) {\n let newList = list;\n if (page > 1) {\n let { list: oldList } = this.state;\n // 删除临时数据\n oldList = oldList.filter(o => !o.isTemporary);\n newList = oldList.concat(newList);\n }\n this.setState({\n list: newList,\n page,\n total,\n });\n } else {\n message.info('没有更多评论了');\n this.setState({\n isNoMoreComment: true,\n });\n }\n })\n .catch(error => {\n if (error.response && error.response.data && error.response.data.msg) {\n message.error(lang[error.response.data.msg] || ERROR_DEFAULT);\n return;\n }\n message.error(lang[error.message] || ERROR_DEFAULT);\n })\n .finally(() => {\n this.handleChangeLoading('sGetComment', false);\n });\n }\n\n /**\n * 获取更多回复\n */\n sGetReply({ commentId, page = 1 } = {}) {\n this.handleChangeLoading('sGetReply', true);\n const { API } = this.props;\n this.axios\n .get(`${API}/replies?comment_id=${commentId}&page=${page}&limit=${LIMIT}`)\n .then(response => {\n if (!response.data.list) {\n message.info('没有更多数据了！');\n }\n const list = this.state.list.map(item => {\n if (item.id === commentId) {\n if (!item.replies) item.replies = [];\n if (response.data.list) {\n if (page === 1) {\n // 如果当前页数为第一页，则清空当前所有的 replies\n // 并将获取到的 replies 存放在 state\n item.replies = response.data.list;\n } else {\n item.replies = item.replies\n .filter(o => !o.isTemporary)\n .concat(response.data.list);\n // 如果当前页数非第一页，则合并 replies\n }\n item.reply_count = response.data.total;\n item.reply_page = response.data.page;\n } else {\n item.isNoMoreReply = true;\n }\n }\n return item;\n });\n this.setState({ list });\n })\n .catch(error => {\n if (error.response && error.response.data && error.response.data.msg) {\n message.error(lang[error.response.data.msg] || ERROR_DEFAULT);\n return;\n }\n message.error(lang[error.message] || ERROR_DEFAULT);\n })\n .finally(() => {\n this.handleChangeLoading('sGetReply', false);\n });\n }\n\n /**\n * 添加评论\n * @param {object} {content} comment content\n */\n sCreateComment({ content } = {}, cb) {\n if (!content) return message.error('评论内容不能为空 ');\n this.handleChangeLoading('sCreateComment', true);\n const { API, type, businessId } = this.props;\n this.axios(`${API}/comments`, {\n method: 'post',\n data: {\n type,\n business_id: businessId,\n content,\n },\n withCredentials: true,\n })\n .then(response => {\n message.success('评论成功！');\n if (isFunction(cb)) cb();\n // 将数据写入到 list 中\n // 临时插入\n // 等到获取数据之后，删除临时数据\n const { list, total } = this.state;\n list.unshift({\n ...response.data,\n isTemporary: true, // 临时的数据\n });\n this.setState({ list, total: total + 1 });\n })\n .catch(error => {\n if (error.response && error.response.data && error.response.data.msg) {\n message.error(lang[error.response.data.msg] || ERROR_DEFAULT);\n return;\n }\n message.error(lang[error.message] || ERROR_DEFAULT);\n })\n .finally(() => {\n this.handleChangeLoading('sCreateComment', false);\n });\n }\n\n /**\n * 添加回复\n * 回复评论/回复回复\n * @param {object} data { comment_id, content, [reply_id] }\n */\n sCreateReply(data, cb) {\n if (!data.content) return message.error('回复内容不能为空 ');\n this.handleChangeLoading('sCreateReply', true);\n const { API } = this.props;\n this.axios(`${API}/replies`, {\n method: 'post',\n data,\n withCredentials: true,\n })\n .then(response => {\n message.success('回复成功！');\n if (isFunction(cb)) cb();\n // 将数据写入到 list 中\n // 临时插入\n // 等到获取数据之后，删除临时数据\n const list = this.state.list.map(item => {\n if (item.id === data.comment_id) {\n if (!item.replies) item.replies = [];\n item.replies.push({\n ...response.data,\n isTemporary: true, // 临时的数据\n });\n item.reply_count += 1;\n }\n return item;\n });\n this.setState({ list });\n })\n .catch(error => {\n if (error.response && error.response.data && error.response.data.msg) {\n message.error(lang[error.response.data.msg] || ERROR_DEFAULT);\n return;\n }\n message.error(lang[error.message] || ERROR_DEFAULT);\n })\n .finally(() => {\n this.handleChangeLoading('sCreateReply', false);\n });\n }\n\n /**\n * 评论 点赞/取消点赞\n * @param {string} commentId { commentId }\n * @param {boolean} favored 是否已经点过赞\n */\n sCommentFavor(commentId, favored) {\n this.handleChangeLoading('sCommentFavor', true);\n const { API } = this.props;\n this.axios(`${API}/comments/${commentId}/favor`, {\n method: favored ? 'delete' : 'put',\n withCredentials: true,\n })\n .then(response => {\n message.success(favored ? '取消点赞成功！' : '点赞成功！');\n // 更新 list 中的该项数据的 favored\n const list = this.state.list.map(item => {\n if (item.id === commentId) {\n item.favored = !favored;\n item.favor_count += favored ? -1 : 1;\n }\n return item;\n });\n this.setState({ list });\n })\n .catch(error => {\n if (error.response && error.response.data && error.response.data.msg) {\n message.error(lang[error.response.data.msg] || ERROR_DEFAULT);\n return;\n }\n message.error(lang[error.message] || ERROR_DEFAULT);\n })\n .finally(() => {\n this.handleChangeLoading('sCommentFavor', false);\n });\n }\n\n /**\n * 回复 点赞/取消点赞\n * @param {string} replyId replyId\n * @param {string} commentId commentId\n * @param {boolean} favored 是否已经点过赞\n */\n sReplyFavor(replyId, commentId, favored) {\n this.handleChangeLoading('sReplyFavor', true);\n const { API } = this.props;\n this.axios(`${API}/replies/${replyId}/favor`, {\n method: favored ? 'delete' : 'put',\n data: {\n comment_id: commentId,\n },\n withCredentials: true,\n })\n .then(response => {\n message.success(favored ? '取消点赞成功！' : '点赞成功！');\n // 更新 list 中的该项数据的 favored\n const list = this.state.list.map(item => {\n if (item.id === commentId) {\n item.replies = item.replies.map(r => {\n if (r.id === replyId) {\n r.favored = !favored;\n // r.favor_count = response.data.favor_count;\n // 点赞数 +1，而不是使用后端返回的点赞数\n // 不然如果返回的不是增加 1，用户可能以为程序错误\n r.favor_count += favored ? -1 : 1;\n }\n return r;\n });\n }\n return item;\n });\n this.setState({ list });\n })\n .catch(error => {\n if (error.response && error.response.data && error.response.data.msg) {\n message.error(lang[error.response.data.msg] || ERROR_DEFAULT);\n return;\n }\n message.error(lang[error.message] || ERROR_DEFAULT);\n })\n .finally(() => {\n this.handleChangeLoading('sReplyFavor', false);\n });\n }\n\n /**\n * 获取 OSS 上传的参数\n */\n sOssSts() {\n this.handleChangeLoading('sOssSts', true);\n const { API } = this.props;\n this.axios\n .get(`${API}/oss/sts`)\n .then(response => {\n this.setState({ oss: { ...response.data } });\n })\n .catch(error => {\n if (error.response && error.response.data && error.response.data.msg) {\n message.error(lang[error.response.data.msg] || ERROR_DEFAULT);\n return;\n }\n message.error(lang[error.message] || ERROR_DEFAULT);\n })\n .finally(() => {\n this.handleChangeLoading('sOssSts', false);\n });\n }\n\n render() {\n // 添加到 Context 的数据\n const value = {\n ...this.state,\n ...this.props,\n sCreateComment: this.sCreateComment,\n sGetComment: this.sGetComment,\n sCommentFavor: this.sCommentFavor,\n sReplyFavor: this.sReplyFavor,\n sCreateReply: this.sCreateReply,\n sGetReply: this.sGetReply,\n sOssSts: this.sOssSts,\n };\n\n return (\n <CommentContext.Provider value={value}>\n <div className=\"comment\">\n {this.props.showHeader && (\n <div style={{ marginBottom: 15 }}>\n <Tag className=\"comment-header-tag\">留言</Tag>\n <span className=\"comment-header-tip\">口碑</span>\n <span className=\"comment-header-text\">\n (全站挑出毛病或提出合理建议，奖励10到100元红包)\n </span>\n </div>\n )}\n {this.props.showEditor && (\n <CommentInput content={this.props.children} />\n )}\n {this.props.showList && (\n <div style={{ marginTop: 20 }}>\n <CommentList />\n </div>\n )}\n </div>\n </CommentContext.Provider>\n );\n }\n}\n\nApp.propTypes = {\n type: PropTypes.number.isRequired, // 评论的 type\n businessId: PropTypes.string.isRequired, // 评论的 business_id\n API: PropTypes.string, // 评论的 API 前缀\n showList: PropTypes.bool, // 是否显示评论列表\n showEditor: PropTypes.bool, // 是否显示评论输入框\n showHeader: PropTypes.bool, // 是否显示评论顶部的提示\n};\n\nApp.defaultProps = {\n API: 'http://api.links123.net/comment/v1',\n showList: true,\n showEditor: true,\n showHeader: true,\n};\n\nexport { Editor };\n\nexport default App;\n"]}
|
