comment/lib/components/CommentList/index.js.map

{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;;;;;;;IAEMA,W;;;AACJ,uBAAYC,KAAZ,EAAmB;AAAA;;AAAA,0HACXA,KADW;;AAEjB,UAAKC,KAAL,GAAa;AACXC,mBAAa;AADF,KAAb;AAFiB;AAKlB;;;;yCAEoB;AACnB,WAAKF,KAAL,CAAWG,GAAX,CAAeC,WAAf,CAA2B,EAAEC,MAAM,KAAKL,KAAL,CAAWG,GAAX,CAAeE,IAAvB,EAA3B;AACD;;;uCAEkB;AAAA,uBAWb,KAAKL,KAAL,CAAWG,GAXE;AAAA,UAEfG,IAFe,cAEfA,IAFe;AAAA,UAGfC,KAHe,cAGfA,KAHe;AAAA,UAIfF,IAJe,cAIfA,IAJe;AAAA,UAKfG,QALe,cAKfA,QALe;AAAA,UAMfC,KANe,cAMfA,KANe;AAAA,UAOfC,eAPe,cAOfA,eAPe;AAAA,UAQfN,WARe,cAQfA,WARe;AAAA,UASfO,YATe,cASfA,YATe;AAAA,UAUfC,iBAVe,cAUfA,iBAVe;AAAA,UAYTV,WAZS,GAYO,KAAKD,KAZZ,CAYTC,WAZS;;AAajB,UAAIM,aAAa,OAAjB,EAA0B;AACxB;AACA,eACE;AAAA;AAAA,YAAK,WAAU,wBAAf,EAAwC,SAASI,iBAAjD;AACE;AAAA;AAAA;AAAA;AAAA;AADF,SADF;AAKD,OAPD,MAOO,IAAIJ,aAAa,MAAjB,EAAyB;AAC9B,YAAI,CAACE,eAAD,IAAoBJ,KAAKO,MAAL,KAAgBN,KAAxC,EAA+C;AAC7C,iBACE;AAAA;AAAA;AACE,yBAAU,wBADZ;AAEE,uBAAS,mBAAM;AACbH,4BAAY,EAAEC,MAAMA,OAAO,CAAf,EAAkBH,wBAAlB,EAAZ;AACAS,6BAAaN,OAAO,CAApB;AACD;AALH;AAOE;AAAA;AAAA;AAAOS,2CAAKC,GAAL,CAAS,qBAAT;AAAP;AAPF,WADF;AAWD,SAZD,MAYO;AACL,iBAAO,IAAP;AACD;AACF,OAhBM,MAgBA,IAAIP,aAAa,YAAjB,EAA+B;AACpC,eACE;AAAA;AAAA,YAAK,WAAU,yBAAf;AACE;AACE,sBAAUC,KADZ;AAEE,qBAASJ,IAFX;AAGE,mBAAOE,KAHT;AAIE,sBAAU,qBAAK;AACbH,0BAAY,EAAEC,MAAMW,CAAR,EAAWd,wBAAX,EAAZ;AACAS,2BAAaK,CAAb;AACD;AAPH;AADF,SADF;AAaD;AACF;;;6BAEQ;AAAA;;AAAA,wBAQH,KAAKhB,KAAL,CAAWG,GARR;AAAA,UAELG,IAFK,eAELA,IAFK;AAAA,UAGLC,KAHK,eAGLA,KAHK;AAAA,UAILU,OAJK,eAILA,OAJK;AAAA,UAKLC,OALK,eAKLA,OALK;AAAA,UAMLd,WANK,eAMLA,WANK;AAAA,UAOLO,YAPK,eAOLA,YAPK;;;AAUP,UAAMQ,WAAWC,QACfH,QAAQb,WAAR,IAAuBa,QAAQI,aAA/B,IAAgDJ,QAAQK,WADzC,CAAjB;AAGA,aACE;AAAA;AAAA;AACE;AAAA;AAAA,YAAM,UAAUH,QAAhB;AAEE;AAAA;AAAA;AACGL,yCAAKC,GAAL,CAAS,sBAAT,EAAiC,EAAER,YAAF,EAAjC,CADH;AAEGW,uBACC;AAAA;AAAA;AACE,2BAAU,2BADZ;AAEE,0BAAU,qBAAK;AACb,yBAAKK,QAAL,CAAc;AACZrB,iCAAasB,EAAEC,MAAF,CAASC,OAAT,GAAmB,CAAnB,GAAuB;AADxB,mBAAd;AAGAtB,8BAAY;AACVC,0BAAM,CADI;AAEVH,iCAAasB,EAAEC,MAAF,CAASC,OAAT,GAAmB,CAAnB,GAAuB;AAF1B,mBAAZ;AAIAf,+BAAa,CAAb;AACD;AAXH;AAaGG,2CAAKC,GAAL,CAAS,qBAAT;AAbH;AAHJ,WAFF;AAsBGT,eAAKqB,GAAL,CAAS;AAAA,mBACR,8BAAC,oBAAD;AACE,uBAASC,IADX;AAEE,uBAASA,KAAKC,OAFhB;AAGE,mBAAKD,KAAKE,EAHZ;AAIE,yBAAWF,KAAKE;AAJlB,cADQ;AAAA,WAAT,CAtBH;AA8BG,eAAKC,gBAAL;AA9BH;AADF,OADF;AAoCD;;;;EAlHuBC,gB;;AAqH1BjC,YAAYkC,SAAZ,GAAwB,EAAxB;;kBAEe,uBAAQlC,WAAR,C","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"]}