feature: 编辑器内部值支持预处理函数preRenderValue

lib/App.js

@@ -766,7 +766,8 @@ var App = function (_Component) {
           commentId: this.state.commentId,
           userId: this.state.content.user_id,
           content: this.state.content,
-          handleClose: this.handleClose
+          handleClose: this.handleClose,
+          preRenderValue: this.props.preRenderValue
         })
       );
     }
@@ -797,7 +798,8 @@ App.propTypes = {
   onUpdateComment: _propTypes2.default.func,
   locales: _propTypes2.default.string, //  传入的语言环境， en-US/zh-CN
   onCountChange: _propTypes2.default.func, // 评论数量变更时的回调
-  onCommentFail: _propTypes2.default.func // 评论失败时的回调
+  onCommentFail: _propTypes2.default.func, // 评论失败时的回调
+  preRenderValue: _propTypes2.default.func // 编辑器渲染前对值需要做的工作
 };
 
 App.defaultProps = {
@@ -820,7 +822,10 @@ App.defaultProps = {
   onUpdateComment: function onUpdateComment() {},
   onBeforeUpdateComment: function onBeforeUpdateComment() {},
   onCountChange: function onCountChange() {},
-  onCommentFail: function onCommentFail() {}
+  onCommentFail: function onCommentFail() {},
+  preRenderValue: function preRenderValue(v) {
+    return v;
+  }
 };
 
 exports.Editor = _Editor2.default;

lib/components/EditComment/EditComment.js

@@ -193,7 +193,7 @@ var EditComment = function (_React$Component) {
             commentId: this.props.commentId,
             userId: this.props.content.user_id,
             fileList: this.state.fileList,
-            value: this.state.value,
+            value: this.props.preRenderValue && this.props.preRenderValue(this.state.value),
             onChange: function onChange(value) {
               _this2.setState({
                 value: value

lib/components/Editor/Upload.js

@@ -232,8 +232,8 @@ var App = function (_React$Component) {
             onClick: _this3.handleCloseClick.bind(_this3, index),
             key: file.uid,
             style: {
-              left: index % 3 * 112 + 110 + "px",
-              top: Math.floor(index / 3) * 112 + 26 + "px"
+              left: index % 3 * 112 + 98 + "px",
+              top: Math.floor(index / 3) * 112 + 16 + "px"
             }
           });
         }),

lib/index.js

@@ -194,6 +194,9 @@ if (process.env.NODE_ENV !== "production") {
     sendMessage: function sendMessage(id) {
       console.log("sendMessage", id);
     },
+    preRenderValue: function preRenderValue(value) {
+      return "" + value;
+    },
     editorProps: {
       onCommentSuccess: function onCommentSuccess(data) {
         console.log(data);

lib/version.json

@@ -1,8 +1,8 @@
 {
     "name":       "comment",
-    "buildDate":  1574306910894,
+    "buildDate":  1577536315907,
     "version":    "1.0.4",
-    "numCommits": 195,
-    "hash":       "db0a99c",
-    "dirty":      false
+    "numCommits": 197,
+    "hash":       "92e9ffb",
+    "dirty":      true
 }

src/App.js

@@ -617,6 +617,7 @@ class App extends Component {
               userId={this.state.content.user_id}
               content={this.state.content}
               handleClose={this.handleClose}
+              preRenderValue={this.props.preRenderValue}
             />
           )}
         </CommentContext.Provider>
@@ -647,7 +648,8 @@ App.propTypes = {
   onUpdateComment: PropTypes.func,
   locales: PropTypes.string, //  传入的语言环境， en-US/zh-CN
   onCountChange: PropTypes.func, // 评论数量变更时的回调
-  onCommentFail: PropTypes.func // 评论失败时的回调
+  onCommentFail: PropTypes.func, // 评论失败时的回调
+  preRenderValue: PropTypes.func // 编辑器渲染前对值需要做的工作
 };
 
 App.defaultProps = {
@@ -673,7 +675,8 @@ App.defaultProps = {
   onUpdateComment: () => {},
   onBeforeUpdateComment: () => {},
   onCountChange: () => {},
-  onCommentFail: () => {}
+  onCommentFail: () => {},
+  preRenderValue: v => v
 };
 
 export { Editor, RenderText };

src/components/EditComment/EditComment.js

@@ -111,7 +111,10 @@ class EditComment extends React.Component {
               commentId={this.props.commentId}
               userId={this.props.content.user_id}
               fileList={this.state.fileList}
-              value={this.state.value}
+              value={
+                this.props.preRenderValue &&
+                this.props.preRenderValue(this.state.value)
+              }
               onChange={value => {
                 this.setState({
                   value

src/index.js

@@ -159,6 +159,9 @@ if (process.env.NODE_ENV !== "production") {
     sendMessage: id => {
       console.log("sendMessage", id);
     },
+    preRenderValue: value => {
+      return `${value}`;
+    },
     editorProps: {
       onCommentSuccess: data => {
         console.log(data);