通用评论

1
  1. {"version":3,"sources":["../../../src/components/CommentList/index.js"],"names":["CommentList","props","state","filterSpeak","app","sGetComment","page","list","total","pageType","limit","isNoMoreComment","onPageChange","onGetMoreBtnClick","length","intl","get","p","loading","isSpeak","spinning","Boolean","sCommentFavor","sReplyFavor","setState","e","target","checked","map","item","user_id","id","renderPagination","Component","propTypes"],"mappings":"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","file":"index.js","sourcesContent":["import React, { Component } from \"react\";\nimport { Spin, Pagination, Checkbox } from \"antd\";\nimport intl from \"react-intl-universal\";\nimport Comment from \"../../Comment\";\nimport CommentBox from \"../CommentBox\";\nimport \"./index.css\";\n\nclass CommentList extends Component {\n constructor(props) {\n super(props);\n this.state = {\n filterSpeak: 0\n };\n }\n\n componentWillMount() {\n this.props.app.sGetComment({ page: this.props.app.page });\n }\n\n renderPagination() {\n const {\n list,\n total,\n page,\n pageType,\n limit,\n isNoMoreComment,\n sGetComment,\n onPageChange,\n onGetMoreBtnClick\n } = this.props.app;\n const { filterSpeak } = this.state;\n if (pageType === \"slice\") {\n // 截断多余评论,通过点击查看更多跳转\n return (\n <div className=\"comment-list-show-more\" onClick={onGetMoreBtnClick}>\n <span>查看更多</span>\n </div>\n );\n } else if (pageType === \"more\") {\n if (!isNoMoreComment && list.length !== total) {\n return (\n <div\n className=\"comment-list-show-more\"\n onClick={() => {\n sGetComment({ page: page + 1, filterSpeak });\n onPageChange(page + 1);\n }}\n >\n <span>{intl.get(\"comment.moreComment\")}</span>\n </div>\n );\n } else {\n return null;\n }\n } else if (pageType === \"pagination\") {\n return (\n <div className=\"comment-list-pagination\">\n <Pagination\n pageSize={limit}\n current={page}\n total={total}\n onChange={p => {\n sGetComment({ page: p, filterSpeak });\n onPageChange(p);\n }}\n />\n </div>\n );\n }\n }\n\n render() {\n const {\n list,\n total,\n loading,\n isSpeak,\n sGetComment,\n onPageChange\n } = this.props.app;\n\n const spinning = Boolean(\n loading.sGetComment || loading.sCommentFavor || loading.sReplyFavor\n );\n return (\n <div>\n <Spin spinning={spinning}>\n {/* <div>共 {total} 条评论</div> */}\n <div>\n {intl.get(\"comment.totalComment\", { total })}\n {isSpeak && (\n <Checkbox\n className=\"comment-list-filter-speak\"\n onChange={e => {\n this.setState({\n filterSpeak: e.target.checked ? 1 : 0\n });\n sGetComment({\n page: 1,\n filterSpeak: e.target.checked ? 1 : 0\n });\n onPageChange(1);\n }}\n >\n {intl.get(\"comment.filterSpeak\")}\n </Checkbox>\n )}\n </div>\n {list.map(item => (\n <CommentBox\n content={item}\n user_id={item.user_id}\n key={item.id}\n commentId={item.id}\n />\n ))}\n {this.renderPagination()}\n </Spin>\n </div>\n );\n }\n}\n\nCommentList.propTypes = {};\n\nexport default Comment(CommentList);\n"]}