{"version":3,"sources":["../../../src/components/ContentItem/index.js"],"names":["dayjs","extend","relativeTime","LOCALES","CommentItem","props","state","showInput","showPreviewer","previewerIndex","popoverVisible","handleToggleInput","bind","renderTextWithReply","hidePreviewer","handleVisibleChange","handleUserAvaClick","index","setState","visible","user_id","userAvaClick","app","text","content","newText","reply","user_name","commentId","replyId","action","showReply","onShowReply","locale","showHoverCard","newContent","images","indexOf","IMAGE_SPLIT","split","pop","join","imageList","needClear","length","imgs","splice","type","IconColor","favor_count","user_avatar","avatar","backgroundImage","cursor","intl","get","marginLeft","created","format","fromNow","__html","map","item","i","reply_count","total","userId","sDeleteReply","id","sDeleteComment","sReplyFavor","favored","sCommentFavor","color","children","Component","propTypes","PropTypes","object","isRequired","oneOf","func","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;;;AAEA;;;;AACA;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;AAVA;;;AAYA;AACAA,gBAAMC,MAAN,CAAaC,sBAAb;;AAEA,IAAMC,UAAU;AACd,WAAS;AADK,CAAhB;;IAIMC,W;;;AACJ,uBAAYC,KAAZ,EAAmB;AAAA;;AAAA,0HACXA,KADW;;AAEjB,UAAKC,KAAL,GAAa;AACXC,iBAAW,KADA;AAEXC,qBAAe,KAFJ;AAGXC,sBAAgB,CAHL;AAIXC,sBAAgB;AAJL,KAAb;AAMA,UAAKC,iBAAL,GAAyB,MAAKA,iBAAL,CAAuBC,IAAvB,OAAzB;AACA,UAAKC,mBAAL,GAA2B,MAAKA,mBAAL,CAAyBD,IAAzB,OAA3B;AACA,UAAKJ,aAAL,GAAqB,MAAKA,aAAL,CAAmBI,IAAnB,OAArB;AACA,UAAKE,aAAL,GAAqB,MAAKA,aAAL,CAAmBF,IAAnB,OAArB;AACA,UAAKG,mBAAL,GAA2B,MAAKA,mBAAL,CAAyBH,IAAzB,OAA3B;AACA,UAAKI,kBAAL,GAA0B,MAAKA,kBAAL,CAAwBJ,IAAxB,OAA1B;AAbiB;AAclB;;;;kCAEaK,K,EAAO;AACnB,WAAKC,QAAL,CAAc;AACZV,uBAAe,IADH;AAEZC,wBAAgBQ;AAFJ,OAAd;AAID;;;oCAEe;AACd,WAAKC,QAAL,CAAc;AACZV,uBAAe;AADH,OAAd;AAGD;;;wCAEmB;AAClB,WAAKU,QAAL,CAAc,EAAEX,WAAW,CAAC,KAAKD,KAAL,CAAWC,SAAzB,EAAd;AACD;;;wCAEmBY,O,EAAS;AAC3B,WAAKD,QAAL,CAAc;AACZR,wBAAgBS;AADJ,OAAd;AAGD;;;yCAEoB;AAAA,UACXC,OADW,GACC,KAAKf,KADN,CACXe,OADW;AAAA,UAEXC,YAFW,GAEM,KAAKhB,KAAL,CAAWiB,GAFjB,CAEXD,YAFW;;AAGnB,UAAIA,YAAJ,EAAkB;AAChBA,qBAAaD,OAAb;AACD;AACF;;;wCAEmBG,I,EAAMC,O,EAAS;AACjC,UAAIC,UAAUF,IAAd;AADiC,UAEzBG,KAFyB,GAEfF,OAFe,CAEzBE,KAFyB;;AAGjC,UAAIA,KAAJ,EAAW;AACT;AACA;AACA;AACAD,kBAAaA,OAAb,YAA2BC,MAAMC,SAAjC,SAA8CD,MAAMF,OAApD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAIE,MAAMA,KAAV,EAAiB;AACf,iBAAO,KAAKb,mBAAL,CAAyBY,OAAzB,EAAkCC,KAAlC,CAAP;AACD;AACF;AACD,aAAOD,OAAP;AACD;;;6BAEQ;AAAA;;AAAA,mBAUH,KAAKpB,KAVF;AAAA,UAELuB,SAFK,UAELA,SAFK;AAAA,UAGLC,OAHK,UAGLA,OAHK;AAAA,UAILL,OAJK,UAILA,OAJK;AAAA,UAKLM,MALK,UAKLA,MALK;AAAA,UAMLC,SANK,UAMLA,SANK;AAAA,UAOLC,WAPK,UAOLA,WAPK;AAAA,UAQLV,GARK,UAQLA,GARK;AAAA,UASLF,OATK,UASLA,OATK;AAAA,uBAY2B,KAAKf,KAAL,CAAWiB,GAZtC;AAAA,UAYCW,MAZD,cAYCA,MAZD;AAAA,UAYSC,aAZT,cAYSA,aAZT;AAAA,UAaC3B,SAbD,GAae,KAAKD,KAbpB,CAaCC,SAbD;;;AAeP,UAAI4B,aAAaX,QAAQA,OAAzB;AACA,UAAIY,SAAS,EAAb;AACA,UAAID,WAAWE,OAAX,CAAmBC,qBAAnB,MAAoC,CAAC,CAAzC,EAA4C;AAC1CH,qBAAaA,WAAWI,KAAX,CAAiBD,qBAAjB,CAAb;AACAF,iBAASD,WAAWK,GAAX,EAAT;AACAL,qBAAaA,WAAWM,IAAX,CAAgB,EAAhB,CAAb;AACD;;AAED,UAAMC,YAAYN,OAAOG,KAAP,CAAa,GAAb,CAAlB;;AAEA;AACA,UAAMI,YACJD,UAAUE,MAAV,KAAqB,CAArB,IACAF,UAAUE,MAAV,KAAqB,CADrB,IAEAF,UAAUE,MAAV,KAAqB,CAHvB;AAIA,UAAMC,oCAAWH,SAAX,EAAN;AACA,UAAIC,SAAJ,EAAe;AACb,YAAIE,KAAKD,MAAL,GAAc,CAAlB,EAAqB;AACnBC,eAAKC,MAAL,CAAY,CAAZ,EAAe,CAAf,EAAkB,EAAEC,MAAM,SAAR,EAAlB;AACAF,eAAKC,MAAL,CAAY,CAAZ,EAAe,CAAf,EAAkB,EAAEC,MAAM,SAAR,EAAlB;AACD,SAHD,MAGO;AACLF,eAAKC,MAAL,CAAY,CAAZ,EAAe,CAAf,EAAkB,EAAEC,MAAM,SAAR,EAAlB;AACD;AACF;AACD,UAAMC,YAAYxB,QAAQyB,WAAR,GAAsB,CAAtB,GAA0B,SAA1B,GAAsC,SAAxD;;AAEA,aACE;AAAA;AAAA,UAAK,WAAU,kBAAf;AACE;AAAA;AAAA,YAAK,WAAU,mBAAf;AACGf,0BACC;AAAA;AAAA;AACE,uBACE,8BAAC,yBAAD,eACM,KAAK7B,KAAL,CAAWiB,GADjB;AAEE,yBAASF,OAFX;AAGE,qCAAqB,KAAKL,mBAH5B;AAIE,uBAAOS,QAAQ0B,WAAR,IAAuBC;AAJhC;AAOF;AACA;AAVF,gBAWE,SAAS,KAAK7C,KAAL,CAAWI,cAXtB;AAYE,+BAAiB,KAAKK,mBAZxB;AAaE,gCAAiB;AAbnB;AAeE;AACE,yBAAU,qBADZ;AAEE,qBAAO;AACLqC,2CAAwB5B,QAAQ0B,WAAR,IAAuBC,gBAA/C;AADK,eAFT;AAKE,uBAAS,KAAKnC;AALhB;AAfF,WADD,GAyBC;AACE,uBAAU,qBADZ;AAEE,mBAAO;AACLoC,yCAAwB5B,QAAQ0B,WAAR,IAAuBC,gBAA/C;AADK,aAFT;AAKE,qBAAS,KAAKnC;AALhB;AA1BJ,SADF;AAoCE;AAAA;AAAA,YAAK,WAAU,oBAAf;AACE;AAAA;AAAA;AAIE;AAAA;AAAA;AACE,yBAAS,KAAKA,kBADhB;AAEE,uBAAO,EAAEqC,QAAQ,SAAV;AAFT;AAIG7B,sBAAQG,SAAR,IAAqB2B,6BAAKC,GAAL,CAAS,iBAAT;AAJxB,aAJF;AAUE;AAAA;AAAA,gBAAM,OAAO,EAAEC,YAAY,EAAd,EAAb;AACE;AAAA;AAAA;AACE,6BAAU,KADZ;AAEE,yBAAO,qBAAMhC,QAAQiC,OAAR,GAAkB,IAAxB,EAA8BC,MAA9B,CACL,qBADK;AAFT;AAMGvD,wBAAQ8B,MAAR,IACG,qBAAMT,QAAQiC,OAAR,GAAkB,IAAxB,EACGxB,MADH,CACU9B,QAAQ8B,MAAR,CADV,EAEG0B,OAFH,EADH,GAIG,qBAAMnC,QAAQiC,OAAR,GAAkB,IAAxB,EAA8BE,OAA9B;AAVN;AADF;AAVF,WADF;AA0BE;AACE,uBAAU,sBADZ;AAEE,qCAAyB;AACvBC,sBAAQ,2BACN,KAAK/C,mBAAL,CAAyBsB,UAAzB,EAAqCX,OAArC,CADM;AADe;AAF3B,YA1BF;AAkCG;AACDkB,oBAAUE,MAAV,GAAmB,CAAnB,IAAwBF,UAAU,CAAV,MAAiB,EAAzC,IACE;AAAA;AAAA,cAAK,WAAU,oBAAf;AACG,aAAC,KAAKpC,KAAL,CAAWE,aAAZ,IACCqC,KAAKgB,GAAL,CAAS,UAACC,IAAD,EAAO7C,KAAP,EAAiB;AACxB,kBAAI6C,KAAKf,IAAL,KAAc,SAAlB,EAA6B;AAC3B,uBACE;AAAA;AAAA,oBAAK,WAAU,4BAAf,EAA4C,KAAK9B,KAAjD;AACE,yDAAK,WAAU,qBAAf;AADF,iBADF;AAMD;AACD,qBACE;AAAA;AAAA;AACE,6BAAU,4BADZ;AAEE,uBAAKA,KAFP;AAGE,2BAAS,mBAAM;AACb,wBAAI8C,IAAI9C,KAAR;AACA,wBAAI0B,SAAJ,EAAe;AACb,0BAAI1B,QAAQ,CAAZ,EAAe;AACb8C,6BAAK,CAAL;AACD;AACD,0BAAI9C,QAAQ,CAAZ,EAAe;AACb8C,6BAAK,CAAL;AACD;AACF;AACD,2BAAKvD,aAAL,CAAmBuD,CAAnB;AACD;AAdH;AAgBE;AACE,yBAAO,EAAEX,0BAAwBU,IAAxB,MAAF,EADT;AAEE,6BAAU;AAFZ;AAhBF,eADF;AAwBD,aAjCD,CAFJ;AAoCG,iBAAKxD,KAAL,CAAWE,aAAX,IACC,8BAAC,wBAAD;AACE,oBAAMkC,SADR;AAEE,qBAAO,KAAKpC,KAAL,CAAWG,cAFpB;AAGE,sBAAQ,KAAKK;AAHf,cArCJ;AA2CE,mDAAK,WAAU,UAAf;AA3CF,WApCJ;AAkFE;AAAA;AAAA,cAAK,WAAU,qBAAf;AACGU,oBAAQwC,WAAR,GACC;AAAA;AAAA;AACE;AAAA;AAAA,kBAAG,WAAU,0BAAb,EAAwC,SAAShC,WAAjD;AAEGsB,6CAAKC,GAAL,CAAS,kBAAT,EAA6B,EAAEU,OAAOzC,QAAQwC,WAAjB,EAA7B,CAFH;AAGGjC,4BAAY,gDAAM,MAAK,IAAX,GAAZ,GAAiC,gDAAM,MAAK,MAAX;AAHpC;AADF,aADD,GAQG,IATN;AAUGT,gBAAI4C,MAAJ,KAAe1C,QAAQJ,OAAvB,IACC;AAAA;AAAA;AACE;AACA,uBAAOkC,6BAAKC,GAAL,CAAS,kBAAT,CAFT;AAGE,2BAAW,qBAAM;AACf,sBAAI1B,OAAJ,EAAa;AACXP,wBAAI6C,YAAJ,CAAiB3C,QAAQ4C,EAAzB,EAA6BxC,SAA7B;AACA;AACD;AACDN,sBAAI+C,cAAJ,CAAmB7C,QAAQ4C,EAA3B;AACD,iBATH;AAUE,wBAAQd,6BAAKC,GAAL,CAAS,eAAT,CAVV;AAWE,4BAAYD,6BAAKC,GAAL,CAAS,mBAAT;AAXd;AAaE;AAAA;AAAA,kBAAG,WAAU,2BAAb;AAAA;AACUD,6CAAKC,GAAL,CAAS,mBAAT;AADV;AAbF,aAXJ;AA6BE;AAAA;AAAA;AACE,yBAAS,KAAK5C,iBADhB;AAEE,2BAAU;AAFZ;AAAA;AAIU2C,2CAAKC,GAAL,CAAS,eAAT;AAJV,aA7BF;AAmCE;AAAA;AAAA;AACE,2BAAU,2BADZ;AAEE,yBAAS,mBAAM;AACb,sBAAI1B,OAAJ,EAAa;AACX;AACAP,wBAAIgD,WAAJ,CAAgB9C,QAAQ4C,EAAxB,EAA4BxC,SAA5B,EAAuCJ,QAAQ+C,OAA/C;AACA;AACD;AACDjD,sBAAIkD,aAAJ,CAAkBhD,QAAQ4C,EAA1B,EAA8B5C,QAAQ+C,OAAtC;AACD,iBATH;AAUE,uBAAO,EAAEE,YAAUzB,SAAZ;AAVT;AAYE;AACE,sBAAK,QADP;AAEE,2BACExB,QAAQ+C,OAAR,GACI,+BADJ,GAEI,eALR;AAOE,uBAAO,EAAEE,YAAUzB,SAAZ;AAPT,gBAZF;AAAA;AAqBSxB,sBAAQyB;AArBjB;AAnCF;AAlFF,SApCF;AAmLG1C,qBACC,8BAAC,sBAAD;AACE,mBAASe,IAAIoD,QADf;AAEE,kBAAQ5C,MAFV;AAGE,mBAASD,OAHX;AAIE,qBAAWD,SAJb;AAKE,kBAAQJ,QAAQJ,OALlB;AAME,oBAAU,KAAKT;AANjB;AApLJ,OADF;AAgMD;;;;EA9SuBgE,gB;;AAiT1BvE,YAAYwE,SAAZ,GAAwB;AACtBpD,WAASqD,oBAAUC,MAAV,CAAiBC,UADJ;AAEtB;AACA;AACA;AACAjD,UAAQ+C,oBAAUG,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,cAArB,CAAhB,CALc;AAMtBhD,eAAa6C,oBAAUI;AAND,CAAxB;;AASA7E,YAAY8E,YAAZ,GAA2B;AACzBpD,UAAQ,SADiB;AAEzBE,eAAa,uBAAM,CAAE;AAFI,CAA3B;;kBAKe,uBAAQ5B,WAAR,C","file":"index.js","sourcesContent":["import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Icon, Tooltip, Popconfirm, Popover } from \"antd\";\nimport dayjs from \"dayjs\";\nimport \"dayjs/locale/zh-cn\";\n// import 'dayjs/locale/es';\nimport relativeTime from \"dayjs/plugin/relativeTime\";\nimport intl from \"react-intl-universal\";\nimport AvatarHoverCard from \"./AvatarHoverCard\";\nimport Comment from \"../../Comment\";\nimport CommentInput from \"../CommentInput\";\nimport avatar from \"../../avatar\";\nimport { renderContent } from \"../../helper\";\nimport { IMAGE_SPLIT } from \"../../constant\";\nimport \"./index.css\";\nimport ImagePreviewer from \"../ImagePreviewer/ImagePreviewer\";\n\n// dayjs.locale(\"zh-cn\");\ndayjs.extend(relativeTime);\n\nconst LOCALES = {\n  \"zh-CN\": \"zh-cn\"\n};\n\nclass CommentItem extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      showInput: false,\n      showPreviewer: false,\n      previewerIndex: 0,\n      popoverVisible: false\n    };\n    this.handleToggleInput = this.handleToggleInput.bind(this);\n    this.renderTextWithReply = this.renderTextWithReply.bind(this);\n    this.showPreviewer = this.showPreviewer.bind(this);\n    this.hidePreviewer = this.hidePreviewer.bind(this);\n    this.handleVisibleChange = this.handleVisibleChange.bind(this);\n    this.handleUserAvaClick = this.handleUserAvaClick.bind(this);\n  }\n\n  showPreviewer(index) {\n    this.setState({\n      showPreviewer: true,\n      previewerIndex: index\n    });\n  }\n\n  hidePreviewer() {\n    this.setState({\n      showPreviewer: false\n    });\n  }\n\n  handleToggleInput() {\n    this.setState({ showInput: !this.state.showInput });\n  }\n\n  handleVisibleChange(visible) {\n    this.setState({\n      popoverVisible: visible\n    });\n  }\n\n  handleUserAvaClick() {\n    const { user_id } = this.props;\n    const { userAvaClick } = this.props.app;\n    if (userAvaClick) {\n      userAvaClick(user_id);\n    }\n  }\n\n  renderTextWithReply(text, content) {\n    let newText = text;\n    const { reply } = content;\n    if (reply) {\n      // newText = `${newText} //@<a href=\"/${reply.user_id}\">${\n      //   reply.user_name\n      // }</a> ${reply.content}`;\n      newText = `${newText} //@${reply.user_name} ${reply.content}`;\n      // newText = (\n      //   <span>\n      //     {newText}\n      //     @<a href={`/${reply.user_id}`}>{reply.user_name}</a>{reply.content}\n      //   </span>\n      // )\n      if (reply.reply) {\n        return this.renderTextWithReply(newText, reply);\n      }\n    }\n    return newText;\n  }\n\n  render() {\n    const {\n      commentId,\n      replyId,\n      content,\n      action,\n      showReply,\n      onShowReply,\n      app,\n      user_id\n    } = this.props;\n\n    const { locale, showHoverCard } = this.props.app;\n    const { showInput } = this.state;\n\n    let newContent = content.content;\n    let images = \"\";\n    if (newContent.indexOf(IMAGE_SPLIT) !== -1) {\n      newContent = newContent.split(IMAGE_SPLIT);\n      images = newContent.pop();\n      newContent = newContent.join(\"\");\n    }\n\n    const imageList = images.split(\",\");\n\n    // 在3, 7前需要换行\n    const needClear =\n      imageList.length === 5 ||\n      imageList.length === 6 ||\n      imageList.length === 9;\n    const imgs = [...imageList];\n    if (needClear) {\n      if (imgs.length > 6) {\n        imgs.splice(3, 0, { type: \"divider\" });\n        imgs.splice(7, 0, { type: \"divider\" });\n      } else {\n        imgs.splice(3, 0, { type: \"divider\" });\n      }\n    }\n    const IconColor = content.favor_count > 0 ? \"#71C135\" : \"#4a90e2\";\n\n    return (\n      <div className=\"comment-item-box\">\n        <div className=\"comment-item-left\">\n          {showHoverCard ? (\n            <Popover\n              content={\n                <AvatarHoverCard\n                  {...this.props.app}\n                  user_id={user_id}\n                  handleVisibleChange={this.handleVisibleChange}\n                  image={content.user_avatar || avatar}\n                />\n              }\n              // placement={this.props.placement}\n              // trigger=\"click\"\n              visible={this.state.popoverVisible}\n              onVisibleChange={this.handleVisibleChange}\n              overlayClassName=\"avatar-hover-card-overlay\"\n            >\n              <div\n                className=\"comment-item-avatar\"\n                style={{\n                  backgroundImage: `url(${content.user_avatar || avatar})`\n                }}\n                onClick={this.handleUserAvaClick}\n              />\n            </Popover>\n          ) : (\n            <div\n              className=\"comment-item-avatar\"\n              style={{\n                backgroundImage: `url(${content.user_avatar || avatar})`\n              }}\n              onClick={this.handleUserAvaClick}\n            />\n          )}\n        </div>\n        <div className=\"comment-item-right\">\n          <div>\n            {/* <a href={`/${content.user_id}`}>\n              {content.user_name || \"暂无昵称\"}\n            </a> */}\n            <strong\n              onClick={this.handleUserAvaClick}\n              style={{ cursor: \"pointer\" }}\n            >\n              {content.user_name || intl.get(\"comment.tourist\")}\n            </strong>\n            <span style={{ marginLeft: 10 }}>\n              <Tooltip\n                placement=\"top\"\n                title={dayjs(content.created * 1000).format(\n                  \"YYYY-MM-DD HH:mm:ss\"\n                )}\n              >\n                {LOCALES[locale]\n                  ? dayjs(content.created * 1000)\n                      .locale(LOCALES[locale])\n                      .fromNow()\n                  : dayjs(content.created * 1000).fromNow()}\n              </Tooltip>\n            </span>\n          </div>\n          <div\n            className=\"comment-item-content\"\n            dangerouslySetInnerHTML={{\n              __html: renderContent(\n                this.renderTextWithReply(newContent, content)\n              )\n            }}\n          />\n          {// image为空时不渲染comment-item-image\n          imageList.length > 0 && imageList[0] !== \"\" && (\n            <div className=\"comment-item-image\">\n              {!this.state.showPreviewer &&\n                imgs.map((item, index) => {\n                  if (item.type === \"divider\") {\n                    return (\n                      <div className=\"comment-item-image-wrapper\" key={index}>\n                        <div className=\"comment-img-divider\" />\n                        {/* <img src={item} alt={item} className=\"comment-img\" /> */}\n                      </div>\n                    );\n                  }\n                  return (\n                    <div\n                      className=\"comment-item-image-wrapper\"\n                      key={index}\n                      onClick={() => {\n                        let i = index;\n                        if (needClear) {\n                          if (index > 3) {\n                            i -= 1;\n                          }\n                          if (index > 7) {\n                            i -= 1;\n                          }\n                        }\n                        this.showPreviewer(i);\n                      }}\n                    >\n                      <div\n                        style={{ backgroundImage: `url(${item})` }}\n                        className=\"comment-img-thumbnail\"\n                      />\n                      {/* <img src={item} alt={item} className=\"comment-img\" /> */}\n                    </div>\n                  );\n                })}\n              {this.state.showPreviewer && (\n                <ImagePreviewer\n                  list={imageList}\n                  index={this.state.previewerIndex}\n                  onFold={this.hidePreviewer}\n                />\n              )}\n              <div className=\"clearfix\" />\n            </div>\n          )}\n          <div className=\"comment-item-bottom\">\n            {content.reply_count ? (\n              <div>\n                <a className=\"comment-item-bottom-left\" onClick={onShowReply}>\n                  {/* {content.reply_count} 条回复 */}\n                  {intl.get(\"reply.totalReply\", { total: content.reply_count })}\n                  {showReply ? <Icon type=\"up\" /> : <Icon type=\"down\" />}\n                </a>\n              </div>\n            ) : null}\n            {app.userId === content.user_id && (\n              <Popconfirm\n                // title=\"确定要删除吗?\"\n                title={intl.get(\"popConfirm.title\")}\n                onConfirm={() => {\n                  if (replyId) {\n                    app.sDeleteReply(content.id, commentId);\n                    return;\n                  }\n                  app.sDeleteComment(content.id);\n                }}\n                okText={intl.get(\"popConfirm.ok\")}\n                cancelText={intl.get(\"popConfirm.cancel\")}\n              >\n                <a className=\"comment-item-bottom-right\">\n                  &nbsp; {intl.get(\"popConfirm.delete\")}\n                </a>\n              </Popconfirm>\n            )}\n            <a\n              onClick={this.handleToggleInput}\n              className=\"comment-item-bottom-right\"\n            >\n              &nbsp; {intl.get(\"comment.reply\")}\n            </a>\n            <div\n              className=\"comment-item-bottom-right\"\n              onClick={() => {\n                if (replyId) {\n                  // 如果有 replyId，则说明是评论的回复\n                  app.sReplyFavor(content.id, commentId, content.favored);\n                  return;\n                }\n                app.sCommentFavor(content.id, content.favored);\n              }}\n              style={{ color: `${IconColor}` }}\n            >\n              <Icon\n                type=\"like-o\"\n                className={\n                  content.favored\n                    ? \"comment-favor comment-favored\"\n                    : \"comment-favor\"\n                }\n                style={{ color: `${IconColor}` }}\n              />\n              &nbsp;{content.favor_count}\n            </div>\n          </div>\n        </div>\n\n        {showInput && (\n          <CommentInput\n            content={app.children}\n            action={action}\n            replyId={replyId}\n            commentId={commentId}\n            userId={content.user_id}\n            callback={this.handleToggleInput}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nCommentItem.propTypes = {\n  content: PropTypes.object.isRequired,\n  // comment 评论\n  // reply 评论的回复\n  // replyToReply 回复的回复\n  action: PropTypes.oneOf([\"comment\", \"reply\", \"replyToReply\"]),\n  onShowReply: PropTypes.func\n};\n\nCommentItem.defaultProps = {\n  action: \"comment\",\n  onShowReply: () => {}\n};\n\nexport default Comment(CommentItem);\n"]}