{"version":3,"sources":["../../../src/components/Editor/index.js"],"names":["TextArea","Editor","props","state","showUpload","value","fileList","fileMap","handleChange","bind","handleClickEmoji","handleChangeFileList","handleShowUpload","handleUpload","handleSubmit","resetState","handleEmojiScroll","onRef","e","emoji","preventDefault","deltaY","next","prev","setState","onChange","uid","path","map","item","thumbUrl","OSS_LINK","maxLength","length","error","intl","get","files","forEach","push","beforeSubmit","Promise","resolve","text","then","res","onSubmit","onCommentSuccess","rows","showEmoji","closeUploadWhenBlur","maxUpload","btnLoading","btnDisabled","button","emojiToolIcon","imageToolIcon","autoFocus","placeholder","btnSubmitText","disabledSubmit","inputValue","count","target","width","node","zIndex","visible","minHeight","margin","showError","onError","color","fontWeight","React","cloneElement","onClick","marginLeft","Component","propTypes","PropTypes","number","string","bool","func","defaultProps"],"mappings":"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","file":"index.js","sourcesContent":["import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Icon, Button, Popover, Input, message } from \"antd\";\r\nimport classnames from \"classnames\";\r\nimport intl from \"react-intl-universal\";\r\nimport { OSS_LINK } from \"../../constant\";\r\nimport { isFunction } from \"../../helper\";\r\nimport Upload from \"./Upload\";\r\nimport Emoji from \"./Emoji\";\r\nimport \"./index.css\";\r\n\r\nconst { TextArea } = Input;\r\n\r\nclass Editor extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      showUpload: false,\r\n      value: \"\", // 编辑器里面的值\r\n\r\n      fileList: [], // 图片列表\r\n      fileMap: {} // 已经上传的图片路径和 uid 的映射 { uid: path }\r\n    };\r\n    this.handleChange = this.handleChange.bind(this);\r\n    this.handleClickEmoji = this.handleClickEmoji.bind(this);\r\n    this.handleChangeFileList = this.handleChangeFileList.bind(this);\r\n    this.handleShowUpload = this.handleShowUpload.bind(this);\r\n    this.handleUpload = this.handleUpload.bind(this);\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.resetState = this.resetState.bind(this);\r\n    this.handleEmojiScroll = this.handleEmojiScroll.bind(this);\r\n  }\r\n\r\n  componentDidMount() {\r\n    if (isFunction(this.props.onRef)) {\r\n      this.props.onRef(this);\r\n    }\r\n  }\r\n\r\n  handleEmojiScroll(e) {\r\n    if (!this.emoji) {\r\n      return;\r\n    }\r\n    e.preventDefault();\r\n    if (e.deltaY > 0) {\r\n      this.emoji.next();\r\n    } else if (e.deltaY < 0) {\r\n      this.emoji.prev();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 编辑器的值改变事件\r\n   * 将最新的值存储到 state 中\r\n   * @param {string} value 输入的值\r\n   */\r\n  handleChange(value) {\r\n    this.setState({ value });\r\n    if (this.props.onChange) {\r\n      this.props.onChange(value);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 点击 emoji 的事件\r\n   * 点击后，需要将改 emoji 插入到编辑器中\r\n   * 插入的值为 [emoji chinese name]\r\n   * 参数 emoji 即为 emoji chinese name\r\n   * @param {string}} emoji emoji 的中文，如 微笑\r\n   */\r\n  handleClickEmoji(emoji) {\r\n    let { value } = this.state;\r\n    value += `[${emoji}]`;\r\n    this.handleChange(value);\r\n  }\r\n\r\n  /**\r\n   * 监听文件列表改变事件\r\n   * @param {Array} fileList 文件列表\r\n   */\r\n  handleChangeFileList(fileList) {\r\n    this.setState({ fileList });\r\n  }\r\n\r\n  /**\r\n   * 控制上传 Popover 的显示和隐藏\r\n   * @param {boolean} showUpload 是否显示上传的 Popover\r\n   */\r\n  handleShowUpload(showUpload) {\r\n    if (typeof showUpload === \"boolean\") {\r\n      this.setState({ showUpload: showUpload });\r\n    } else {\r\n      this.setState({ showUpload: !this.state.showUpload });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 上传文件\r\n   * @param {object} param 文件对象\r\n   */\r\n  handleUpload({ uid, path }) {\r\n    const { fileMap } = this.state;\r\n    let { fileList } = this.state;\r\n    fileMap[uid] = path;\r\n    fileList = fileList.map(item => {\r\n      if (item.uid === uid) {\r\n        item.thumbUrl = OSS_LINK + path;\r\n      }\r\n      return item;\r\n    });\r\n    this.setState({ fileMap, fileList });\r\n  }\r\n\r\n  /**\r\n   * 提交编辑器内容\r\n   * 提交功能，交给父组件来实现\r\n   * 需要父组件传入 onSubmit\r\n   */\r\n  handleSubmit() {\r\n    const { maxLength } = this.props;\r\n    let { value, fileMap, fileList } = this.state;\r\n    if (value.length > maxLength) {\r\n      // message.error(`字数不得超过${maxLength}字`);\r\n      message.error(intl.get(\"editor.maxLength\", { maxLength }));\r\n      return;\r\n    }\r\n    const files = [];\r\n    if (fileList.length) {\r\n      fileList.forEach(item => {\r\n        if (!fileMap[item.uid]) {\r\n          return;\r\n        }\r\n        files.push(`${OSS_LINK}${fileMap[item.uid]}`);\r\n      });\r\n    }\r\n    if (this.props.beforeSubmit) {\r\n      Promise.resolve(this.props.beforeSubmit({ text: value, files })).then(\r\n        res => {\r\n          if (!(res === false)) {\r\n            this.props.onSubmit({ text: value, files }, () => {\r\n              this.resetState();\r\n              if (this.props.onCommentSuccess) {\r\n                this.props.onCommentSuccess();\r\n              }\r\n            });\r\n          }\r\n        }\r\n      );\r\n    } else {\r\n      this.props.onSubmit({ text: value, files }, () => {\r\n        this.resetState();\r\n        if (this.props.onCommentSuccess) {\r\n          this.props.onCommentSuccess();\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  resetState() {\r\n    this.setState({\r\n      showUpload: false,\r\n      value: \"\",\r\n      fileList: [],\r\n      fileMap: {}\r\n    });\r\n  }\r\n\r\n  render() {\r\n    const {\r\n      value,\r\n      // placeholder,\r\n      rows,\r\n      showEmoji,\r\n      showUpload,\r\n      closeUploadWhenBlur,\r\n      maxUpload,\r\n      // btnSubmitText,\r\n      btnLoading,\r\n      btnDisabled,\r\n      button,\r\n      emojiToolIcon,\r\n      imageToolIcon,\r\n      maxLength,\r\n      autoFocus\r\n    } = this.props;\r\n    let placeholder = this.props.placeholder || intl.get(\"editor.placeholder\");\r\n    let btnSubmitText = this.props.placeholder || intl.get(\"editor.SubmitBtn\");\r\n    const handleSubmit = this.handleSubmit;\r\n    const disabledSubmit =\r\n      btnDisabled ||\r\n      (!this.props.value && !this.state.value && !this.state.fileList.length);\r\n    const inputValue = value || this.state.value;\r\n    return (\r\n      <div className=\"comment-editor-container\">\r\n        <div\r\n          className={classnames({\r\n            \"comment-editor-toolbar\": true,\r\n            \"comment-editor-toolbar-error\": inputValue.length > maxLength\r\n          })}\r\n        >\r\n          {intl.get(\"editor.alreadyEntered\", {\r\n            count: inputValue.length,\r\n            maxLength\r\n          })}\r\n          {/* 已输入 {inputValue.length} / {maxLength} 字 */}\r\n        </div>\r\n        <div className=\"comment-editor\">\r\n          <TextArea\r\n            value={inputValue}\r\n            onChange={e => this.handleChange(e.target.value)}\r\n            rows={rows}\r\n            placeholder={placeholder}\r\n            autoFocus={autoFocus}\r\n          />\r\n\r\n          <div className=\"comment-toolbar\">\r\n            <div className=\"comment-toolbar-left\">\r\n              {showEmoji && (\r\n                <Popover\r\n                  trigger=\"click\"\r\n                  placement=\"bottomLeft\"\r\n                  autoAdjustOverflow={false}\r\n                  content={\r\n                    <div\r\n                      style={{ width: 240 }}\r\n                      onWheel={this.handleEmojiScroll}\r\n                    >\r\n                      <Emoji\r\n                        onClick={this.handleClickEmoji}\r\n                        ref={node => {\r\n                          this.emoji = node;\r\n                        }}\r\n                      />\r\n                    </div>\r\n                  }\r\n                  overlayClassName=\"comment-emoji-popover\"\r\n                >\r\n                  {emojiToolIcon || (\r\n                    <Icon type=\"smile-o\" className=\"comment-toolbar-icon\" />\r\n                  )}\r\n                </Popover>\r\n              )}\r\n\r\n              {showUpload ? (\r\n                <Popover\r\n                  trigger=\"click\"\r\n                  // TODO: 针对非 react.js，直接使用 click 事件来控制展开或关闭\r\n                  // visible={this.state.showUpload}\r\n                  overlayStyle={{ zIndex: 999 }}\r\n                  onVisibleChange={\r\n                    closeUploadWhenBlur\r\n                      ? visible => {\r\n                          this.handleShowUpload(visible);\r\n                        }\r\n                      : null\r\n                  }\r\n                  content={\r\n                    <div\r\n                      style={{\r\n                        width: 336, // 一行显示3张\r\n                        minHeight: 100,\r\n                        margin: \"0 auto\"\r\n                      }}\r\n                    >\r\n                      <Upload\r\n                        onChangeFileList={this.handleChangeFileList}\r\n                        onUpload={this.handleUpload}\r\n                        maxUpload={maxUpload}\r\n                        fileList={this.state.fileList}\r\n                        showError={this.props.showError}\r\n                        onError={this.props.onError}\r\n                      />\r\n                      <div className=\"clearfix\" />\r\n                    </div>\r\n                  }\r\n                  placement=\"bottomLeft\"\r\n                  title={\r\n                    <div style={{ margin: \"5px auto\" }}>\r\n                      <span>\r\n                        {intl.get(\"editor.uploadTip\")}\r\n                        {maxUpload >= 2 ? (\r\n                          <span style={{ color: \"#666\", fontWeight: 400 }}>\r\n                            (您还能上传\r\n                            {maxUpload - this.state.fileList.length}\r\n                            张图片)\r\n                          </span>\r\n                        ) : null}\r\n                      </span>\r\n                      {/* 因为是点击别的区域关闭，所以不用右上角的 Icon */}\r\n                      {/* <Icon\r\n                        type=\"close\"\r\n                        onClick={() => this.handleShowUpload(false)}\r\n                        style={{\r\n                          float: \"right\",\r\n                          cursor: \"pointer\",\r\n                          marginTop: 4\r\n                        }}\r\n                      /> */}\r\n                    </div>\r\n                  }\r\n                >\r\n                  {imageToolIcon ? (\r\n                    React.cloneElement(imageToolIcon, {\r\n                      onClick: () => this.handleShowUpload(true)\r\n                    })\r\n                  ) : (\r\n                    <Icon\r\n                      type=\"picture\"\r\n                      className=\"comment-toolbar-icon\"\r\n                      style={{ marginLeft: 10 }}\r\n                      onClick={() => this.handleShowUpload(true)}\r\n                    />\r\n                  )}\r\n                </Popover>\r\n              ) : null}\r\n            </div>\r\n\r\n            <div className=\"comment-toolbar-right\">\r\n              {button ? (\r\n                React.cloneElement(button, {\r\n                  onClick: button.props.onClick || handleSubmit\r\n                })\r\n              ) : (\r\n                <Button\r\n                  onClick={() => this.handleSubmit()}\r\n                  type=\"primary\"\r\n                  loading={btnLoading}\r\n                  disabled={disabledSubmit}\r\n                >\r\n                  {btnSubmitText}\r\n                </Button>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nEditor.propTypes = {\r\n  rows: PropTypes.number,\r\n  placeholder: PropTypes.string,\r\n  showEmoji: PropTypes.bool,\r\n  showUpload: PropTypes.bool,\r\n  closeUploadWhenBlur: PropTypes.bool,\r\n  maxUpload: PropTypes.number,\r\n  value: PropTypes.string,\r\n  onChange: PropTypes.func,\r\n  onSubmit: PropTypes.func,\r\n  beforeSubmit: PropTypes.func,\r\n  btnSubmitText: PropTypes.string,\r\n  btnLoading: PropTypes.bool,\r\n  btnDisabled: PropTypes.bool,\r\n  button: PropTypes.node,\r\n  emojiToolIcon: PropTypes.node,\r\n  imageToolIcon: PropTypes.node,\r\n  showError: PropTypes.bool,\r\n  onError: PropTypes.func,\r\n  maxLength: PropTypes.number\r\n};\r\n\r\nEditor.defaultProps = {\r\n  rows: 5,\r\n  // placeholder: \"说点什么吧\",\r\n  showEmoji: true,\r\n  showUpload: true,\r\n  closeUploadWhenBlur: false,\r\n  maxUpload: 1,\r\n  // btnSubmitText: \"发表\",\r\n  btnLoading: false,\r\n  btnDisabled: false,\r\n  showError: true,\r\n  maxLength: 140\r\n};\r\n\r\nexport default Editor;\r\n"]}