| 1 |
- {"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","multiple","emojiPopoverPlacement","closeUploadWhenBlur","maxUpload","btnLoading","btnDisabled","button","emojiToolIcon","imageToolIcon","autoFocus","placeholder","btnSubmitText","disabledSubmit","inputValue","target","width","node","zIndex","visible","minHeight","margin","showError","onError","color","fontWeight","count","React","cloneElement","onClick","marginLeft","Component","propTypes","PropTypes","number","string","bool","func","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;AACA;;AACA;;;;AACA;;;;AACA;;;;;;;;;;IAEQA,Q,mBAAAA,Q;;IAEFC,M;;;AACJ,kBAAYC,KAAZ,EAAmB;AAAA;;AAAA,gHACXA,KADW;;AAEjB,UAAKC,KAAL,GAAa;AACXC,kBAAY,KADD;AAEXC,aAAO,EAFI,EAEA;;AAEXC,gBAAU,EAJC,EAIG;AACdC,eAAS,EALE,CAKC;AALD,KAAb;AAOA,UAAKC,YAAL,GAAoB,MAAKA,YAAL,CAAkBC,IAAlB,OAApB;AACA,UAAKC,gBAAL,GAAwB,MAAKA,gBAAL,CAAsBD,IAAtB,OAAxB;AACA,UAAKE,oBAAL,GAA4B,MAAKA,oBAAL,CAA0BF,IAA1B,OAA5B;AACA,UAAKG,gBAAL,GAAwB,MAAKA,gBAAL,CAAsBH,IAAtB,OAAxB;AACA,UAAKI,YAAL,GAAoB,MAAKA,YAAL,CAAkBJ,IAAlB,OAApB;AACA,UAAKK,YAAL,GAAoB,MAAKA,YAAL,CAAkBL,IAAlB,OAApB;AACA,UAAKM,UAAL,GAAkB,MAAKA,UAAL,CAAgBN,IAAhB,OAAlB;AACA,UAAKO,iBAAL,GAAyB,MAAKA,iBAAL,CAAuBP,IAAvB,OAAzB;AAhBiB;AAiBlB;;;;wCAEmB;AAClB,UAAI,wBAAW,KAAKP,KAAL,CAAWe,KAAtB,CAAJ,EAAkC;AAChC,aAAKf,KAAL,CAAWe,KAAX,CAAiB,IAAjB;AACD;AACF;;;sCAEiBC,C,EAAG;AACnB,UAAI,CAAC,KAAKC,KAAV,EAAiB;AACf;AACD;AACDD,QAAEE,cAAF;AACA,UAAIF,EAAEG,MAAF,GAAW,CAAf,EAAkB;AAChB,aAAKF,KAAL,CAAWG,IAAX;AACD,OAFD,MAEO,IAAIJ,EAAEG,MAAF,GAAW,CAAf,EAAkB;AACvB,aAAKF,KAAL,CAAWI,IAAX;AACD;AACF;;AAED;;;;;;;;iCAKalB,K,EAAO;AAClB,WAAKmB,QAAL,CAAc,EAAEnB,YAAF,EAAd;AACA,UAAI,KAAKH,KAAL,CAAWuB,QAAf,EAAyB;AACvB,aAAKvB,KAAL,CAAWuB,QAAX,CAAoBpB,KAApB;AACD;AACF;;AAED;;;;;;;;;;qCAOiBc,K,EAAO;AAAA,UAChBd,KADgB,GACN,KAAKF,KADC,CAChBE,KADgB;;AAEtBA,qBAAac,KAAb;AACA,WAAKX,YAAL,CAAkBH,KAAlB;AACD;;AAED;;;;;;;yCAIqBC,Q,EAAU;AAC7B,WAAKkB,QAAL,CAAc,EAAElB,kBAAF,EAAd;AACD;;AAED;;;;;;;qCAIiBF,U,EAAY;AAC3B,UAAI,OAAOA,UAAP,KAAsB,SAA1B,EAAqC;AACnC,aAAKoB,QAAL,CAAc,EAAEpB,YAAYA,UAAd,EAAd;AACD,OAFD,MAEO;AACL,aAAKoB,QAAL,CAAc,EAAEpB,YAAY,CAAC,KAAKD,KAAL,CAAWC,UAA1B,EAAd;AACD;AACF;;AAED;;;;;;;uCAI4B;AAAA,UAAbsB,GAAa,QAAbA,GAAa;AAAA,UAARC,IAAQ,QAARA,IAAQ;AAAA,UAClBpB,OADkB,GACN,KAAKJ,KADC,CAClBI,OADkB;AAAA,UAEpBD,QAFoB,GAEP,KAAKH,KAFE,CAEpBG,QAFoB;;AAG1BC,cAAQmB,GAAR,IAAeC,IAAf;AACArB,iBAAWA,SAASsB,GAAT,CAAa,gBAAQ;AAC9B,YAAIC,KAAKH,GAAL,KAAaA,GAAjB,EAAsB;AACpBG,eAAKC,QAAL,GAAgBC,qBAAWJ,IAA3B;AACD;AACD,eAAOE,IAAP;AACD,OALU,CAAX;AAMA,WAAKL,QAAL,CAAc,EAAEjB,gBAAF,EAAWD,kBAAX,EAAd;AACD;;AAED;;;;;;;;mCAKe;AAAA;;AAAA,UACL0B,SADK,GACS,KAAK9B,KADd,CACL8B,SADK;AAAA,mBAEsB,KAAK7B,KAF3B;AAAA,UAEPE,KAFO,UAEPA,KAFO;AAAA,UAEAE,OAFA,UAEAA,OAFA;AAAA,UAESD,QAFT,UAESA,QAFT;;AAGb,UAAID,MAAM4B,MAAN,GAAeD,SAAnB,EAA8B;AAC5B;AACA,0BAAQE,KAAR,CAAcC,6BAAKC,GAAL,CAAS,kBAAT,EAA6B,EAAEJ,oBAAF,EAA7B,CAAd;AACA;AACD;AACD,UAAMK,QAAQ,EAAd;AACA,UAAI/B,SAAS2B,MAAb,EAAqB;AACnB3B,iBAASgC,OAAT,CAAiB,gBAAQ;AACvB,cAAI,CAAC/B,QAAQsB,KAAKH,GAAb,CAAL,EAAwB;AACtB;AACD;AACDW,gBAAME,IAAN,MAAcR,kBAAd,GAAyBxB,QAAQsB,KAAKH,GAAb,CAAzB;AACD,SALD;AAMD;AACD,UAAI,KAAKxB,KAAL,CAAWsC,YAAf,EAA6B;AAC3BC,gBAAQC,OAAR,CAAgB,KAAKxC,KAAL,CAAWsC,YAAX,CAAwB,EAAEG,MAAMtC,KAAR,EAAegC,YAAf,EAAxB,CAAhB,EAAiEO,IAAjE,CACE,eAAO;AACL,cAAI,EAAEC,QAAQ,KAAV,CAAJ,EAAsB;AACpB,mBAAK3C,KAAL,CAAW4C,QAAX,CAAoB,EAAEH,MAAMtC,KAAR,EAAegC,YAAf,EAApB,EAA4C,YAAM;AAChD,qBAAKtB,UAAL;AACA,kBAAI,OAAKb,KAAL,CAAW6C,gBAAf,EAAiC;AAC/B,uBAAK7C,KAAL,CAAW6C,gBAAX;AACD;AACF,aALD;AAMD;AACF,SAVH;AAYD,OAbD,MAaO;AACL,aAAK7C,KAAL,CAAW4C,QAAX,CAAoB,EAAEH,MAAMtC,KAAR,EAAegC,YAAf,EAApB,EAA4C,YAAM;AAChD,iBAAKtB,UAAL;AACA,cAAI,OAAKb,KAAL,CAAW6C,gBAAf,EAAiC;AAC/B,mBAAK7C,KAAL,CAAW6C,gBAAX;AACD;AACF,SALD;AAMD;AACF;;;iCAEY;AACX,WAAKvB,QAAL,CAAc;AACZpB,oBAAY,KADA;AAEZC,eAAO,EAFK;AAGZC,kBAAU,EAHE;AAIZC,iBAAS;AAJG,OAAd;AAMD;;;6BAEQ;AAAA;;AAAA,mBAmBH,KAAKL,KAnBF;AAAA,UAELG,KAFK,UAELA,KAFK;AAAA,UAIL2C,IAJK,UAILA,IAJK;AAAA,UAKLC,SALK,UAKLA,SALK;AAAA,UAML7C,UANK,UAMLA,UANK;AAAA,UAOL8C,QAPK,UAOLA,QAPK;AAAA,UAQLC,qBARK,UAQLA,qBARK;AAAA,UASLC,mBATK,UASLA,mBATK;AAAA,UAULC,SAVK,UAULA,SAVK;AAAA,UAYLC,UAZK,UAYLA,UAZK;AAAA,UAaLC,WAbK,UAaLA,WAbK;AAAA,UAcLC,MAdK,UAcLA,MAdK;AAAA,UAeLC,aAfK,UAeLA,aAfK;AAAA,UAgBLC,aAhBK,UAgBLA,aAhBK;AAAA,UAiBL1B,SAjBK,UAiBLA,SAjBK;AAAA,UAkBL2B,SAlBK,UAkBLA,SAlBK;;AAoBP,UAAIC,cAAc,KAAK1D,KAAL,CAAW0D,WAAX,IAA0BzB,6BAAKC,GAAL,CAAS,oBAAT,CAA5C;AACA,UAAIyB,gBACF,KAAK3D,KAAL,CAAW2D,aAAX,IAA4B1B,6BAAKC,GAAL,CAAS,kBAAT,CAD9B;AAEA,UAAMtB,eAAe,KAAKA,YAA1B;AACA,UAAMgD,iBACJP,eACC,CAAC,KAAKrD,KAAL,CAAWG,KAAZ,IAAqB,CAAC,KAAKF,KAAL,CAAWE,KAAjC,IAA0C,CAAC,KAAKF,KAAL,CAAWG,QAAX,CAAoB2B,MAFlE;AAGA,UAAM8B,aAAa1D,SAAS,KAAKF,KAAL,CAAWE,KAAvC;AACA,aACE;AAAA;AAAA,UAAK,WAAU,0BAAf;AACE;AACE,qBAAW,0BAAW;AACpB,sCAA0B,IADN;AAEpB,4CAAgC0D,WAAW9B,MAAX,GAAoBD;AAFhC,WAAX;AADb,UADF;AAYE;AAAA;AAAA,YAAK,WAAU,gBAAf;AACE,wCAAC,QAAD;AACE,mBAAO+B,UADT;AAEE,sBAAU;AAAA,qBAAK,OAAKvD,YAAL,CAAkBU,EAAE8C,MAAF,CAAS3D,KAA3B,CAAL;AAAA,aAFZ;AAGE,kBAAM2C,IAHR;AAIE,yBAAaY,WAJf;AAKE,uBAAWD;AALb,YADF;AASE;AAAA;AAAA,cAAK,WAAU,iBAAf;AACE;AAAA;AAAA,gBAAK,WAAU,sBAAf;AACGV,2BACC;AAAA;AAAA;AACE,2BAAQ,OADV;AAEE,6BAAWE,qBAFb;AAGE,sCAAoB,KAHtB;AAIE,2BACE;AAAA;AAAA;AACE,6BAAO,EAAEc,OAAO,GAAT,EADT;AAEE,+BAAS,KAAKjD;AAFhB;AAIE,kDAAC,eAAD;AACE,+BAAS,KAAKN,gBADhB;AAEE,2BAAK,mBAAQ;AACX,+BAAKS,KAAL,GAAa+C,IAAb;AACD;AAJH;AAJF,mBALJ;AAiBE,oCAAiB;AAjBnB;AAmBGT,iCACC,gDAAM,MAAK,SAAX,EAAqB,WAAU,sBAA/B;AApBJ,eAFJ;AA2BGrD,2BACC;AAAA;AAAA;AACE,2BAAQ;AACR;AACA;AAHF,oBAIE,cAAc,EAAE+D,QAAQ,GAAV,EAJhB;AAKE,mCACEf,sBACI,mBAAW;AACT,2BAAKxC,gBAAL,CAAsBwD,OAAtB;AACD,mBAHL,GAII,IAVR;AAYE,2BACE;AAAA;AAAA;AACE,6BAAO;AACLH,+BAAO,GADF,EACO;AACZI,mCAAW,GAFN;AAGLC,gCAAQ;AAHH;AADT;AAOE,kDAAC,gBAAD;AACE,gCAAUpB,QADZ;AAEE,wCAAkB,KAAKvC,oBAFzB;AAGE,gCAAU,KAAKE,YAHjB;AAIE,iCAAWwC,SAJb;AAKE,gCAAU,KAAKlD,KAAL,CAAWG,QALvB;AAME,iCAAW,KAAKJ,KAAL,CAAWqE,SANxB;AAOE,+BAAS,KAAKrE,KAAL,CAAWsE;AAPtB,sBAPF;AAgBE,2DAAK,WAAU,UAAf;AAhBF,mBAbJ;AAgCE,6BAAU,YAhCZ;AAiCE,yBACE;AAAA;AAAA,sBAAK,OAAO,EAAEF,QAAQ,UAAV,EAAZ;AACE;AAAA;AAAA;AACGnC,mDAAKC,GAAL,CAAS,kBAAT,CADH;AAEGiB,mCAAa,CAAb,GACC;AAAA;AAAA,0BAAM,OAAO,EAAEoB,OAAO,MAAT,EAAiBC,YAAY,GAA7B,EAAb;AACGvC,qDAAKC,GAAL,CAAS,oBAAT,EAA+B;AAC9BuC,iCAAOtB,YAAY,KAAKlD,KAAL,CAAWG,QAAX,CAAoB2B;AADT,yBAA/B;AADH,uBADD,GAMG;AARN;AADF;AAlCJ;AA0DGyB,gCACCkB,gBAAMC,YAAN,CAAmBnB,aAAnB,EAAkC;AAChCoB,2BAAS;AAAA,2BAAM,OAAKlE,gBAAL,CAAsB,IAAtB,CAAN;AAAA;AADuB,iBAAlC,CADD,GAKC;AACE,wBAAK,SADP;AAEE,6BAAU,sBAFZ;AAGE,yBAAO,EAAEmE,YAAY,EAAd,EAHT;AAIE,2BAAS;AAAA,2BAAM,OAAKnE,gBAAL,CAAsB,IAAtB,CAAN;AAAA;AAJX;AA/DJ,eADD,GAwEG;AAnGN,aADF;AAuGE;AAAA;AAAA,gBAAK,WAAU,uBAAf;AACG4C,uBACCoB,gBAAMC,YAAN,CAAmBrB,MAAnB,EAA2B;AACzBsB,yBAAStB,OAAOtD,KAAP,CAAa4E,OAAb,IAAwBhE;AADR,eAA3B,CADD,GAKC;AAAA;AAAA;AACE,2BAAS;AAAA,2BAAM,OAAKA,YAAL,EAAN;AAAA,mBADX;AAEE,wBAAK,SAFP;AAGE,2BAASwC,UAHX;AAIE,4BAAUQ;AAJZ;AAMGD;AANH;AANJ;AAvGF;AATF;AAZF,OADF;AAiJD;;;;EAvUkBe,gBAAMI,S;;AA0U3B/E,OAAOgF,SAAP,GAAmB;AACjBjC,QAAMkC,oBAAUC,MADC;AAEjBvB,eAAasB,oBAAUE,MAFN;AAGjBnC,aAAWiC,oBAAUG,IAHJ;AAIjBlC,yBAAuB+B,oBAAUE,MAJhB;AAKjBhF,cAAY8E,oBAAUG,IALL;AAMjBnC,YAAUgC,oBAAUG,IANH;AAOjBjC,uBAAqB8B,oBAAUG,IAPd;AAQjBhC,aAAW6B,oBAAUC,MARJ;AASjB9E,SAAO6E,oBAAUE,MATA;AAUjB3D,YAAUyD,oBAAUI,IAVH;AAWjBxC,YAAUoC,oBAAUI,IAXH;AAYjB9C,gBAAc0C,oBAAUI,IAZP;AAajBzB,iBAAeqB,oBAAUE,MAbR;AAcjB9B,cAAY4B,oBAAUG,IAdL;AAejB9B,eAAa2B,oBAAUG,IAfN;AAgBjB7B,UAAQ0B,oBAAUhB,IAhBD;AAiBjBT,iBAAeyB,oBAAUhB,IAjBR;AAkBjBR,iBAAewB,oBAAUhB,IAlBR;AAmBjBK,aAAWW,oBAAUG,IAnBJ;AAoBjBb,WAASU,oBAAUI,IApBF;AAqBjBtD,aAAWkD,oBAAUC;AArBJ,CAAnB;;AAwBAlF,OAAOsF,YAAP,GAAsB;AACpBvC,QAAM,CADc;AAEpB;AACAC,aAAW,IAHS;AAIpB7C,cAAY,IAJQ;AAKpB8C,YAAU,IALU;AAMpBC,yBAAuB,YANH;AAOpBC,uBAAqB,KAPD;AAQpBC,aAAW,CARS;AASpB;AACAC,cAAY,KAVQ;AAWpBC,eAAa,KAXO;AAYpBgB,aAAW,IAZS;AAapBvC,aAAW;AAbS,CAAtB;;kBAgBe/B,M","file":"index.js","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Icon, Button, Popover, Input, message } from \"antd\";\nimport classnames from \"classnames\";\nimport intl from \"react-intl-universal\";\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 this.handleEmojiScroll = this.handleEmojiScroll.bind(this);\n }\n\n componentDidMount() {\n if (isFunction(this.props.onRef)) {\n this.props.onRef(this);\n }\n }\n\n handleEmojiScroll(e) {\n if (!this.emoji) {\n return;\n }\n e.preventDefault();\n if (e.deltaY > 0) {\n this.emoji.next();\n } else if (e.deltaY < 0) {\n this.emoji.prev();\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 let { fileList } = this.state;\n fileMap[uid] = path;\n fileList = fileList.map(item => {\n if (item.uid === uid) {\n item.thumbUrl = OSS_LINK + path;\n }\n return item;\n });\n this.setState({ fileMap, fileList });\n }\n\n /**\n * 提交编辑器内容\n * 提交功能，交给父组件来实现\n * 需要父组件传入 onSubmit\n */\n handleSubmit() {\n const { maxLength } = this.props;\n let { value, fileMap, fileList } = this.state;\n if (value.length > maxLength) {\n // message.error(`字数不得超过${maxLength}字`);\n message.error(intl.get(\"editor.maxLength\", { maxLength }));\n return;\n }\n const files = [];\n if (fileList.length) {\n fileList.forEach(item => {\n if (!fileMap[item.uid]) {\n return;\n }\n files.push(`${OSS_LINK}${fileMap[item.uid]}`);\n });\n }\n if (this.props.beforeSubmit) {\n Promise.resolve(this.props.beforeSubmit({ text: value, files })).then(\n res => {\n if (!(res === false)) {\n this.props.onSubmit({ text: value, files }, () => {\n this.resetState();\n if (this.props.onCommentSuccess) {\n this.props.onCommentSuccess();\n }\n });\n }\n }\n );\n } else {\n this.props.onSubmit({ text: value, files }, () => {\n this.resetState();\n if (this.props.onCommentSuccess) {\n this.props.onCommentSuccess();\n }\n });\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 multiple,\n emojiPopoverPlacement,\n closeUploadWhenBlur,\n maxUpload,\n // btnSubmitText,\n btnLoading,\n btnDisabled,\n button,\n emojiToolIcon,\n imageToolIcon,\n maxLength,\n autoFocus\n } = this.props;\n let placeholder = this.props.placeholder || intl.get(\"editor.placeholder\");\n let btnSubmitText =\n this.props.btnSubmitText || intl.get(\"editor.SubmitBtn\");\n const handleSubmit = this.handleSubmit;\n const disabledSubmit =\n btnDisabled ||\n (!this.props.value && !this.state.value && !this.state.fileList.length);\n const inputValue = value || this.state.value;\n return (\n <div className=\"comment-editor-container\">\n <div\n className={classnames({\n \"comment-editor-toolbar\": true,\n \"comment-editor-toolbar-error\": inputValue.length > maxLength\n })}\n >\n {/* {intl.get(\"editor.alreadyEntered\", {\n count: inputValue.length,\n maxLength\n })} */}\n </div>\n <div className=\"comment-editor\">\n <TextArea\n value={inputValue}\n onChange={e => this.handleChange(e.target.value)}\n rows={rows}\n placeholder={placeholder}\n autoFocus={autoFocus}\n />\n\n <div className=\"comment-toolbar\">\n <div className=\"comment-toolbar-left\">\n {showEmoji && (\n <Popover\n trigger=\"click\"\n placement={emojiPopoverPlacement}\n autoAdjustOverflow={false}\n content={\n <div\n style={{ width: 240 }}\n onWheel={this.handleEmojiScroll}\n >\n <Emoji\n onClick={this.handleClickEmoji}\n ref={node => {\n this.emoji = node;\n }}\n />\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 <Popover\n trigger=\"click\"\n // TODO: 针对非 react.js，直接使用 click 事件来控制展开或关闭\n // visible={this.state.showUpload}\n overlayStyle={{ zIndex: 999 }}\n onVisibleChange={\n closeUploadWhenBlur\n ? visible => {\n this.handleShowUpload(visible);\n }\n : null\n }\n content={\n <div\n style={{\n width: 336, // 一行显示3张\n minHeight: 100,\n margin: \"0 auto\"\n }}\n >\n <Upload\n multiple={multiple}\n onChangeFileList={this.handleChangeFileList}\n onUpload={this.handleUpload}\n maxUpload={maxUpload}\n fileList={this.state.fileList}\n showError={this.props.showError}\n onError={this.props.onError}\n />\n <div className=\"clearfix\" />\n </div>\n }\n placement=\"bottomLeft\"\n title={\n <div style={{ margin: \"5px auto\" }}>\n <span>\n {intl.get(\"editor.uploadTip\")}\n {maxUpload >= 2 ? (\n <span style={{ color: \"#666\", fontWeight: 400 }}>\n {intl.get(\"editor.uploadCount\", {\n count: maxUpload - this.state.fileList.length\n })}\n </span>\n ) : null}\n </span>\n {/* 因为是点击别的区域关闭，所以不用右上角的 Icon */}\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 </div>\n );\n }\n}\n\nEditor.propTypes = {\n rows: PropTypes.number,\n placeholder: PropTypes.string,\n showEmoji: PropTypes.bool,\n emojiPopoverPlacement: PropTypes.string,\n showUpload: PropTypes.bool,\n multiple: PropTypes.bool,\n closeUploadWhenBlur: PropTypes.bool,\n maxUpload: PropTypes.number,\n value: PropTypes.string,\n onChange: PropTypes.func,\n onSubmit: PropTypes.func,\n beforeSubmit: 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 showError: PropTypes.bool,\n onError: PropTypes.func,\n maxLength: PropTypes.number\n};\n\nEditor.defaultProps = {\n rows: 5,\n // placeholder: \"说点什么吧\",\n showEmoji: true,\n showUpload: true,\n multiple: true,\n emojiPopoverPlacement: \"bottomLeft\",\n closeUploadWhenBlur: false,\n maxUpload: 1,\n // btnSubmitText: \"发表\",\n btnLoading: false,\n btnDisabled: false,\n showError: true,\n maxLength: 5000\n};\n\nexport default Editor;\n"]}
|
