0.5.8

CHANGELOG.md

@@ -1,5 +1,8 @@
 # CHANGELOG
 
+## 0.5.8
+- [x] Editor增加autoFocus属性
+
 ## 0.5.7
 - [x] fix: 修复评论内容不换行超出区域的问题
 

README.md

@@ -54,7 +54,7 @@ import Comment, { Editor, RenderText } from 'comment';
 | showError           | boolean                         | true          | false    | 是否使用Antd的Message组件提示错误信息, 主要是上传图片出错的情况                                   |
 | onError             | function(msg,{response})        |               | false    | 错误回调, 出错了会被调用, 主要是上传图片出错的情况                                                |
 | maxLength           | number                          | 140           | false    | 限制最大输入字数                                                                                  |
-
+| autoFocus           | boolean                         | false         | false    | 编辑器自动聚焦                                                                                    |
 
 
 ### 什么时候不要使用 value/onChange/onSubmit

lib/components/ContentItem/index.js

@@ -183,9 +183,8 @@ var CommentItem = function (_Component) {
               __html: (0, _helper.renderContent)(this.renderTextWithReply(newContent, content))
             }
           }),
-
           // image为空时不渲染comment-item-image
-          imageList.length > 0 && imageList[0] !== '' && _react2.default.createElement(
+          imageList.length > 0 && imageList[0] !== "" && _react2.default.createElement(
             "div",
             { className: "comment-item-image" },
             imageList.map(function (item, index) {

lib/components/Editor/index.js

@@ -265,7 +265,8 @@ var Editor = function (_React$Component) {
           button = _props.button,
           emojiToolIcon = _props.emojiToolIcon,
           imageToolIcon = _props.imageToolIcon,
-          maxLength = _props.maxLength;
+          maxLength = _props.maxLength,
+          autoFocus = _props.autoFocus;
 
       var handleSubmit = this.handleSubmit;
       var disabledSubmit = btnDisabled || !this.props.value && !this.state.value && !this.state.fileList.length;
@@ -296,7 +297,8 @@ var Editor = function (_React$Component) {
               return _this3.handleChange(e.target.value);
             },
             rows: rows,
-            placeholder: placeholder
+            placeholder: placeholder,
+            autoFocus: autoFocus
           }),
           _react2.default.createElement(
             "div",

lib/index.js

@@ -93,6 +93,7 @@ var Index = function (_Component) {
         },
         _react2.default.createElement(_App.Editor, {
           maxUpload: 4,
+          autoFocus: true,
           beforeSubmit: function beforeSubmit() {
             return new Promise(function (resolve) {
               resolve(true);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "comment",
-  "version": "0.5.7",
+  "version": "0.5.8",
   "main": "lib/App.js",
   "description": "通用评论",
   "keywords": [

src/components/Editor/index.js

@@ -165,7 +165,8 @@ class Editor extends React.Component {
       button,
       emojiToolIcon,
       imageToolIcon,
-      maxLength
+      maxLength,
+      autoFocus
     } = this.props;
     const handleSubmit = this.handleSubmit;
     const disabledSubmit =
@@ -188,6 +189,7 @@ class Editor extends React.Component {
             onChange={e => this.handleChange(e.target.value)}
             rows={rows}
             placeholder={placeholder}
+            autoFocus={autoFocus}
           />
 
           <div className="comment-toolbar">

src/index.js

@@ -51,6 +51,7 @@ class Index extends Component {
       >
         <Editor
           maxUpload={4}
+          autoFocus
           beforeSubmit={() => {
             return new Promise(resolve => {
               resolve(true);