通用评论

index.js.map 8.0KB

1
  1. {"version":3,"sources":["../../../src/components/CommentInput/index.js"],"names":["CommentInput","props","state","value","fileList","fileMap","handleChange","bind","handleSubmit","handleChangeFileList","handleChangeEmoji","handleUpload","setState","emojiId","React","Children","forEach","content","child","onChange","uid","path","length","OSS_LINK","item","type","commentId","replyId","handleToggleInput","app","sCreateComment","sCreateReply","comment_id","reply_id","onSubmit","childrenWithProps","map","cloneElement","onChangeFileList","onChangeEmoji","onUpload","loading","border","color","padding","marginLeft","marginTop","Component","propTypes","PropTypes","oneOf","defaultProps"],"mappings":"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","file":"index.js","sourcesContent":["import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { OSS_LINK } from \"../../constant\";\nimport Comment from \"../../Comment\";\n\nclass CommentInput extends Component {\n constructor(props) {\n super(props);\n this.state = {\n value: \"\",\n\n fileList: [], // 图片列表\n fileMap: {} // 已经上传的图片路径和 uid 的映射 { uid: path }\n };\n this.handleChange = this.handleChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleChangeFileList = this.handleChangeFileList.bind(this);\n this.handleChangeEmoji = this.handleChangeEmoji.bind(this);\n this.handleUpload = this.handleUpload.bind(this);\n }\n\n handleChange(value) {\n this.setState({ value });\n }\n\n handleChangeFileList(fileList) {\n this.setState({ fileList });\n }\n\n handleChangeEmoji(emojiId) {\n let { value } = this.state;\n value += `[${emojiId}]`;\n this.setState({ value });\n React.Children.forEach(this.props.content, child => {\n // 如果 Editor 的父组件传入了 onChange 事件,则需要将改变之后的值传递给父组件\n if (child.props.onChange) {\n child.props.onChange(value);\n }\n });\n }\n\n handleUpload({ uid, path }) {\n const { fileMap } = this.state;\n fileMap[uid] = path;\n this.setState({ fileMap });\n }\n\n handleSubmit() {\n let { value, fileMap, fileList } = this.state;\n if (fileList.length) {\n value += \"<br/>\";\n fileList.forEach(item => {\n value += `[${OSS_LINK}${fileMap[item.uid]}]`;\n });\n }\n\n const { type, commentId, replyId, handleToggleInput } = this.props;\n if (type === \"normal\") {\n this.props.app.sCreateComment({\n content: value\n });\n } else if (type === \"comment\") {\n this.props.app.sCreateReply(\n {\n comment_id: commentId,\n content: value\n },\n () => handleToggleInput()\n );\n } else if (type === \"reply\") {\n this.props.app.sCreateReply(\n {\n comment_id: commentId,\n content: value,\n reply_id: replyId\n },\n () => handleToggleInput()\n );\n }\n\n React.Children.forEach(this.props.content, child => {\n // 如果 Editor 的父组件传入了 onSubmit 事件,则需要将改变之后的值传递给父组件\n if (child.props.onSubmit) {\n child.props.onSubmit(value);\n }\n });\n }\n\n render() {\n const { type } = this.props;\n const { value, fileList } = this.state;\n\n const childrenWithProps = React.Children.map(this.props.content, child => {\n return React.cloneElement(child, {\n value: value,\n fileList: fileList,\n onChange: this.handleChange,\n onSubmit: this.handleSubmit,\n onChangeFileList: this.handleChangeFileList,\n onChangeEmoji: this.handleChangeEmoji,\n onUpload: this.handleUpload,\n loading: this.props.app.loading.sCreateComment,\n ...child.props\n });\n });\n\n return (\n <div>\n {type === \"normal\" ? (\n <div>\n <span\n style={{\n border: \"1px solid #CECECE\",\n color: \"#666\",\n padding: \"2px 3px\"\n }}\n >\n 回复\n </span>\n <span style={{ marginLeft: \"20px\", color: \"#5198EB\" }}>\n 口碑\n <span style={{ marginLeft: \"20px\", color: \"#666666\" }}>\n (全站挑出毛病或提出合理建议,奖励10到100元红包)\n </span>\n </span>\n </div>\n ) : null}\n <div style={{ marginTop: 40 }}>{childrenWithProps}</div>\n </div>\n );\n }\n}\n\nCommentInput.propTypes = {\n // normal 有切换回复/口碑的 header ; comment 评论输入框 / reply 回复输入框\n type: PropTypes.oneOf([\"normal\", \"comment\", \"reply\"])\n};\n\nCommentInput.defaultProps = {\n type: \"normal\"\n};\n\nexport default Comment(CommentInput);\n"]}