| 1 |
- {"version":3,"sources":["../../../src/components/EditComment/EditComment.js"],"names":["EditComment","props","handleSubmit","bind","state","value","getInitValue","fileList","text","files","app","action","commentId","replyId","replyPage","onBeforeUpdateComment","length","IMAGE_SPLIT","forEach","file","thumbUrl","substr","slice","successCallback","handleClose","sUpdateComment","content","sUpdateReply","newContent","images","indexOf","split","pop","join","map","item","index","uid","renderTextWithReply","intl","get","newText","user_id","preRenderValue","setState","getEmojiToolIcon","getImageToolIcon","React","Component"],"mappings":"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","file":"EditComment.js","sourcesContent":["import React from \"react\";\nimport { Modal, Icon } from \"antd\";\nimport intl from \"react-intl-universal\";\nimport CommentInput from \"../CommentInput\";\nimport Editor from \"../Editor\";\nimport { IMAGE_SPLIT } from \"../../constant\";\nimport \"./EditComment.css\";\nimport Comment from \"../../Comment\";\nclass EditComment extends React.Component {\n constructor(props) {\n super(props);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.state = {\n value: this.getInitValue(props).value,\n fileList: this.getInitValue(props).fileList\n };\n }\n\n handleSubmit({ text = \"\", files = [] }) {\n const { fileList } = this.state;\n const { app, action, commentId, replyId, replyPage } = this.props;\n let value = text;\n app.onBeforeUpdateComment();\n if (fileList && fileList.length) {\n value += IMAGE_SPLIT;\n fileList.forEach(file => {\n value += `${file.thumbUrl},`;\n });\n }\n if (value.substr(-1) === \",\") {\n value = value.slice(0, -1);\n }\n // 成功回调，失败不自动关闭\n const successCallback = () => {\n this.props.handleClose();\n };\n if (action === \"comment\") {\n app.sUpdateComment({ commentId, content: value, successCallback });\n } else {\n app.sUpdateReply({\n commentId,\n content: value,\n replyId,\n replyPage,\n successCallback\n });\n }\n }\n\n getInitValue(props) {\n const { content } = props;\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 let fileList = [];\n if (images !== \"\") {\n fileList = images.split(\",\");\n fileList = fileList.map((item, index) => {\n return {\n thumbUrl: item,\n uid: index\n };\n });\n }\n const value = this.renderTextWithReply(newContent, content);\n return { value, fileList };\n }\n\n getEmojiToolIcon() {\n return (\n <div className=\"expression-btn-wrap\">\n <Icon type=\"smile\" className=\"icon\" />\n <span className=\"icon-tool-text\">{intl.get(\"bilingually.emoji\")}</span>\n </div>\n );\n }\n\n getImageToolIcon() {\n return (\n <div className=\"picture-btn-wrap\">\n <Icon type=\"picture\" className=\"icon\" />\n <span className=\"icon-tool-text\">{intl.get(\"bilingually.pic\")}</span>\n </div>\n );\n }\n\n renderTextWithReply(text, content) {\n let newText = text;\n // const { reply } = content;\n // if (reply) {\n // newText = `${newText} //@${reply.user_name} ${reply.content}`;\n // if (reply.reply) {\n // return this.renderTextWithReply(newText, reply);\n // }\n // }\n return newText;\n }\n\n render() {\n return (\n <Modal\n visible={true}\n footer={null}\n wrapClassName=\"editCommetModal\"\n onCancel={this.props.handleClose}\n >\n <div className=\"title\">{intl.get(\"comment.edit\")}</div>\n <CommentInput\n content={\n <Editor\n maxUpload={9}\n autoFocus\n // {...this.props.editorProps}\n action={this.props.action}\n replyId={this.props.replyId}\n commentId={this.props.commentId}\n userId={this.props.content.user_id}\n fileList={this.state.fileList}\n value={\n this.props.preRenderValue &&\n this.props.preRenderValue(this.state.value)\n }\n onChange={value => {\n this.setState({\n value\n });\n }}\n handleChangeFileList={fileList => {\n this.setState({\n fileList\n });\n }}\n onSubmit={this.handleSubmit}\n emojiToolIcon={this.getEmojiToolIcon()}\n imageToolIcon={this.getImageToolIcon()}\n emojiPopoverPlacement=\"bottom\"\n uploadPopoverPlacement=\"bottom\"\n btnSubmitText={intl.get(\"comment.update\")}\n />\n }\n />\n </Modal>\n );\n }\n}\n\nexport default Comment(EditComment);\n"]}
|
