fix:表情弹框可配置位置、头像变形、图片多选等

src/components/ContentItem/index.css

@@ -16,7 +16,13 @@
   margin-left: 10px;
   margin-bottom: 20px;
 }
-
+.comment-item-avatar {
+  width: 40px;
+  height: 40px;
+  border-radius: 20px;
+  background-position: center;
+  background-size: cover;
+}
 .comment-item-content {
   margin: 10px 0;
   word-break: break-all;

src/components/ContentItem/index.js

@@ -116,7 +116,13 @@ class CommentItem extends Component {
     return (
       <div className="comment-item-box">
         <div className="comment-item-left">
-          <Avatar src={content.user_avatar || avatar} size="large" />
+          {/* <Avatar src={content.user_avatar || avatar} size="large" /> */}
+          <div
+            className="comment-item-avatar"
+            style={{
+              backgroundImage: `url(${content.user_avatar || avatar})`
+            }}
+          />
         </div>
         <div className="comment-item-right">
           <div>

src/components/Editor/Upload.js

@@ -103,7 +103,7 @@ class App extends React.Component {
 
   render() {
     const { previewVisible, previewImage } = this.state;
-    const { fileList, maxUpload } = this.props;
+    const { fileList, maxUpload, multiple } = this.props;
     const uploadButton = (
       <div>
         <Icon type="plus" />
@@ -114,6 +114,7 @@ class App extends React.Component {
       <div>
         <Upload
           accept="image/jpg,image/jpeg,image/png,image/bmp"
+          multiple={multiple}
           listType="picture-card"
           fileList={fileList}
           customRequest={this.customRequest}

src/components/Editor/index.js

@@ -172,6 +172,8 @@ class Editor extends React.Component {
       rows,
       showEmoji,
       showUpload,
+      multiple,
+      emojiPopoverPlacement,
       closeUploadWhenBlur,
       maxUpload,
       // btnSubmitText,
@@ -199,7 +201,6 @@ class Editor extends React.Component {
             "comment-editor-toolbar-error": inputValue.length > maxLength
           })}
         >
-
           {/* {intl.get("editor.alreadyEntered", {
             count: inputValue.length,
             maxLength
@@ -219,7 +220,7 @@ class Editor extends React.Component {
               {showEmoji && (
                 <Popover
                   trigger="click"
-                  placement="bottomLeft"
+                  placement={emojiPopoverPlacement}
                   autoAdjustOverflow={false}
                   content={
                     <div
@@ -264,6 +265,7 @@ class Editor extends React.Component {
                       }}
                     >
                       <Upload
+                        multiple={multiple}
                         onChangeFileList={this.handleChangeFileList}
                         onUpload={this.handleUpload}
                         maxUpload={maxUpload}
@@ -343,7 +345,9 @@ Editor.propTypes = {
   rows: PropTypes.number,
   placeholder: PropTypes.string,
   showEmoji: PropTypes.bool,
+  emojiPopoverPlacement: PropTypes.string,
   showUpload: PropTypes.bool,
+  multiple: PropTypes.bool,
   closeUploadWhenBlur: PropTypes.bool,
   maxUpload: PropTypes.number,
   value: PropTypes.string,
@@ -366,6 +370,8 @@ Editor.defaultProps = {
   // placeholder: "说点什么吧",
   showEmoji: true,
   showUpload: true,
+  multiple: true,
+  emojiPopoverPlacement: "bottomLeft",
   closeUploadWhenBlur: false,
   maxUpload: 1,
   // btnSubmitText: "发表",

src/index.js

@@ -52,6 +52,9 @@ if (process.env.NODE_ENV !== "production") {
     userId: 71299,
     onCountChange: c => {
       console.log(c);
+    },
+    editorProps: {
+      // emojiPopoverPlacement: "bottom"
     }
   });
 }