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

{"version":3,"sources":["../../../src/components/CommentInput/index.js"],"names":["CommentInput","props","state","handleSubmit","bind","cb","text","files","value","length","IMAGE_SPLIT","forEach","file","substr","slice","action","commentId","replyId","userId","callback","app","sCreateComment","content","data","sCreateReply","comment_id","business_user_id","reply_id","childrenWithProps","React","Children","map","cloneElement","child","onSubmit","rows","Component","propTypes","PropTypes","oneOf","defaultProps"],"mappings":";;;;;;;;;;AAAA;;;;AACA;;;;AACA;;AACA;;;;;;;;;;;;IAEMA,Y;;;AACJ,wBAAYC,KAAZ,EAAmB;AAAA;;AAAA,4HACXA,KADW;;AAEjB,UAAKC,KAAL,GAAa,EAAb;AACA,UAAKC,YAAL,GAAoB,MAAKA,YAAL,CAAkBC,IAAlB,OAApB;AAHiB;AAIlB;;AAED;;;;;;;;;uCAK8BC,E,EAAI;AAAA,UAAnBC,IAAmB,QAAnBA,IAAmB;AAAA,UAAbC,KAAa,QAAbA,KAAa;;AAChC,UAAIC,QAAQF,IAAZ;AACA,UAAIC,SAASA,MAAME,MAAnB,EAA2B;AACzBD,iBAASE,qBAAT;AACAH,cAAMI,OAAN,CAAc,gBAAQ;AACpBH,mBAAYI,IAAZ;AACD,SAFD;AAGD;AACD,UAAIJ,MAAMK,MAAN,CAAa,CAAC,CAAd,MAAqB,GAAzB,EAA8B;AAC5BL,gBAAQA,MAAMM,KAAN,CAAY,CAAZ,EAAe,CAAC,CAAhB,CAAR;AACD;;AAV+B,mBAYyB,KAAKb,KAZ9B;AAAA,UAYxBc,MAZwB,UAYxBA,MAZwB;AAAA,UAYhBC,SAZgB,UAYhBA,SAZgB;AAAA,UAYLC,OAZK,UAYLA,OAZK;AAAA,UAYIC,MAZJ,UAYIA,MAZJ;AAAA,UAYYC,QAZZ,UAYYA,QAZZ;;AAahC,UAAIJ,WAAW,SAAf,EAA0B;AACxB,aAAKd,KAAL,CAAWmB,GAAX,CAAeC,cAAf,CACE;AACEC,mBAASd;AADX,SADF,EAIE;AAAA,iBAAQH,GAAGkB,IAAH,EAASR,MAAT,CAAR;AAAA,SAJF;AAMD,OAPD,MAOO,IAAIA,WAAW,OAAf,EAAwB;AAC7B,aAAKd,KAAL,CAAWmB,GAAX,CAAeI,YAAf,CACE;AACEC,sBAAYT,SADd;AAEEM,mBAASd,KAFX;AAGEkB,4BAAkBR;AAHpB,SADF,EAME,gBAAQ;AACNC,sBAAYA,SAASI,IAAT,CAAZ;AACAlB,aAAGkB,IAAH,EAASR,MAAT;AACD,SATH;AAWD,OAZM,MAYA,IAAIA,WAAW,cAAf,EAA+B;AACpC,aAAKd,KAAL,CAAWmB,GAAX,CAAeI,YAAf,CACE;AACEC,sBAAYT,SADd;AAEEM,mBAASd,KAFX;AAGEmB,oBAAUV,OAHZ;AAIES,4BAAkBR;AAJpB,SADF,EAOE,gBAAQ;AACNC,sBAAYA,SAASI,IAAT,CAAZ;AACAlB,aAAGkB,IAAH,EAASR,MAAT;AACD,SAVH;AAYD;AACF;;;6BAEQ;AAAA;;AACP,UAAMa,oBAAoBC,gBAAMC,QAAN,CAAeC,GAAf,CAAmB,KAAK9B,KAAL,CAAWqB,OAA9B,EAAuC,iBAAS;AACxE,eAAOO,gBAAMG,YAAN,CAAmBC,KAAnB;AACL;AACA;AACA;AACA;AACAC,oBAAU,OAAK/B;AALV,WAMF8B,MAAMhC,KANJ;AAOL;AACAkC,gBACE,OAAKlC,KAAL,CAAWc,MAAX,KAAsB,SAAtB,GACIkB,MAAMhC,KAAN,CAAYkC,IADhB,GAEIF,MAAMhC,KAAN,CAAYkC,IAAZ,GAAmB;AAXpB,WAAP;AAaD,OAdyB,CAA1B;;AAgBA,aAAO;AAAA;AAAA;AAAMP;AAAN,OAAP;AACD;;;;EA9EwBQ,gB;;AAiF3BpC,aAAaqC,SAAb,GAAyB;AACvB;AACA;AACA;AACAtB,UAAQuB,oBAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,cAArB,CAAhB;AAJe,CAAzB;;AAOAvC,aAAawC,YAAb,GAA4B;AAC1BzB,UAAQ;AADkB,CAA5B;;kBAIe,uBAAQf,YAAR,C","file":"index.js","sourcesContent":["import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { IMAGE_SPLIT } from \"../../constant\";\nimport Comment from \"../../Comment\";\n\nclass CommentInput extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {};\n    this.handleSubmit = this.handleSubmit.bind(this);\n  }\n\n  /**\n   * 提交评论\n   * @param {object} { text<string>, files<array> } 需要提交的评论的文本和图片\n   * @param {function} cb 提交成功后的回掉\n   */\n  handleSubmit({ text, files }, cb) {\n    let value = text;\n    if (files && files.length) {\n      value += IMAGE_SPLIT;\n      files.forEach(file => {\n        value += `${file},`;\n      });\n    }\n    if (value.substr(-1) === \",\") {\n      value = value.slice(0, -1);\n    }\n\n    const { action, commentId, replyId, userId, callback } = this.props;\n    if (action === \"comment\") {\n      this.props.app.sCreateComment(\n        {\n          content: value\n        },\n        data => cb(data, action)\n      );\n    } else if (action === \"reply\") {\n      this.props.app.sCreateReply(\n        {\n          comment_id: commentId,\n          content: value,\n          business_user_id: userId\n        },\n        data => {\n          callback && callback(data);\n          cb(data, action);\n        }\n      );\n    } else if (action === \"replyToReply\") {\n      this.props.app.sCreateReply(\n        {\n          comment_id: commentId,\n          content: value,\n          reply_id: replyId,\n          business_user_id: userId\n        },\n        data => {\n          callback && callback(data);\n          cb(data, action);\n        }\n      );\n    }\n  }\n\n  render() {\n    const childrenWithProps = React.Children.map(this.props.content, child => {\n      return React.cloneElement(child, {\n        // 编辑器本身不提交值，但 CommentInput 会提交\n        // CommentInput 主要是负责评论的业务逻辑，提交评论和回复\n        // 默认使用 CommentInput 的 onSubmit 来提交评论\n        // 但也可以使用 Editor 的 props 来覆盖 onSubmit\n        onSubmit: this.handleSubmit,\n        ...child.props,\n        // 如果当前的编辑器不是“评论”，则编辑器高度减小一些\n        rows:\n          this.props.action === \"comment\"\n            ? child.props.rows\n            : child.props.rows - 1\n      });\n    });\n\n    return <div>{childrenWithProps}</div>;\n  }\n}\n\nCommentInput.propTypes = {\n  // comment 评论\n  // reply 评论的回复\n  // replyToReply 回复的回复\n  action: PropTypes.oneOf([\"comment\", \"reply\", \"replyToReply\"])\n};\n\nCommentInput.defaultProps = {\n  action: \"comment\"\n};\n\nexport default Comment(CommentInput);\n"]}