增加busness_user_id参数

CHANGELOG.md

 # CHANGELOG
 
+## 1.0.1
+- [x] App增加business_user_id属性
+
 ## 1.0.0
 
 - [x] 完成通用评论国际化

README.md

 - 标记了`deprecated`的配置项表示不推荐使用，并且可能在将来版本中不再受支持。
 
 
-| props            | type           | default                            | required | description                                                                           |
-| ---------------- | -------------- | ---------------------------------- | -------- | ------------------------------------------------------------------------------------- |
-| type             | number         |                                    | true     | 评论的 type                                                                           |
-| businessId       | string         |                                    | true     | 评论的 business id                                                                    |
-| API              | string         | http://api.links123.net/comment/v1 | false    | API 前缀                                                                              |
-| showList         | boolean        | true                               | false    | 是否显示评论列表                                                                      |
-| showEditor       | boolean        | true                               | false    | 是否显示评论输入框                                                                    |
-| showAlertComment | boolean        | false                              | false    | 评论成功之后，是否通过 Antd 的 Message 组件进行提示                                   |
-| showAlertReply   | boolean        | false                              | false    | 回复成功之后，是否通过 Antd 的 Message 组件进行提示                                   |
-| showAlertFavor   | boolean        | false                              | false    | 点赞/取消点赞成功之后，是否通过 Antd 的 Message 组件进行提示                          |
-| showError        | boolean        | true                               | false    | 是否使用Antd的Message组件提示错误信息                                                 |
-| onError          | function(msg)  |                                    | false    | 错误回调, 出错了会被调用                                                              |
-| userId           | number         |                                    | false    | 用户id, comment内部不维护用户id, 调用组件时传递过来, 目前用于判断是否显示删除按钮     |
-| token            | string         |                                    | false    | [deprecated] token，用于身份认证，非必须。默认使用 cookie                             |
-| pageType         | string         | more                               | false    | 分页类别， more-加载更多 pagination-页码                                              |
-| page             | number         |                                    | false    | 页码受控模式,如果传递了此参数,则需要通过onPageChange回调手动维护page.                 |
-| limit             | number         |10                                  | false    | 一次加载的评论数量            |
-| onGetMoreBtnClick      | function() |                                    | false    | 点击查看更多按钮的回调                            |
-| onPageChange     | function(page) |                                    | false    | 页码发生变化时的回调,注意:分页数据获取还是在组件内部处理的                            |
-| onDelete         | function(type) |                                    | false    | 评论或回复删除成功后的回调, type: "comment" \| "reply" , 用于区分删除的是评论还是回复 |
-| locales          | string         | 语言                                | false    | 语言，zh-CN/en-US。默认根据 url 中的 lang 参数来获取。所以一般情况可不传入       
-
+| props             | type           | default                            | required | description                                       |                          |
+|-------------------|----------------|------------------------------------|----------|---------------------------------------------------|--------------------------|
+| type              | number         |                                    | true     | 评论的 type                                          |                          |
+| businessId        | string         |                                    | true     | 评论的 business id                                   |                          |
+| API               | string         | http://api.links123.net/comment/v1 | false    | API 前缀                                            |                          |
+| showList          | boolean        | true                               | false    | 是否显示评论列表                                          |                          |
+| showEditor        | boolean        | true                               | false    | 是否显示评论输入框                                         |                          |
+| showAlertComment  | boolean        | false                              | false    | 评论成功之后，是否通过 Antd 的 Message 组件进行提示                 |                          |
+| showAlertReply    | boolean        | false                              | false    | 回复成功之后，是否通过 Antd 的 Message 组件进行提示                 |                          |
+| showAlertFavor    | boolean        | false                              | false    | 点赞/取消点赞成功之后，是否通过 Antd 的 Message 组件进行提示            |                          |
+| showError         | boolean        | true                               | false    | 是否使用Antd的Message组件提示错误信息                          |                          |
+| onError           | function(msg)  |                                    | false    | 错误回调, 出错了会被调用                                     |                          |
+| userId            | number         |                                    | false    | 用户id, comment内部不维护用户id, 调用组件时传递过来, 目前用于判断是否显示删除按钮 |                          |
+| token             | string         |                                    | false    | [deprecated] token，用于身份认证，非必须。默认使用 cookie         |                          |
+| pageType          | string         | more                               | false    | 分页类别， more-加载更多 pagination-页码                     |                          |
+| page              | number         |                                    | false    | 页码受控模式,如果传递了此参数,则需要通过onPageChange回调手动维护page.      |                          |
+| limit             | number         | 10                                 | false    | 一次加载的评论数量                                         |                          |
+| onGetMoreBtnClick | function()     |                                    | false    | 点击查看更多按钮的回调                                       |                          |
+| onPageChange      | function(page) |                                    | false    | 页码发生变化时的回调,注意:分页数据获取还是在组件内部处理的                    |                          |
+| onDelete          | function(type) |                                    | false    | 评论或回复删除成功后的回调, type: "comment" \                  | "reply" , 用于区分删除的是评论还是回复 |
+| locales           | string         | 语言                                 | false    |                                                   |                          |
+| businessUserId    | number         |                                    | false    | 评论目标的用户id, 用于发送通知                                 |                          |
 
 ## Editor
 
-| props               | type                            | default       | required | description                                                                                       |
-| ------------------- | ------------------------------- | ------------- | -------- | ------------------------------------------------------------------------------------------------- |
-| rows                | number                          | 5             | false    | 编辑器的高度。默认情况下，回复评论/回复回复的编辑器会比评论的编辑器高度小一行                     |
-| placeholder         | string                          | 说点什么吧... | false    | 评论的中的提示文字                                                                                |
-| showEmoji           | boolean                         | true          | false    | 是否显示 Toolbar 中表情工具                                                                       |
-| showUpload          | boolean                         | true          | false    | 是否显示 Toolbar 中 上传图片工具                                                                  |
-| maxUpload           | number                          | 1             | false    | 最大能够上传的图片数量                                                                            |
-| value               | string                          |               | false    | 编辑器的值。如果设置了该属性，则编辑器变为受控组件，需要父组件来维护 value                        |
-| onChange            | function(value)                 |               | false    | 编辑器内容改变的回调函数                                                                          |
-| onSubmit            | function({ text, files })       |               | false    | 点击提交按钮的回调函数，text 为编辑器的文本，files 为上传的文件列表                               |
-| beforeSubmit        | function ({text,files}):Promise |               | false    | 点击提交按钮后的钩子, 若Promise resolve false则不触发onSubmit函数, 主要用于控制默认的submit行为   |
-| onCommentSuccess    | function()                      |               | false    | 提交评论成功后的回调                                                                              |
-| btnSubmitText       | string                          | 发表          | false    | 提交按钮的文字                                                                                    |
-| btnLoading          | boolean                         | false         | false    | 按钮是否正在加载中                                                                                |
-| btnDisable          | boolean                         | false         | false    | 按钮是否禁用                                                                                      |
-| button              | ReactNode                       |               | false    | 按钮组件。如果上面几个 btn 相关的属性都无法满足要求，则可以使用 button 来自定义提交编辑器值的按钮 |
-| emojiToolIcon       | ReactNode                       |               | false    | Toolbar 中表情的图标                                                                              |
-| imageToolIcon       | ReactNode                       |               | false    | Toolbar 中上传文件的图标                                                                          |
-| onRef               | function                        |               | false    | 传递子组件的引用                                                                                  |
-| closeUploadWhenBlur | boolean                         |               | false    | 当 upload 失去焦点（鼠标点击非 Upload 的区域）的时候，是否自动关闭 Popover                        |
-| showError           | boolean                         | true          | false    | 是否使用Antd的Message组件提示错误信息, 主要是上传图片出错的情况                                   |
-| onError             | function(msg,{response})        |               | false    | 错误回调, 出错了会被调用, 主要是上传图片出错的情况                                                |
-| maxLength           | number                          | 140           | false    | 限制最大输入字数                                                                                  |
-| autoFocus           | boolean                         | false         | false    | 编辑器自动聚焦                                                                                    |
+| props               | type                            | default  | required | description                                                         |
+|---------------------|---------------------------------|----------|----------|---------------------------------------------------------------------|
+| rows                | number                          | 5        | false    | 编辑器的高度。默认情况下，回复评论/回复回复的编辑器会比评论的编辑器高度小一行                             |
+| placeholder         | string                          | 说点什么吧... | false    | 评论的中的提示文字                                                           |
+| showEmoji           | boolean                         | true     | false    | 是否显示 Toolbar 中表情工具                                                  |
+| showUpload          | boolean                         | true     | false    | 是否显示 Toolbar 中 上传图片工具                                               |
+| maxUpload           | number                          | 1        | false    | 最大能够上传的图片数量                                                         |
+| value               | string                          |          | false    | 编辑器的值。如果设置了该属性，则编辑器变为受控组件，需要父组件来维护 value                            |
+| onChange            | function(value)                 |          | false    | 编辑器内容改变的回调函数                                                        |
+| onSubmit            | function({ text, files })       |          | false    | 点击提交按钮的回调函数，text 为编辑器的文本，files 为上传的文件列表                             |
+| beforeSubmit        | function ({text,files}):Promise |          | false    | 点击提交按钮后的钩子, 若Promise resolve false则不触发onSubmit函数, 主要用于控制默认的submit行为 |
+| onCommentSuccess    | function()                      |          | false    | 提交评论成功后的回调                                                          |
+| btnSubmitText       | string                          | 发表       | false    | 提交按钮的文字                                                             |
+| btnLoading          | boolean                         | false    | false    | 按钮是否正在加载中                                                           |
+| btnDisable          | boolean                         | false    | false    | 按钮是否禁用                                                              |
+| button              | ReactNode                       |          | false    | 按钮组件。如果上面几个 btn 相关的属性都无法满足要求，则可以使用 button 来自定义提交编辑器值的按钮             |
+| emojiToolIcon       | ReactNode                       |          | false    | Toolbar 中表情的图标                                                      |
+| imageToolIcon       | ReactNode                       |          | false    | Toolbar 中上传文件的图标                                                    |
+| onRef               | function                        |          | false    | 传递子组件的引用                                                            |
+| closeUploadWhenBlur | boolean                         |          | false    | 当 upload 失去焦点（鼠标点击非 Upload 的区域）的时候，是否自动关闭 Popover                   |
+| showError           | boolean                         | true     | false    | 是否使用Antd的Message组件提示错误信息, 主要是上传图片出错的情况                              |
+| onError             | function(msg,{response})        |          | false    | 错误回调, 出错了会被调用, 主要是上传图片出错的情况                                         |
+| maxLength           | number                          | 140      | false    | 限制最大输入字数                                                            |
+| autoFocus           | boolean                         | false    | false    | 编辑器自动聚焦                                                             |
 
 
 ### 什么时候不要使用 value/onChange/onSubmit

assets/example.html

   </div>
   
   <script src="http://gosspublic.alicdn.com/aliyun-oss-sdk.min.js"></script>
-  <script type="text/javascript" src="./static/js/main.6d72baad.js"></script>
+  <script type="text/javascript" src="./static/js/main.d5cd277c.js"></script>
   <script type="text/javascript" src="example.js"></script>
 </body>
 </html>

lib/App.js

       var _props3 = this.props,
           API = _props3.API,
           type = _props3.type,
-          businessId = _props3.businessId;
+          businessId = _props3.businessId,
+          businessUserId = _props3.businessUserId;
 
       this.axios(API + "/comments", {
         method: "post",
         data: {
           type: type,
           business_id: businessId,
+          business_user_id: businessUserId,
           content: content
         },
         withCredentials: true
 App.propTypes = {
   type: _propTypes2.default.number.isRequired, // 评论的 type
   businessId: _propTypes2.default.string.isRequired, // 评论的 business_id
+  businessUserId: _propTypes2.default.number,
   API: _propTypes2.default.string, // 评论的 API 前缀
   showList: _propTypes2.default.bool, // 是否显示评论列表
   showEditor: _propTypes2.default.bool, // 是否显示评论输入框
 };
 
 App.defaultProps = {
+  businessUserId: 0,
   API: "//api.links123.net/comment/v1",
   showList: true,
   showEditor: true,

lib/components/CommentInput/index.js

           action = _props.action,
           commentId = _props.commentId,
           replyId = _props.replyId,
+          userId = _props.userId,
           callback = _props.callback;
 
       if (action === "comment") {
       } else if (action === "reply") {
         this.props.app.sCreateReply({
           comment_id: commentId,
-          content: value
+          content: value,
+          business_user_id: userId
         }, function () {
           return callback && callback();
         });
         this.props.app.sCreateReply({
           comment_id: commentId,
           content: value,
-          reply_id: replyId
+          reply_id: replyId,
+          business_user_id: userId
         }, function () {
           return callback && callback();
         });

lib/components/ContentItem/index.js

           action: action,
           replyId: replyId,
           commentId: commentId,
+          userId: content.user_id,
           callback: this.handleToggleInput
         })
       );

lib/index.example.js

           page: this.state.page,
           onPageChange: this.onPageChange,
           pageType: "more",
+          businessUserId: 4,
           onError: function onError(msg, _ref2) {
             var response = _ref2.response;
 

lib/index.js

 renderComment({
   id: "root-comment",
   type: 1,
-  businessId: "test"
+  businessId: "test",
+  businessUserId: 4
 });
 
 // renderComment({

lib/index.js.map

-{"version":3,"sources":["../src/index.js"],"names":["Index","props","editorProps","renderComment","config","id","Error","type","businessId","console","warn","API","ReactDOM","render","document","getElementById","window"],"mappings":";;;;AAAA;;;;AACA;;;;AACA;;;;;;AACA;;AAEA,IAAMA,QAAQ,SAARA,KAAQ;AAAA,SACZ;AAAC,iBAAD;AAAA,eAAK,sBAAL,EAAsB,oBAAtB,EAAqC,oBAArC,EAAoD,eAApD,IAAkEC,KAAlE;AACE,kCAAC,WAAD,aAAQ,WAAW,CAAnB,EAAsB,eAAtB,IAAoCA,MAAMC,WAA1C;AADF,GADY;AAAA,CAAd;;AAMA;;;;;;;;AAQA,SAASC,aAAT,CAAuBC,MAAvB,EAA+B;AAC7B,MAAI,CAACA,OAAOC,EAAZ,EAAgB;AACd,UAAM,IAAIC,KAAJ,CAAU,gBAAV,CAAN;AACD;AACD,MAAI,CAACF,OAAOG,IAAZ,EAAkB;AAChB,UAAM,IAAID,KAAJ,CAAU,kBAAV,CAAN;AACD;AACD,MAAI,CAACF,OAAOI,UAAZ,EAAwB;AACtB;AACAJ,WAAOI,UAAP,GAAoB,MAApB;AACAC,YAAQC,IAAR,CAAa,+BAAb;AACD;AACD,MAAI,CAACN,OAAOO,GAAZ,EAAiB;AACf;AACAP,WAAOO,GAAP,GAAa,oCAAb;AACAF,YAAQC,IAAR,CACE,sDADF;AAGD;;AAEDE,qBAASC,MAAT,CAAgB,8BAAC,KAAD,EAAWT,MAAX,CAAhB,EAAuCU,SAASC,cAAT,CAAwBX,OAAOC,EAA/B,CAAvC;AACA;AACD;;AAEDW,OAAOb,aAAP,GAAuBA,aAAvB;;AAEAA,cAAc;AACZE,MAAI,cADQ;AAEZE,QAAM,CAFM;AAGZC,cAAY;AAHA,CAAd;;AAMA;AACA;AACA;AACA;AACA;AACA","file":"index.js","sourcesContent":["import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport App, { Editor } from \"./App\";\r\n// import registerServiceWorker from \"./registerServiceWorker\";\r\n\r\nconst Index = props => (\r\n  <App showAlertComment showAlertReply showAlertFavor showError {...props}>\r\n    <Editor maxUpload={9} autoFocus {...props.editorProps} />\r\n  </App>\r\n);\r\n\r\n/**\r\n * 渲染评论组件\r\n * @param {object} config 编辑器配置\r\n *  - {string} id 渲染评论的DOM的 ID\r\n *  - {number} type 评论的 type\r\n *  - {string} businessId 评论的 businessId\r\n *  - {string} API, API 前缀, 默认 http://api.links123.net/comment/v1\r\n */\r\nfunction renderComment(config) {\r\n  if (!config.id) {\r\n    throw new Error(\"id is required\");\r\n  }\r\n  if (!config.type) {\r\n    throw new Error(\"type is required\");\r\n  }\r\n  if (!config.businessId) {\r\n    // throw new Error(\"businessId is required\");\r\n    config.businessId = \"test\";\r\n    console.warn(\"没有传入 businessId 参数，默认使用: test\");\r\n  }\r\n  if (!config.API) {\r\n    // throw new Error(\"API is required\");\r\n    config.API = \"http://api.links123.net/comment/v1\";\r\n    console.warn(\r\n      \"没有传入 API 参数，默认使用: http://api.links123.net/comment/v1\"\r\n    );\r\n  }\r\n\r\n  ReactDOM.render(<Index {...config} />, document.getElementById(config.id));\r\n  // registerServiceWorker();\r\n}\r\n\r\nwindow.renderComment = renderComment;\r\n\r\nrenderComment({\r\n  id: \"root-comment\",\r\n  type: 1,\r\n  businessId: \"test\"\r\n});\r\n\r\n// renderComment({\r\n//   id: \"root-comment\",\r\n//   type: 1,\r\n//   businessId: \"test\",\r\n//   API: 'http://api.links123.net/comment/v1',\r\n// });\r\n"]}
+{"version":3,"sources":["../src/index.js"],"names":["Index","props","editorProps","renderComment","config","id","Error","type","businessId","console","warn","API","ReactDOM","render","document","getElementById","window","businessUserId"],"mappings":";;;;AAAA;;;;AACA;;;;AACA;;;;;;AACA;;AAEA,IAAMA,QAAQ,SAARA,KAAQ;AAAA,SACZ;AAAC,iBAAD;AAAA,eAAK,sBAAL,EAAsB,oBAAtB,EAAqC,oBAArC,EAAoD,eAApD,IAAkEC,KAAlE;AACE,kCAAC,WAAD,aAAQ,WAAW,CAAnB,EAAsB,eAAtB,IAAoCA,MAAMC,WAA1C;AADF,GADY;AAAA,CAAd;;AAMA;;;;;;;;AAQA,SAASC,aAAT,CAAuBC,MAAvB,EAA+B;AAC7B,MAAI,CAACA,OAAOC,EAAZ,EAAgB;AACd,UAAM,IAAIC,KAAJ,CAAU,gBAAV,CAAN;AACD;AACD,MAAI,CAACF,OAAOG,IAAZ,EAAkB;AAChB,UAAM,IAAID,KAAJ,CAAU,kBAAV,CAAN;AACD;AACD,MAAI,CAACF,OAAOI,UAAZ,EAAwB;AACtB;AACAJ,WAAOI,UAAP,GAAoB,MAApB;AACAC,YAAQC,IAAR,CAAa,+BAAb;AACD;AACD,MAAI,CAACN,OAAOO,GAAZ,EAAiB;AACf;AACAP,WAAOO,GAAP,GAAa,oCAAb;AACAF,YAAQC,IAAR,CACE,sDADF;AAGD;;AAEDE,qBAASC,MAAT,CAAgB,8BAAC,KAAD,EAAWT,MAAX,CAAhB,EAAuCU,SAASC,cAAT,CAAwBX,OAAOC,EAA/B,CAAvC;AACA;AACD;;AAEDW,OAAOb,aAAP,GAAuBA,aAAvB;;AAEAA,cAAc;AACZE,MAAI,cADQ;AAEZE,QAAM,CAFM;AAGZC,cAAY,MAHA;AAIZS,kBAAgB;AAJJ,CAAd;;AAOA;AACA;AACA;AACA;AACA;AACA","file":"index.js","sourcesContent":["import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport App, { Editor } from \"./App\";\r\n// import registerServiceWorker from \"./registerServiceWorker\";\r\n\r\nconst Index = props => (\r\n  <App showAlertComment showAlertReply showAlertFavor showError {...props}>\r\n    <Editor maxUpload={9} autoFocus {...props.editorProps} />\r\n  </App>\r\n);\r\n\r\n/**\r\n * 渲染评论组件\r\n * @param {object} config 编辑器配置\r\n *  - {string} id 渲染评论的DOM的 ID\r\n *  - {number} type 评论的 type\r\n *  - {string} businessId 评论的 businessId\r\n *  - {string} API, API 前缀, 默认 http://api.links123.net/comment/v1\r\n */\r\nfunction renderComment(config) {\r\n  if (!config.id) {\r\n    throw new Error(\"id is required\");\r\n  }\r\n  if (!config.type) {\r\n    throw new Error(\"type is required\");\r\n  }\r\n  if (!config.businessId) {\r\n    // throw new Error(\"businessId is required\");\r\n    config.businessId = \"test\";\r\n    console.warn(\"没有传入 businessId 参数，默认使用: test\");\r\n  }\r\n  if (!config.API) {\r\n    // throw new Error(\"API is required\");\r\n    config.API = \"http://api.links123.net/comment/v1\";\r\n    console.warn(\r\n      \"没有传入 API 参数，默认使用: http://api.links123.net/comment/v1\"\r\n    );\r\n  }\r\n\r\n  ReactDOM.render(<Index {...config} />, document.getElementById(config.id));\r\n  // registerServiceWorker();\r\n}\r\n\r\nwindow.renderComment = renderComment;\r\n\r\nrenderComment({\r\n  id: \"root-comment\",\r\n  type: 1,\r\n  businessId: \"test\",\r\n  businessUserId: 4,\r\n});\r\n\r\n// renderComment({\r\n//   id: \"root-comment\",\r\n//   type: 1,\r\n//   businessId: \"test\",\r\n//   API: 'http://api.links123.net/comment/v1',\r\n// });\r\n"]}

src/App.js

   sCreateComment({ content } = {}, cb) {
     if (!content) return this.error(intl.get("message.notNull"));
     this.handleChangeLoading("sCreateComment", true);
-    const { API, type, businessId } = this.props;
+    const { API, type, businessId, businessUserId } = this.props;
     this.axios(`${API}/comments`, {
       method: "post",
       data: {
         type,
         business_id: businessId,
+        business_user_id: businessUserId,
         content
       },
       withCredentials: true
 App.propTypes = {
   type: PropTypes.number.isRequired, // 评论的 type
   businessId: PropTypes.string.isRequired, // 评论的 business_id
+  businessUserId: PropTypes.number,
   API: PropTypes.string, // 评论的 API 前缀
   showList: PropTypes.bool, // 是否显示评论列表
   showEditor: PropTypes.bool, // 是否显示评论输入框
 };
 
 App.defaultProps = {
+  businessUserId: 0,
   API: "//api.links123.net/comment/v1",
   showList: true,
   showEditor: true,

src/components/CommentInput/index.js

       value = value.slice(0, -1);
     }
 
-    const { action, commentId, replyId, callback } = this.props;
+    const { action, commentId, replyId, userId, callback } = this.props;
     if (action === "comment") {
       this.props.app.sCreateComment(
         {
       this.props.app.sCreateReply(
         {
           comment_id: commentId,
-          content: value
+          content: value,
+          business_user_id: userId
         },
         () => callback && callback()
       );
         {
           comment_id: commentId,
           content: value,
-          reply_id: replyId
+          reply_id: replyId,
+          business_user_id: userId
         },
         () => callback && callback()
       );

src/components/ContentItem/index.js

             action={action}
             replyId={replyId}
             commentId={commentId}
+            userId={content.user_id}
             callback={this.handleToggleInput}
           />
         )}

src/index.example.js

         page={this.state.page}
         onPageChange={this.onPageChange}
         pageType="more"
+        businessUserId={4}
         onError={(msg, { response }) => {
           if (response.status === 401) {
             console.log("unlogined");

src/index.js

 renderComment({
   id: "root-comment",
   type: 1,
-  businessId: "test"
+  businessId: "test",
+  businessUserId: 4
 });
 
 // renderComment({