{"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","onRef","setState","onChange","emoji","uid","path","files","length","forEach","push","OSS_LINK","item","onSubmit","text","placeholder","rows","showEmoji","closeUploadWhenBlur","maxUpload","btnSubmitText","btnLoading","btnDisabled","button","emojiToolIcon","imageToolIcon","disabledSubmit","e","target","width","zIndex","minHeight","margin","color","fontWeight","float","cursor","marginTop","React","cloneElement","onClick","marginLeft","Component","propTypes","PropTypes","number","string","bool","func","node","defaultProps"],"mappings":"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","file":"index.js","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Icon, Button, Popover, Input } from \"antd\";\nimport { OSS_LINK } from \"../../constant\";\nimport { isFunction } from \"../../helper\";\nimport Upload from \"./Upload\";\nimport Emoji from \"./Emoji\";\nimport \"./index.css\";\n\nconst { TextArea } = Input;\n\nclass Editor extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      showUpload: false,\n      value: \"\", // 编辑器里面的值\n\n      fileList: [], // 图片列表\n      fileMap: {} // 已经上传的图片路径和 uid 的映射 { uid: path }\n    };\n    this.handleChange = this.handleChange.bind(this);\n    this.handleClickEmoji = this.handleClickEmoji.bind(this);\n    this.handleChangeFileList = this.handleChangeFileList.bind(this);\n    this.handleShowUpload = this.handleShowUpload.bind(this);\n    this.handleUpload = this.handleUpload.bind(this);\n    this.handleSubmit = this.handleSubmit.bind(this);\n    this.resetState = this.resetState.bind(this);\n  }\n\n  componentDidMount() {\n    if (isFunction(this.props.onRef)) {\n      this.props.onRef(this);\n    }\n  }\n\n  /**\n   * 编辑器的值改变事件\n   * 将最新的值存储到 state 中\n   * @param {string} value 输入的值\n   */\n  handleChange(value) {\n    this.setState({ value });\n    if (this.props.onChange) {\n      this.props.onChange(value);\n    }\n  }\n\n  /**\n   * 点击 emoji 的事件\n   * 点击后，需要将改 emoji 插入到编辑器中\n   * 插入的值为 [emoji chinese name]\n   * 参数 emoji 即为 emoji chinese name\n   * @param {string}} emoji emoji 的中文，如 微笑\n   */\n  handleClickEmoji(emoji) {\n    let { value } = this.state;\n    value += `[${emoji}]`;\n    this.handleChange(value);\n  }\n\n  /**\n   * 监听文件列表改变事件\n   * @param {Array} fileList 文件列表\n   */\n  handleChangeFileList(fileList) {\n    this.setState({ fileList });\n  }\n\n  /**\n   * 控制上传 Popover 的显示和隐藏\n   * @param {boolean} showUpload 是否显示上传的 Popover\n   */\n  handleShowUpload(showUpload) {\n    if (typeof showUpload === \"boolean\") {\n      this.setState({ showUpload: showUpload });\n    } else {\n      this.setState({ showUpload: !this.state.showUpload });\n    }\n  }\n\n  /**\n   * 上传文件\n   * @param {object} param 文件对象\n   */\n  handleUpload({ uid, path }) {\n    const { fileMap } = this.state;\n    fileMap[uid] = path;\n    this.setState({ fileMap });\n  }\n\n  /**\n   * 提交编辑器内容\n   * 提交功能，交给父组件来实现\n   * 需要父组件传入 onSubmit\n   */\n  handleSubmit() {\n    let { value, fileMap, fileList } = this.state;\n    const files = [];\n    if (fileList.length) {\n      fileList.forEach(item => {\n        files.push(`${OSS_LINK}${fileMap[item.uid]}`);\n      });\n    }\n    this.props.onSubmit({ text: value, files }, () => {\n      this.resetState();\n    });\n  }\n\n  resetState() {\n    this.setState({\n      showUpload: false,\n      value: \"\",\n      fileList: [],\n      fileMap: {}\n    });\n  }\n\n  render() {\n    const {\n      value,\n      placeholder,\n      rows,\n      showEmoji,\n      showUpload,\n      closeUploadWhenBlur,\n      maxUpload,\n      btnSubmitText,\n      btnLoading,\n      btnDisabled,\n      button,\n      emojiToolIcon,\n      imageToolIcon\n    } = this.props;\n    const handleSubmit = this.handleSubmit;\n    const disabledSubmit =\n      btnDisabled ||\n      (!this.props.value && !this.state.value && !this.state.fileList.length);\n    return (\n      <div className=\"comment-editor\">\n        <TextArea\n          value={value || this.state.value}\n          onChange={e => this.handleChange(e.target.value)}\n          rows={rows}\n          placeholder={placeholder}\n        />\n\n        <div className=\"comment-toolbar\">\n          <div className=\"comment-toolbar-left\">\n            {showEmoji && (\n              <Popover\n                trigger=\"click\"\n                placement=\"bottomLeft\"\n                autoAdjustOverflow={false}\n                content={\n                  <div style={{ width: 200 }}>\n                    <Emoji onClick={this.handleClickEmoji} />\n                  </div>\n                }\n                overlayClassName=\"comment-emoji-popover\"\n              >\n                {emojiToolIcon || (\n                  <Icon type=\"smile-o\" className=\"comment-toolbar-icon\" />\n                )}\n              </Popover>\n            )}\n\n            {showUpload ? (\n              closeUploadWhenBlur ? (\n                <Popover\n                trigger='click'\n                overlayStyle={{ zIndex: 999 }}\n                content={\n                  <div\n                    style={{\n                      width: 112 * maxUpload,\n                      minHeight: 100,\n                      margin: \"0 auto\"\n                    }}\n                  >\n                    <Upload\n                      onChangeFileList={this.handleChangeFileList}\n                      onUpload={this.handleUpload}\n                      maxUpload={maxUpload}\n                      fileList={this.state.fileList}\n                    />\n                  </div>\n                }\n                placement=\"bottomLeft\"\n                title={\n                  <div style={{ margin: \"5px auto\" }}>\n                    <span>\n                      上传图片\n                      {maxUpload >= 2 ? (\n                        <span style={{ color: \"#666\", fontWeight: 400 }}>\n                          (您还能上传{maxUpload - this.state.fileList.length}张图片)\n                        </span>\n                      ) : null}\n                    </span>\n                    <Icon\n                      type=\"close\"\n                      onClick={() => this.handleShowUpload(false)}\n                      style={{\n                        float: \"right\",\n                        cursor: \"pointer\",\n                        marginTop: 4\n                      }}\n                    />\n                  </div>\n                }\n              >\n                {imageToolIcon ? (\n                  React.cloneElement(imageToolIcon, {\n                    onClick: () => this.handleShowUpload(true)\n                  })\n                ) : (\n                  <Icon\n                    type=\"picture\"\n                    className=\"comment-toolbar-icon\"\n                    style={{ marginLeft: 10 }}\n                    onClick={() => this.handleShowUpload(true)}\n                  />\n                )}\n              </Popover>\n              ) : (\n              <Popover\n                visible={this.state.showUpload}\n                overlayStyle={{ zIndex: 999 }}\n                content={\n                  <div\n                    style={{\n                      width: 112 * maxUpload,\n                      minHeight: 100,\n                      margin: \"0 auto\"\n                    }}\n                  >\n                    <Upload\n                      onChangeFileList={this.handleChangeFileList}\n                      onUpload={this.handleUpload}\n                      maxUpload={maxUpload}\n                      fileList={this.state.fileList}\n                    />\n                  </div>\n                }\n                placement=\"bottomLeft\"\n                title={\n                  <div style={{ margin: \"5px auto\" }}>\n                    <span>\n                      上传图片\n                      {maxUpload >= 2 ? (\n                        <span style={{ color: \"#666\", fontWeight: 400 }}>\n                          (您还能上传{maxUpload - this.state.fileList.length}张图片)\n                        </span>\n                      ) : null}\n                    </span>\n                    <Icon\n                      type=\"close\"\n                      onClick={() => this.handleShowUpload(false)}\n                      style={{\n                        float: \"right\",\n                        cursor: \"pointer\",\n                        marginTop: 4\n                      }}\n                    />\n                  </div>\n                }\n              >\n                {imageToolIcon ? (\n                  React.cloneElement(imageToolIcon, {\n                    onClick: () => this.handleShowUpload(true)\n                  })\n                ) : (\n                  <Icon\n                    type=\"picture\"\n                    className=\"comment-toolbar-icon\"\n                    style={{ marginLeft: 10 }}\n                    onClick={() => this.handleShowUpload(true)}\n                  />\n                )}\n              </Popover>)\n            ) : null}\n          </div>\n\n          <div className=\"comment-toolbar-right\">\n            {button ? (\n              React.cloneElement(button, {\n                onClick: button.props.onClick || handleSubmit\n              })\n            ) : (\n              <Button\n                onClick={() => this.handleSubmit()}\n                type=\"primary\"\n                loading={btnLoading}\n                disabled={disabledSubmit}\n              >\n                {btnSubmitText}\n              </Button>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nEditor.propTypes = {\n  rows: PropTypes.number,\n  placeholder: PropTypes.string,\n  showEmoji: PropTypes.bool,\n  showUpload: PropTypes.bool,\n  closeUploadWhenBlur: PropTypes.bool,\n  maxUpload: PropTypes.number,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  onSubmit: PropTypes.func,\n  btnSubmitText: PropTypes.string,\n  btnLoading: PropTypes.bool,\n  btnDisabled: PropTypes.bool,\n  button: PropTypes.node,\n  emojiToolIcon: PropTypes.node,\n  imageToolIcon: PropTypes.node\n};\n\nEditor.defaultProps = {\n  rows: 5,\n  placeholder: \"说点什么吧...\",\n  showEmoji: true,\n  showUpload: true,\n  closeUploadWhenBlur: false,\n  maxUpload: 1,\n  btnSubmitText: \"发表\",\n  btnLoading: false,\n  btnDisabled: false\n};\n\nexport default Editor;\n"]}