fix: /oss/sts api, fix: remove showHeader , fix: 去掉昵称的超链接

CHANGELOG.md

@@ -1,6 +1,12 @@
 # CHANGELOG
 
-## 0.4.0
+## 0.5.0
+
+- [x] fix: /oss/sts api
+- [x] fix: remove showHeader 
+- [x] fix: 去掉昵称的超链接
+
+## 0.4.1
 
 - [x] fix: XSS 注入
 - [x] feat: Comment 添加 showAlertComment/showAlertReply/showAlertFavor 属性

README.md

@@ -2,7 +2,7 @@
 
 通用评论系统及编辑器
 
-**`version 0.4.1`**
+**`version 0.5.0`**
 
 ```js
 import Comment, { Editor, RenderText } from 'comment';
@@ -20,7 +20,6 @@ import Comment, { Editor, RenderText } from 'comment';
 | API        | string  | http://api.links123.net/comment/v1 | false    | API 前缀                                     |
 | showList   | boolean | true                               | false    | 是否显示评论列表                             |
 | showEditor | boolean | true                               | false    | 是否显示评论输入框                           |
-| showHeader | boolean | true                               | false    | 是否显示评论顶部的提示                       |
 | showAlertComment | boolean | false                               | false    | 评论成功之后，是否通过 Antd 的 Message 组件进行提示  |
 | showAlertReply | boolean | false                               | false    | 回复成功之后，是否通过 Antd 的 Message 组件进行提示  |
 | showAlertFavor | boolean | false                               | false    | 点赞/取消点赞成功之后，是否通过 Antd 的 Message 组件进行提示  |

lib/App.js

@@ -1,15 +1,11 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RenderText = exports.Editor = undefined;
 
-var _tag = require('antd/es/tag');
-
-var _tag2 = _interopRequireDefault(_tag);
-
-var _message2 = require('antd/es/message');
+var _message2 = require("antd/es/message");
 
 var _message3 = _interopRequireDefault(_message2);
 
@@ -17,49 +13,47 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-require('antd/es/tag/style/css');
-
-require('antd/es/message/style/css');
+require("antd/es/message/style/css");
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _propTypes = require('prop-types');
+var _propTypes = require("prop-types");
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _axios = require('axios');
+var _axios = require("axios");
 
 var _axios2 = _interopRequireDefault(_axios);
 
-var _constant = require('./constant');
+var _constant = require("./constant");
 
-var _Comment = require('./Comment');
+var _Comment = require("./Comment");
 
-var _helper = require('./helper');
+var _helper = require("./helper");
 
-var _CommentInput = require('./components/CommentInput');
+var _CommentInput = require("./components/CommentInput");
 
 var _CommentInput2 = _interopRequireDefault(_CommentInput);
 
-var _CommentList = require('./components/CommentList');
+var _CommentList = require("./components/CommentList");
 
 var _CommentList2 = _interopRequireDefault(_CommentList);
 
-var _Editor = require('./components/Editor');
+var _Editor = require("./components/Editor");
 
 var _Editor2 = _interopRequireDefault(_Editor);
 
-var _RenderText = require('./components/RenderText');
+var _RenderText = require("./components/RenderText");
 
 var _RenderText2 = _interopRequireDefault(_RenderText);
 
-var _lang = require('./lang');
+var _lang = require("./lang");
 
 var _lang2 = _interopRequireDefault(_lang);
 
-require('./App.css');
+require("./App.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -102,16 +96,16 @@ var App = function (_Component) {
   }
 
   _createClass(App, [{
-    key: 'componentWillMount',
+    key: "componentWillMount",
     value: function componentWillMount() {
       this.axios = _axios2.default;
       this.axios.defaults.withCredentials = true;
       if (this.props.token) {
-        this.axios.defaults.headers.common['Authorization'] = 'Bearer ' + this.props.token;
+        this.axios.defaults.headers.common["Authorization"] = "Bearer " + this.props.token;
       }
     }
   }, {
-    key: 'componentDidMount',
+    key: "componentDidMount",
     value: function componentDidMount() {}
 
     /**
@@ -121,7 +115,7 @@ var App = function (_Component) {
      */
 
   }, {
-    key: 'handleChangeLoading',
+    key: "handleChangeLoading",
     value: function handleChangeLoading(key, value) {
       var loading = this.state.loading;
 
@@ -134,7 +128,7 @@ var App = function (_Component) {
      */
 
   }, {
-    key: 'sGetComment',
+    key: "sGetComment",
     value: function sGetComment() {
       var _this2 = this;
 
@@ -142,13 +136,13 @@ var App = function (_Component) {
           _ref$page = _ref.page,
           page = _ref$page === undefined ? 1 : _ref$page;
 
-      this.handleChangeLoading('sGetComment', true);
+      this.handleChangeLoading("sGetComment", true);
       var _props = this.props,
           API = _props.API,
           type = _props.type,
           businessId = _props.businessId;
 
-      this.axios.get(API + '/comments?type=' + type + '&business_id=' + businessId + '&page=' + page + '&limit=' + _constant.LIMIT).then(function (response) {
+      this.axios.get(API + "/comments?type=" + type + "&business_id=" + businessId + "&page=" + page + "&limit=" + _constant.LIMIT).then(function (response) {
         var _response$data = response.data,
             list = _response$data.list,
             page = _response$data.page,
@@ -171,7 +165,7 @@ var App = function (_Component) {
             total: total
           });
         } else {
-          _message3.default.info('没有更多评论了');
+          _message3.default.info("没有更多评论了");
           _this2.setState({
             isNoMoreComment: true
           });
@@ -183,7 +177,7 @@ var App = function (_Component) {
         }
         _message3.default.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
       }).finally(function () {
-        _this2.handleChangeLoading('sGetComment', false);
+        _this2.handleChangeLoading("sGetComment", false);
       });
     }
 
@@ -192,7 +186,7 @@ var App = function (_Component) {
      */
 
   }, {
-    key: 'sGetReply',
+    key: "sGetReply",
     value: function sGetReply() {
       var _this3 = this;
 
@@ -201,12 +195,12 @@ var App = function (_Component) {
           _ref2$page = _ref2.page,
           page = _ref2$page === undefined ? 1 : _ref2$page;
 
-      this.handleChangeLoading('sGetReply', true);
+      this.handleChangeLoading("sGetReply", true);
       var API = this.props.API;
 
-      this.axios.get(API + '/replies?comment_id=' + commentId + '&page=' + page + '&limit=' + _constant.LIMIT).then(function (response) {
+      this.axios.get(API + "/replies?comment_id=" + commentId + "&page=" + page + "&limit=" + _constant.LIMIT).then(function (response) {
         if (!response.data.list) {
-          _message3.default.info('没有更多数据了！');
+          _message3.default.info("没有更多数据了！");
         }
         var list = _this3.state.list.map(function (item) {
           if (item.id === commentId) {
@@ -238,7 +232,7 @@ var App = function (_Component) {
         }
         _message3.default.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
       }).finally(function () {
-        _this3.handleChangeLoading('sGetReply', false);
+        _this3.handleChangeLoading("sGetReply", false);
       });
     }
 
@@ -248,7 +242,7 @@ var App = function (_Component) {
      */
 
   }, {
-    key: 'sCreateComment',
+    key: "sCreateComment",
     value: function sCreateComment() {
       var _this4 = this;
 
@@ -257,15 +251,15 @@ var App = function (_Component) {
 
       var cb = arguments[1];
 
-      if (!content) return _message3.default.error('评论内容不能为空 ');
-      this.handleChangeLoading('sCreateComment', true);
+      if (!content) return _message3.default.error("评论内容不能为空 ");
+      this.handleChangeLoading("sCreateComment", true);
       var _props2 = this.props,
           API = _props2.API,
           type = _props2.type,
           businessId = _props2.businessId;
 
-      this.axios(API + '/comments', {
-        method: 'post',
+      this.axios(API + "/comments", {
+        method: "post",
         data: {
           type: type,
           business_id: businessId,
@@ -274,7 +268,7 @@ var App = function (_Component) {
         withCredentials: true
       }).then(function (response) {
         if (_this4.props.showAlertComment) {
-          _message3.default.success('评论成功！');
+          _message3.default.success("评论成功！");
         }
         if ((0, _helper.isFunction)(cb)) cb();
         // 将数据写入到 list 中
@@ -295,7 +289,7 @@ var App = function (_Component) {
         }
         _message3.default.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
       }).finally(function () {
-        _this4.handleChangeLoading('sCreateComment', false);
+        _this4.handleChangeLoading("sCreateComment", false);
       });
     }
 
@@ -306,21 +300,21 @@ var App = function (_Component) {
      */
 
   }, {
-    key: 'sCreateReply',
+    key: "sCreateReply",
     value: function sCreateReply(data, cb) {
       var _this5 = this;
 
-      if (!data.content) return _message3.default.error('回复内容不能为空 ');
-      this.handleChangeLoading('sCreateReply', true);
+      if (!data.content) return _message3.default.error("回复内容不能为空 ");
+      this.handleChangeLoading("sCreateReply", true);
       var API = this.props.API;
 
-      this.axios(API + '/replies', {
-        method: 'post',
+      this.axios(API + "/replies", {
+        method: "post",
         data: data,
         withCredentials: true
       }).then(function (response) {
         if (_this5.props.showAlertReply) {
-          _message3.default.success('回复成功！');
+          _message3.default.success("回复成功！");
         }
         if ((0, _helper.isFunction)(cb)) cb();
         // 将数据写入到 list 中
@@ -344,7 +338,7 @@ var App = function (_Component) {
         }
         _message3.default.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
       }).finally(function () {
-        _this5.handleChangeLoading('sCreateReply', false);
+        _this5.handleChangeLoading("sCreateReply", false);
       });
     }
 
@@ -355,19 +349,19 @@ var App = function (_Component) {
      */
 
   }, {
-    key: 'sCommentFavor',
+    key: "sCommentFavor",
     value: function sCommentFavor(commentId, favored) {
       var _this6 = this;
 
-      this.handleChangeLoading('sCommentFavor', true);
+      this.handleChangeLoading("sCommentFavor", true);
       var API = this.props.API;
 
-      this.axios(API + '/comments/' + commentId + '/favor', {
-        method: favored ? 'delete' : 'put',
+      this.axios(API + "/comments/" + commentId + "/favor", {
+        method: favored ? "delete" : "put",
         withCredentials: true
       }).then(function (response) {
         if (_this6.props.showAlertFavor) {
-          _message3.default.success(favored ? '取消点赞成功！' : '点赞成功！');
+          _message3.default.success(favored ? "取消点赞成功！" : "点赞成功！");
         }
         // 更新 list 中的该项数据的 favored
         var list = _this6.state.list.map(function (item) {
@@ -385,7 +379,7 @@ var App = function (_Component) {
         }
         _message3.default.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
       }).finally(function () {
-        _this6.handleChangeLoading('sCommentFavor', false);
+        _this6.handleChangeLoading("sCommentFavor", false);
       });
     }
 
@@ -397,21 +391,21 @@ var App = function (_Component) {
      */
 
   }, {
-    key: 'sReplyFavor',
+    key: "sReplyFavor",
     value: function sReplyFavor(replyId, commentId, favored) {
       var _this7 = this;
 
-      this.handleChangeLoading('sReplyFavor', true);
+      this.handleChangeLoading("sReplyFavor", true);
       var API = this.props.API;
 
-      this.axios(API + '/replies/' + replyId + '/favor', {
-        method: favored ? 'delete' : 'put',
+      this.axios(API + "/replies/" + replyId + "/favor", {
+        method: favored ? "delete" : "put",
         data: {
           comment_id: commentId
         },
         withCredentials: true
       }).then(function (response) {
-        _message3.default.success(favored ? '取消点赞成功！' : '点赞成功！');
+        _message3.default.success(favored ? "取消点赞成功！" : "点赞成功！");
         // 更新 list 中的该项数据的 favored
         var list = _this7.state.list.map(function (item) {
           if (item.id === commentId) {
@@ -436,7 +430,7 @@ var App = function (_Component) {
         }
         _message3.default.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
       }).finally(function () {
-        _this7.handleChangeLoading('sReplyFavor', false);
+        _this7.handleChangeLoading("sReplyFavor", false);
       });
     }
 
@@ -445,12 +439,14 @@ var App = function (_Component) {
      */
 
   }, {
-    key: 'sOssSts',
+    key: "sOssSts",
     value: function sOssSts() {
       var _this8 = this;
 
-      this.handleChangeLoading('sOssSts', true);
-      this.axios.get('http://api.links123.net/comment/v1/oss/sts').then(function (response) {
+      this.handleChangeLoading("sOssSts", true);
+      var API = this.props.API;
+
+      this.axios.get(API + "/oss/sts").then(function (response) {
         _this8.setState({ oss: _extends({}, response.data) });
       }).catch(function (error) {
         if (error.response && error.response.data && error.response.data.msg) {
@@ -459,11 +455,11 @@ var App = function (_Component) {
         }
         _message3.default.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
       }).finally(function () {
-        _this8.handleChangeLoading('sOssSts', false);
+        _this8.handleChangeLoading("sOssSts", false);
       });
     }
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
       // 添加到 Context 的数据
       var value = _extends({}, this.state, this.props, {
@@ -480,30 +476,11 @@ var App = function (_Component) {
         _Comment.CommentContext.Provider,
         { value: value },
         _react2.default.createElement(
-          'div',
-          { className: 'comment' },
-          this.props.showHeader && _react2.default.createElement(
-            'div',
-            { style: { marginBottom: 15 } },
-            _react2.default.createElement(
-              _tag2.default,
-              { className: 'comment-header-tag' },
-              '\u7559\u8A00'
-            ),
-            _react2.default.createElement(
-              'span',
-              { className: 'comment-header-tip' },
-              '\u53E3\u7891'
-            ),
-            _react2.default.createElement(
-              'span',
-              { className: 'comment-header-text' },
-              '(\u5168\u7AD9\u6311\u51FA\u6BDB\u75C5\u6216\u63D0\u51FA\u5408\u7406\u5EFA\u8BAE\uFF0C\u5956\u52B110\u5230100\u5143\u7EA2\u5305)'
-            )
-          ),
+          "div",
+          { className: "comment" },
           this.props.showEditor && _react2.default.createElement(_CommentInput2.default, { content: this.props.children }),
           this.props.showList && _react2.default.createElement(
-            'div',
+            "div",
             { style: { marginTop: 20 } },
             _react2.default.createElement(_CommentList2.default, null)
           )
@@ -521,17 +498,15 @@ App.propTypes = {
   API: _propTypes2.default.string, // 评论的 API 前缀
   showList: _propTypes2.default.bool, // 是否显示评论列表
   showEditor: _propTypes2.default.bool, // 是否显示评论输入框
-  showHeader: _propTypes2.default.bool, // 是否显示评论顶部的提示
   showAlertComment: _propTypes2.default.bool, // 评论成功之后，是否通过 Antd 的 Message 组件进行提示
   showAlertReply: _propTypes2.default.bool, // 回复成功之后，是否通过 Antd 的 Message 组件进行提示
   showAlertFavor: _propTypes2.default.bool // 点赞/取消点赞成功之后，是否通过 Antd 的 Message 组件进行提示
 };
 
 App.defaultProps = {
-  API: 'http://api.links123.net/comment/v1',
+  API: "http://api.links123.net/comment/v1",
   showList: true,
   showEditor: true,
-  showHeader: true,
   showAlertComment: false,
   showAlertReply: false,
   showAlertFavor: false

lib/Comment.js

@@ -1,4 +1,4 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,7 +9,7 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 
 exports.Comment = Comment;
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 

lib/Comment.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Comment.js"],"names":["Comment","CommentContext","React","createContext","Component","props","app"],"mappings":";;;;;;;;;QAKgBA,O,GAAAA,O;;AALhB;;;;;;AAEA,IAAMC,iBAAiBC,gBAAMC,aAAN,EAAvB;;AAEA;AACO,SAASH,OAAT,CAAiBI,SAAjB,EAA4B;AACjC;AACA,SAAO,UAASC,KAAT,EAAgB;AACrB;AACA;AACA,WACE;AAAC,oBAAD,CAAgB,QAAhB;AAAA;AACG;AAAA,eAAO,8BAAC,SAAD,eAAeA,KAAf,IAAsB,KAAKC,GAA3B,IAAP;AAAA;AADH,KADF;AAKD,GARD;AASD;;QAEQL,c,GAAAA,c;kBAEMD,O","file":"Comment.js","sourcesContent":["import React from 'react';\n\nconst CommentContext = React.createContext();\n\n// This function takes a component...\nexport function Comment(Component) {\n  // ...and returns another component...\n  return function(props) {\n    // ... and renders the wrapped component with the context theme!\n    // Notice that we pass through any additional props as well\n    return (\n      <CommentContext.Consumer>\n        {app => <Component {...props} app={app} />}\n      </CommentContext.Consumer>\n    );\n  };\n}\n\nexport { CommentContext };\n\nexport default Comment;\n"]}
+{"version":3,"sources":["../src/Comment.js"],"names":["Comment","CommentContext","React","createContext","Component","props","app"],"mappings":";;;;;;;;;QAKgBA,O,GAAAA,O;;AALhB;;;;;;AAEA,IAAMC,iBAAiBC,gBAAMC,aAAN,EAAvB;;AAEA;AACO,SAASH,OAAT,CAAiBI,SAAjB,EAA4B;AACjC;AACA,SAAO,UAASC,KAAT,EAAgB;AACrB;AACA;AACA,WACE;AAAC,oBAAD,CAAgB,QAAhB;AAAA;AACG;AAAA,eAAO,8BAAC,SAAD,eAAeA,KAAf,IAAsB,KAAKC,GAA3B,IAAP;AAAA;AADH,KADF;AAKD,GARD;AASD;;QAEQL,c,GAAAA,c;kBAEMD,O","file":"Comment.js","sourcesContent":["import React from \"react\";\n\nconst CommentContext = React.createContext();\n\n// This function takes a component...\nexport function Comment(Component) {\n  // ...and returns another component...\n  return function(props) {\n    // ... and renders the wrapped component with the context theme!\n    // Notice that we pass through any additional props as well\n    return (\n      <CommentContext.Consumer>\n        {app => <Component {...props} app={app} />}\n      </CommentContext.Consumer>\n    );\n  };\n}\n\nexport { CommentContext };\n\nexport default Comment;\n"]}

lib/axios.js

@@ -1,17 +1,17 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _axios = require('axios');
+var _axios = require("axios");
 
 var _axios2 = _interopRequireDefault(_axios);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 _axios2.default.defaults.withCredentials = true;
-_axios2.default.defaults.headers.common['Authorization'] = 'Bearer ';
+_axios2.default.defaults.headers.common["Authorization"] = "Bearer ";
 
 exports.default = _axios2.default;
 //# sourceMappingURL=axios.js.map

lib/axios.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axios.js"],"names":["axios","defaults","withCredentials","headers","common"],"mappings":";;;;;;AAAA;;;;;;AAEAA,gBAAMC,QAAN,CAAeC,eAAf,GAAiC,IAAjC;AACAF,gBAAMC,QAAN,CAAeE,OAAf,CAAuBC,MAAvB,CAA8B,eAA9B,IAAiD,SAAjD;;kBAEeJ,e","file":"axios.js","sourcesContent":["import axios from 'axios';\n\naxios.defaults.withCredentials = true;\naxios.defaults.headers.common['Authorization'] = 'Bearer ';\n\nexport default axios;\n"]}
+{"version":3,"sources":["../src/axios.js"],"names":["axios","defaults","withCredentials","headers","common"],"mappings":";;;;;;AAAA;;;;;;AAEAA,gBAAMC,QAAN,CAAeC,eAAf,GAAiC,IAAjC;AACAF,gBAAMC,QAAN,CAAeE,OAAf,CAAuBC,MAAvB,CAA8B,eAA9B,IAAiD,SAAjD;;kBAEeJ,e","file":"axios.js","sourcesContent":["import axios from \"axios\";\n\naxios.defaults.withCredentials = true;\naxios.defaults.headers.common[\"Authorization\"] = \"Bearer \";\n\nexport default axios;\n"]}

lib/components/CommentBox/index.js

@@ -1,34 +1,34 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _icon = require('antd/es/icon');
+var _icon = require("antd/es/icon");
 
 var _icon2 = _interopRequireDefault(_icon);
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-require('antd/es/icon/style/css');
+require("antd/es/icon/style/css");
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _propTypes = require('prop-types');
+var _propTypes = require("prop-types");
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _Comment = require('../../Comment');
+var _Comment = require("../../Comment");
 
 var _Comment2 = _interopRequireDefault(_Comment);
 
-var _ContentItem = require('./../ContentItem');
+var _ContentItem = require("./../ContentItem");
 
 var _ContentItem2 = _interopRequireDefault(_ContentItem);
 
-require('./index.css');
+require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -63,7 +63,7 @@ var CommentBox = function (_Component) {
 
 
   _createClass(CommentBox, [{
-    key: 'handleToggleReply',
+    key: "handleToggleReply",
     value: function handleToggleReply() {
       this.setState({ showReply: !this.state.showReply });
     }
@@ -74,7 +74,7 @@ var CommentBox = function (_Component) {
      */
 
   }, {
-    key: 'handleGetMoreReply',
+    key: "handleGetMoreReply",
     value: function handleGetMoreReply(commentId) {
       // 从第一页开始获取评论
       var page = this.state.page;
@@ -91,7 +91,7 @@ var CommentBox = function (_Component) {
      */
 
   }, {
-    key: 'renderReplies',
+    key: "renderReplies",
     value: function renderReplies(replies, replyCount, isNoMoreReply) {
       var _this2 = this;
 
@@ -101,7 +101,7 @@ var CommentBox = function (_Component) {
       if (showReply && replies && replies.length) {
         var len = replies.length;
         return _react2.default.createElement(
-          'div',
+          "div",
           { style: { marginLeft: 50 } },
           replies.map(function (item, index) {
             if (index === len - 1) {
@@ -110,28 +110,28 @@ var CommentBox = function (_Component) {
                 replyId: item.id,
                 key: item.id,
                 content: item,
-                action: 'replyToReply' // 回复的回复
+                action: "replyToReply" // 回复的回复
               }), _react2.default.createElement(
-                'div',
-                { className: 'comment-more-box', key: 'show_more_button' },
+                "div",
+                { className: "comment-more-box", key: "show_more_button" },
                 !isNoMoreReply && replyCount !== len && _react2.default.createElement(
-                  'span',
+                  "span",
                   {
-                    className: 'comment-show-more',
+                    className: "comment-show-more",
                     onClick: function onClick() {
                       return _this2.handleGetMoreReply(commentId);
                     }
                   },
-                  '\u67E5\u770B\u66F4\u591A\u56DE\u590D'
+                  "\u67E5\u770B\u66F4\u591A\u56DE\u590D"
                 ),
                 _react2.default.createElement(
-                  'a',
+                  "a",
                   {
-                    style: { float: 'right' },
+                    style: { float: "right" },
                     onClick: _this2.handleToggleReply
                   },
-                  _react2.default.createElement(_icon2.default, { type: 'up' }),
-                  ' \u6536\u8D77\u56DE\u590D'
+                  _react2.default.createElement(_icon2.default, { type: "up" }),
+                  " \u6536\u8D77\u56DE\u590D"
                 )
               )];
             }
@@ -140,7 +140,7 @@ var CommentBox = function (_Component) {
               replyId: item.id,
               key: item.id,
               content: item,
-              action: 'replyToReply' // 评论的回复
+              action: "replyToReply" // 评论的回复
             });
           })
         );
@@ -148,20 +148,20 @@ var CommentBox = function (_Component) {
       return null;
     }
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
       var content = this.props.content;
       var showReply = this.state.showReply;
 
       return _react2.default.createElement(
-        'div',
+        "div",
         null,
         _react2.default.createElement(_ContentItem2.default, {
           content: content,
           onShowReply: this.handleToggleReply,
           showReply: showReply,
           commentId: content.id,
-          action: 'reply' // 评论的回复
+          action: "reply" // 评论的回复
         }),
         this.renderReplies(content.replies, content.reply_count, content.isNoMoreReply)
       );

lib/components/CommentInput/index.js

@@ -1,4 +1,4 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8,17 +8,17 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _propTypes = require('prop-types');
+var _propTypes = require("prop-types");
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _constant = require('../../constant');
+var _constant = require("../../constant");
 
-var _Comment = require('../../Comment');
+var _Comment = require("../../Comment");
 
 var _Comment2 = _interopRequireDefault(_Comment);
 
@@ -51,7 +51,7 @@ var CommentInput = function (_Component) {
 
 
   _createClass(CommentInput, [{
-    key: 'handleSubmit',
+    key: "handleSubmit",
     value: function handleSubmit(_ref, cb) {
       var text = _ref.text,
           files = _ref.files;
@@ -60,10 +60,10 @@ var CommentInput = function (_Component) {
       if (files && files.length) {
         value += _constant.IMAGE_SPLIT;
         files.forEach(function (file) {
-          value += file + ',';
+          value += file + ",";
         });
       }
-      if (value.substr(-1) === ',') {
+      if (value.substr(-1) === ",") {
         value = value.slice(0, -1);
       }
 
@@ -73,18 +73,18 @@ var CommentInput = function (_Component) {
           replyId = _props.replyId,
           callback = _props.callback;
 
-      if (action === 'comment') {
+      if (action === "comment") {
         this.props.app.sCreateComment({
           content: value
         }, cb);
-      } else if (action === 'reply') {
+      } else if (action === "reply") {
         this.props.app.sCreateReply({
           comment_id: commentId,
           content: value
         }, function () {
           return callback && callback();
         });
-      } else if (action === 'replyToReply') {
+      } else if (action === "replyToReply") {
         this.props.app.sCreateReply({
           comment_id: commentId,
           content: value,
@@ -95,7 +95,7 @@ var CommentInput = function (_Component) {
       }
     }
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
       var _this2 = this;
 
@@ -108,12 +108,12 @@ var CommentInput = function (_Component) {
           onSubmit: _this2.handleSubmit
         }, child.props, {
           // 如果当前的编辑器不是“评论”，则编辑器高度减小一些
-          rows: _this2.props.action === 'comment' ? child.props.rows : child.props.rows - 1
+          rows: _this2.props.action === "comment" ? child.props.rows : child.props.rows - 1
         }));
       });
 
       return _react2.default.createElement(
-        'div',
+        "div",
         null,
         childrenWithProps
       );
@@ -127,11 +127,11 @@ CommentInput.propTypes = {
   // comment 评论
   // reply 评论的回复
   // replyToReply 回复的回复
-  action: _propTypes2.default.oneOf(['comment', 'reply', 'replyToReply'])
+  action: _propTypes2.default.oneOf(["comment", "reply", "replyToReply"])
 };
 
 CommentInput.defaultProps = {
-  action: 'comment'
+  action: "comment"
 };
 
 exports.default = (0, _Comment2.default)(CommentInput);

lib/components/CommentInput/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CommentInput/index.js"],"names":["CommentInput","props","state","handleSubmit","bind","cb","text","files","value","length","IMAGE_SPLIT","forEach","file","substr","slice","action","commentId","replyId","callback","app","sCreateComment","content","sCreateReply","comment_id","reply_id","childrenWithProps","React","Children","map","cloneElement","child","onSubmit","rows","Component","propTypes","PropTypes","oneOf","defaultProps"],"mappings":";;;;;;;;;;AAAA;;;;AACA;;;;AACA;;AACA;;;;;;;;;;;;IAEMA,Y;;;AACJ,wBAAYC,KAAZ,EAAmB;AAAA;;AAAA,4HACXA,KADW;;AAEjB,UAAKC,KAAL,GAAa,EAAb;AACA,UAAKC,YAAL,GAAoB,MAAKA,YAAL,CAAkBC,IAAlB,OAApB;AAHiB;AAIlB;;AAED;;;;;;;;;uCAK8BC,E,EAAI;AAAA,UAAnBC,IAAmB,QAAnBA,IAAmB;AAAA,UAAbC,KAAa,QAAbA,KAAa;;AAChC,UAAIC,QAAQF,IAAZ;AACA,UAAIC,SAASA,MAAME,MAAnB,EAA2B;AACzBD,iBAASE,qBAAT;AACAH,cAAMI,OAAN,CAAc,gBAAQ;AACpBH,mBAAYI,IAAZ;AACD,SAFD;AAGD;AACD,UAAIJ,MAAMK,MAAN,CAAa,CAAC,CAAd,MAAqB,GAAzB,EAA8B;AAC5BL,gBAAQA,MAAMM,KAAN,CAAY,CAAZ,EAAe,CAAC,CAAhB,CAAR;AACD;;AAV+B,mBAYiB,KAAKb,KAZtB;AAAA,UAYxBc,MAZwB,UAYxBA,MAZwB;AAAA,UAYhBC,SAZgB,UAYhBA,SAZgB;AAAA,UAYLC,OAZK,UAYLA,OAZK;AAAA,UAYIC,QAZJ,UAYIA,QAZJ;;AAahC,UAAIH,WAAW,SAAf,EAA0B;AACxB,aAAKd,KAAL,CAAWkB,GAAX,CAAeC,cAAf,CACE;AACEC,mBAASb;AADX,SADF,EAIEH,EAJF;AAMD,OAPD,MAOO,IAAIU,WAAW,OAAf,EAAwB;AAC7B,aAAKd,KAAL,CAAWkB,GAAX,CAAeG,YAAf,CACE;AACEC,sBAAYP,SADd;AAEEK,mBAASb;AAFX,SADF,EAKE;AAAA,iBAAMU,YAAYA,UAAlB;AAAA,SALF;AAOD,OARM,MAQA,IAAIH,WAAW,cAAf,EAA+B;AACpC,aAAKd,KAAL,CAAWkB,GAAX,CAAeG,YAAf,CACE;AACEC,sBAAYP,SADd;AAEEK,mBAASb,KAFX;AAGEgB,oBAAUP;AAHZ,SADF,EAME;AAAA,iBAAMC,YAAYA,UAAlB;AAAA,SANF;AAQD;AACF;;;6BAEQ;AAAA;;AACP,UAAMO,oBAAoBC,gBAAMC,QAAN,CAAeC,GAAf,CAAmB,KAAK3B,KAAL,CAAWoB,OAA9B,EAAuC,iBAAS;AACxE,eAAOK,gBAAMG,YAAN,CAAmBC,KAAnB;AACL;AACA;AACA;AACA;AACAC,oBAAU,OAAK5B;AALV,WAMF2B,MAAM7B,KANJ;AAOL;AACA+B,gBACE,OAAK/B,KAAL,CAAWc,MAAX,KAAsB,SAAtB,GACIe,MAAM7B,KAAN,CAAY+B,IADhB,GAEIF,MAAM7B,KAAN,CAAY+B,IAAZ,GAAmB;AAXpB,WAAP;AAaD,OAdyB,CAA1B;;AAgBA,aAAO;AAAA;AAAA;AAAMP;AAAN,OAAP;AACD;;;;EAtEwBQ,gB;;AAyE3BjC,aAAakC,SAAb,GAAyB;AACvB;AACA;AACA;AACAnB,UAAQoB,oBAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,cAArB,CAAhB;AAJe,CAAzB;;AAOApC,aAAaqC,YAAb,GAA4B;AAC1BtB,UAAQ;AADkB,CAA5B;;kBAIe,uBAAQf,YAAR,C","file":"index.js","sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { IMAGE_SPLIT } from '../../constant';\nimport Comment from '../../Comment';\n\nclass CommentInput extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {};\n    this.handleSubmit = this.handleSubmit.bind(this);\n  }\n\n  /**\n   * 提交评论\n   * @param {object} { text<string>, files<array> } 需要提交的评论的文本和图片\n   * @param {function} cb 提交成功后的回掉\n   */\n  handleSubmit({ text, files }, cb) {\n    let value = text;\n    if (files && files.length) {\n      value += IMAGE_SPLIT;\n      files.forEach(file => {\n        value += `${file},`;\n      });\n    }\n    if (value.substr(-1) === ',') {\n      value = value.slice(0, -1);\n    }\n\n    const { action, commentId, replyId, callback } = this.props;\n    if (action === 'comment') {\n      this.props.app.sCreateComment(\n        {\n          content: value,\n        },\n        cb\n      );\n    } else if (action === 'reply') {\n      this.props.app.sCreateReply(\n        {\n          comment_id: commentId,\n          content: value,\n        },\n        () => callback && callback()\n      );\n    } else if (action === 'replyToReply') {\n      this.props.app.sCreateReply(\n        {\n          comment_id: commentId,\n          content: value,\n          reply_id: replyId,\n        },\n        () => callback && callback()\n      );\n    }\n  }\n\n  render() {\n    const childrenWithProps = React.Children.map(this.props.content, child => {\n      return React.cloneElement(child, {\n        // 编辑器本身不提交值，但 CommentInput 会提交\n        // CommentInput 主要是负责评论的业务逻辑，提交评论和回复\n        // 默认使用 CommentInput 的 onSubmit 来提交评论\n        // 但也可以使用 Editor 的 props 来覆盖 onSubmit\n        onSubmit: this.handleSubmit,\n        ...child.props,\n        // 如果当前的编辑器不是“评论”，则编辑器高度减小一些\n        rows:\n          this.props.action === 'comment'\n            ? child.props.rows\n            : child.props.rows - 1,\n      });\n    });\n\n    return <div>{childrenWithProps}</div>;\n  }\n}\n\nCommentInput.propTypes = {\n  // comment 评论\n  // reply 评论的回复\n  // replyToReply 回复的回复\n  action: PropTypes.oneOf(['comment', 'reply', 'replyToReply']),\n};\n\nCommentInput.defaultProps = {\n  action: 'comment',\n};\n\nexport default Comment(CommentInput);\n"]}
+{"version":3,"sources":["../../../src/components/CommentInput/index.js"],"names":["CommentInput","props","state","handleSubmit","bind","cb","text","files","value","length","IMAGE_SPLIT","forEach","file","substr","slice","action","commentId","replyId","callback","app","sCreateComment","content","sCreateReply","comment_id","reply_id","childrenWithProps","React","Children","map","cloneElement","child","onSubmit","rows","Component","propTypes","PropTypes","oneOf","defaultProps"],"mappings":";;;;;;;;;;AAAA;;;;AACA;;;;AACA;;AACA;;;;;;;;;;;;IAEMA,Y;;;AACJ,wBAAYC,KAAZ,EAAmB;AAAA;;AAAA,4HACXA,KADW;;AAEjB,UAAKC,KAAL,GAAa,EAAb;AACA,UAAKC,YAAL,GAAoB,MAAKA,YAAL,CAAkBC,IAAlB,OAApB;AAHiB;AAIlB;;AAED;;;;;;;;;uCAK8BC,E,EAAI;AAAA,UAAnBC,IAAmB,QAAnBA,IAAmB;AAAA,UAAbC,KAAa,QAAbA,KAAa;;AAChC,UAAIC,QAAQF,IAAZ;AACA,UAAIC,SAASA,MAAME,MAAnB,EAA2B;AACzBD,iBAASE,qBAAT;AACAH,cAAMI,OAAN,CAAc,gBAAQ;AACpBH,mBAAYI,IAAZ;AACD,SAFD;AAGD;AACD,UAAIJ,MAAMK,MAAN,CAAa,CAAC,CAAd,MAAqB,GAAzB,EAA8B;AAC5BL,gBAAQA,MAAMM,KAAN,CAAY,CAAZ,EAAe,CAAC,CAAhB,CAAR;AACD;;AAV+B,mBAYiB,KAAKb,KAZtB;AAAA,UAYxBc,MAZwB,UAYxBA,MAZwB;AAAA,UAYhBC,SAZgB,UAYhBA,SAZgB;AAAA,UAYLC,OAZK,UAYLA,OAZK;AAAA,UAYIC,QAZJ,UAYIA,QAZJ;;AAahC,UAAIH,WAAW,SAAf,EAA0B;AACxB,aAAKd,KAAL,CAAWkB,GAAX,CAAeC,cAAf,CACE;AACEC,mBAASb;AADX,SADF,EAIEH,EAJF;AAMD,OAPD,MAOO,IAAIU,WAAW,OAAf,EAAwB;AAC7B,aAAKd,KAAL,CAAWkB,GAAX,CAAeG,YAAf,CACE;AACEC,sBAAYP,SADd;AAEEK,mBAASb;AAFX,SADF,EAKE;AAAA,iBAAMU,YAAYA,UAAlB;AAAA,SALF;AAOD,OARM,MAQA,IAAIH,WAAW,cAAf,EAA+B;AACpC,aAAKd,KAAL,CAAWkB,GAAX,CAAeG,YAAf,CACE;AACEC,sBAAYP,SADd;AAEEK,mBAASb,KAFX;AAGEgB,oBAAUP;AAHZ,SADF,EAME;AAAA,iBAAMC,YAAYA,UAAlB;AAAA,SANF;AAQD;AACF;;;6BAEQ;AAAA;;AACP,UAAMO,oBAAoBC,gBAAMC,QAAN,CAAeC,GAAf,CAAmB,KAAK3B,KAAL,CAAWoB,OAA9B,EAAuC,iBAAS;AACxE,eAAOK,gBAAMG,YAAN,CAAmBC,KAAnB;AACL;AACA;AACA;AACA;AACAC,oBAAU,OAAK5B;AALV,WAMF2B,MAAM7B,KANJ;AAOL;AACA+B,gBACE,OAAK/B,KAAL,CAAWc,MAAX,KAAsB,SAAtB,GACIe,MAAM7B,KAAN,CAAY+B,IADhB,GAEIF,MAAM7B,KAAN,CAAY+B,IAAZ,GAAmB;AAXpB,WAAP;AAaD,OAdyB,CAA1B;;AAgBA,aAAO;AAAA;AAAA;AAAMP;AAAN,OAAP;AACD;;;;EAtEwBQ,gB;;AAyE3BjC,aAAakC,SAAb,GAAyB;AACvB;AACA;AACA;AACAnB,UAAQoB,oBAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,cAArB,CAAhB;AAJe,CAAzB;;AAOApC,aAAaqC,YAAb,GAA4B;AAC1BtB,UAAQ;AADkB,CAA5B;;kBAIe,uBAAQf,YAAR,C","file":"index.js","sourcesContent":["import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { IMAGE_SPLIT } from \"../../constant\";\nimport Comment from \"../../Comment\";\n\nclass CommentInput extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {};\n    this.handleSubmit = this.handleSubmit.bind(this);\n  }\n\n  /**\n   * 提交评论\n   * @param {object} { text<string>, files<array> } 需要提交的评论的文本和图片\n   * @param {function} cb 提交成功后的回掉\n   */\n  handleSubmit({ text, files }, cb) {\n    let value = text;\n    if (files && files.length) {\n      value += IMAGE_SPLIT;\n      files.forEach(file => {\n        value += `${file},`;\n      });\n    }\n    if (value.substr(-1) === \",\") {\n      value = value.slice(0, -1);\n    }\n\n    const { action, commentId, replyId, callback } = this.props;\n    if (action === \"comment\") {\n      this.props.app.sCreateComment(\n        {\n          content: value\n        },\n        cb\n      );\n    } else if (action === \"reply\") {\n      this.props.app.sCreateReply(\n        {\n          comment_id: commentId,\n          content: value\n        },\n        () => callback && callback()\n      );\n    } else if (action === \"replyToReply\") {\n      this.props.app.sCreateReply(\n        {\n          comment_id: commentId,\n          content: value,\n          reply_id: replyId\n        },\n        () => callback && callback()\n      );\n    }\n  }\n\n  render() {\n    const childrenWithProps = React.Children.map(this.props.content, child => {\n      return React.cloneElement(child, {\n        // 编辑器本身不提交值，但 CommentInput 会提交\n        // CommentInput 主要是负责评论的业务逻辑，提交评论和回复\n        // 默认使用 CommentInput 的 onSubmit 来提交评论\n        // 但也可以使用 Editor 的 props 来覆盖 onSubmit\n        onSubmit: this.handleSubmit,\n        ...child.props,\n        // 如果当前的编辑器不是“评论”，则编辑器高度减小一些\n        rows:\n          this.props.action === \"comment\"\n            ? child.props.rows\n            : child.props.rows - 1\n      });\n    });\n\n    return <div>{childrenWithProps}</div>;\n  }\n}\n\nCommentInput.propTypes = {\n  // comment 评论\n  // reply 评论的回复\n  // replyToReply 回复的回复\n  action: PropTypes.oneOf([\"comment\", \"reply\", \"replyToReply\"])\n};\n\nCommentInput.defaultProps = {\n  action: \"comment\"\n};\n\nexport default Comment(CommentInput);\n"]}

lib/components/CommentList/index.js

@@ -1,30 +1,30 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _spin = require('antd/es/spin');
+var _spin = require("antd/es/spin");
 
 var _spin2 = _interopRequireDefault(_spin);
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-require('antd/es/spin/style/css');
+require("antd/es/spin/style/css");
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _Comment = require('../../Comment');
+var _Comment = require("../../Comment");
 
 var _Comment2 = _interopRequireDefault(_Comment);
 
-var _CommentBox = require('../CommentBox');
+var _CommentBox = require("../CommentBox");
 
 var _CommentBox2 = _interopRequireDefault(_CommentBox);
 
-require('./index.css');
+require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -47,12 +47,12 @@ var CommentList = function (_Component) {
   }
 
   _createClass(CommentList, [{
-    key: 'componentWillMount',
+    key: "componentWillMount",
     value: function componentWillMount() {
       this.props.app.sGetComment();
     }
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
       var _props$app = this.props.app,
           list = _props$app.list,
@@ -65,33 +65,33 @@ var CommentList = function (_Component) {
 
       var spinning = Boolean(loading.sGetComment || loading.sCommentFavor || loading.sReplyFavor);
       return _react2.default.createElement(
-        'div',
+        "div",
         null,
         _react2.default.createElement(
           _spin2.default,
           { spinning: spinning },
           _react2.default.createElement(
-            'div',
+            "div",
             null,
-            '\u5171 ',
+            "\u5171 ",
             total,
-            ' \u6761\u8BC4\u8BBA'
+            " \u6761\u8BC4\u8BBA"
           ),
           list.map(function (item) {
             return _react2.default.createElement(_CommentBox2.default, { content: item, key: item.id, commentId: item.id });
           }),
           !isNoMoreComment && list.length !== total && _react2.default.createElement(
-            'div',
+            "div",
             {
-              className: 'comment-list-show-more',
+              className: "comment-list-show-more",
               onClick: function onClick() {
                 return sGetComment({ page: page + 1 });
               }
             },
             _react2.default.createElement(
-              'span',
+              "span",
               null,
-              '\u67E5\u770B\u66F4\u591A\u8BC4\u8BBA'
+              "\u67E5\u770B\u66F4\u591A\u8BC4\u8BBA"
             )
           )
         )

lib/components/CommentList/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CommentList/index.js"],"names":["CommentList","props","state","app","sGetComment","list","total","page","loading","isNoMoreComment","spinning","Boolean","sCommentFavor","sReplyFavor","map","item","id","length","Component","propTypes"],"mappings":";;;;;;;;;;;;;;AAAA;;;;AAEA;;;;AACA;;;;AACA;;;;;;;;;;IAEMA,W;;;AACJ,uBAAYC,KAAZ,EAAmB;AAAA;;AAAA,0HACXA,KADW;;AAEjB,UAAKC,KAAL,GAAa,EAAb;AAFiB;AAGlB;;;;yCAEoB;AACnB,WAAKD,KAAL,CAAWE,GAAX,CAAeC,WAAf;AACD;;;6BAEQ;AAAA,uBAQH,KAAKH,KAAL,CAAWE,GARR;AAAA,UAELE,IAFK,cAELA,IAFK;AAAA,UAGLC,KAHK,cAGLA,KAHK;AAAA,UAILC,IAJK,cAILA,IAJK;AAAA,UAKLC,OALK,cAKLA,OALK;AAAA,UAMLC,eANK,cAMLA,eANK;AAAA,UAOLL,WAPK,cAOLA,WAPK;;;AAUP,UAAMM,WAAWC,QACfH,QAAQJ,WAAR,IAAuBI,QAAQI,aAA/B,IAAgDJ,QAAQK,WADzC,CAAjB;AAGA,aACE;AAAA;AAAA;AACE;AAAA;AAAA,YAAM,UAAUH,QAAhB;AACE;AAAA;AAAA;AAAA;AAAQJ,iBAAR;AAAA;AAAA,WADF;AAEGD,eAAKS,GAAL,CAAS;AAAA,mBACR,8BAAC,oBAAD,IAAY,SAASC,IAArB,EAA2B,KAAKA,KAAKC,EAArC,EAAyC,WAAWD,KAAKC,EAAzD,GADQ;AAAA,WAAT,CAFH;AAMG,WAACP,eAAD,IACCJ,KAAKY,MAAL,KAAgBX,KADjB,IAEG;AAAA;AAAA;AACE,yBAAU,wBADZ;AAEE,uBAAS;AAAA,uBAAMF,YAAY,EAAEG,MAAMA,OAAO,CAAf,EAAZ,CAAN;AAAA;AAFX;AAIE;AAAA;AAAA;AAAA;AAAA;AAJF;AARN;AADF,OADF;AAoBD;;;;EA3CuBW,gB;;AA8C1BlB,YAAYmB,SAAZ,GAAwB,EAAxB;;kBAEe,uBAAQnB,WAAR,C","file":"index.js","sourcesContent":["import React, { Component } from 'react';\nimport { Spin } from 'antd';\nimport Comment from '../../Comment';\nimport CommentBox from '../CommentBox';\nimport './index.css';\n\nclass CommentList extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {};\n  }\n\n  componentWillMount() {\n    this.props.app.sGetComment();\n  }\n\n  render() {\n    const {\n      list,\n      total,\n      page,\n      loading,\n      isNoMoreComment,\n      sGetComment,\n    } = this.props.app;\n\n    const spinning = Boolean(\n      loading.sGetComment || loading.sCommentFavor || loading.sReplyFavor\n    );\n    return (\n      <div>\n        <Spin spinning={spinning}>\n          <div>共 {total} 条评论</div>\n          {list.map(item => (\n            <CommentBox content={item} key={item.id} commentId={item.id} />\n          ))}\n\n          {!isNoMoreComment &&\n            list.length !== total && (\n              <div\n                className=\"comment-list-show-more\"\n                onClick={() => sGetComment({ page: page + 1 })}\n              >\n                <span>查看更多评论</span>\n              </div>\n            )}\n        </Spin>\n      </div>\n    );\n  }\n}\n\nCommentList.propTypes = {};\n\nexport default Comment(CommentList);\n"]}
+{"version":3,"sources":["../../../src/components/CommentList/index.js"],"names":["CommentList","props","state","app","sGetComment","list","total","page","loading","isNoMoreComment","spinning","Boolean","sCommentFavor","sReplyFavor","map","item","id","length","Component","propTypes"],"mappings":";;;;;;;;;;;;;;AAAA;;;;AAEA;;;;AACA;;;;AACA;;;;;;;;;;IAEMA,W;;;AACJ,uBAAYC,KAAZ,EAAmB;AAAA;;AAAA,0HACXA,KADW;;AAEjB,UAAKC,KAAL,GAAa,EAAb;AAFiB;AAGlB;;;;yCAEoB;AACnB,WAAKD,KAAL,CAAWE,GAAX,CAAeC,WAAf;AACD;;;6BAEQ;AAAA,uBAQH,KAAKH,KAAL,CAAWE,GARR;AAAA,UAELE,IAFK,cAELA,IAFK;AAAA,UAGLC,KAHK,cAGLA,KAHK;AAAA,UAILC,IAJK,cAILA,IAJK;AAAA,UAKLC,OALK,cAKLA,OALK;AAAA,UAMLC,eANK,cAMLA,eANK;AAAA,UAOLL,WAPK,cAOLA,WAPK;;;AAUP,UAAMM,WAAWC,QACfH,QAAQJ,WAAR,IAAuBI,QAAQI,aAA/B,IAAgDJ,QAAQK,WADzC,CAAjB;AAGA,aACE;AAAA;AAAA;AACE;AAAA;AAAA,YAAM,UAAUH,QAAhB;AACE;AAAA;AAAA;AAAA;AAAQJ,iBAAR;AAAA;AAAA,WADF;AAEGD,eAAKS,GAAL,CAAS;AAAA,mBACR,8BAAC,oBAAD,IAAY,SAASC,IAArB,EAA2B,KAAKA,KAAKC,EAArC,EAAyC,WAAWD,KAAKC,EAAzD,GADQ;AAAA,WAAT,CAFH;AAMG,WAACP,eAAD,IACCJ,KAAKY,MAAL,KAAgBX,KADjB,IAEG;AAAA;AAAA;AACE,yBAAU,wBADZ;AAEE,uBAAS;AAAA,uBAAMF,YAAY,EAAEG,MAAMA,OAAO,CAAf,EAAZ,CAAN;AAAA;AAFX;AAIE;AAAA;AAAA;AAAA;AAAA;AAJF;AARN;AADF,OADF;AAoBD;;;;EA3CuBW,gB;;AA8C1BlB,YAAYmB,SAAZ,GAAwB,EAAxB;;kBAEe,uBAAQnB,WAAR,C","file":"index.js","sourcesContent":["import React, { Component } from \"react\";\nimport { Spin } from \"antd\";\nimport Comment from \"../../Comment\";\nimport CommentBox from \"../CommentBox\";\nimport \"./index.css\";\n\nclass CommentList extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {};\n  }\n\n  componentWillMount() {\n    this.props.app.sGetComment();\n  }\n\n  render() {\n    const {\n      list,\n      total,\n      page,\n      loading,\n      isNoMoreComment,\n      sGetComment\n    } = this.props.app;\n\n    const spinning = Boolean(\n      loading.sGetComment || loading.sCommentFavor || loading.sReplyFavor\n    );\n    return (\n      <div>\n        <Spin spinning={spinning}>\n          <div>共 {total} 条评论</div>\n          {list.map(item => (\n            <CommentBox content={item} key={item.id} commentId={item.id} />\n          ))}\n\n          {!isNoMoreComment &&\n            list.length !== total && (\n              <div\n                className=\"comment-list-show-more\"\n                onClick={() => sGetComment({ page: page + 1 })}\n              >\n                <span>查看更多评论</span>\n              </div>\n            )}\n        </Spin>\n      </div>\n    );\n  }\n}\n\nCommentList.propTypes = {};\n\nexport default Comment(CommentList);\n"]}

lib/components/ContentItem/index.js

@@ -1,64 +1,64 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _icon = require('antd/es/icon');
+var _icon = require("antd/es/icon");
 
 var _icon2 = _interopRequireDefault(_icon);
 
-var _tooltip = require('antd/es/tooltip');
+var _tooltip = require("antd/es/tooltip");
 
 var _tooltip2 = _interopRequireDefault(_tooltip);
 
-var _avatar = require('antd/es/avatar');
+var _avatar = require("antd/es/avatar");
 
 var _avatar2 = _interopRequireDefault(_avatar);
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-require('antd/es/icon/style/css');
+require("antd/es/icon/style/css");
 
-require('antd/es/tooltip/style/css');
+require("antd/es/tooltip/style/css");
 
-require('antd/es/avatar/style/css');
+require("antd/es/avatar/style/css");
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _propTypes = require('prop-types');
+var _propTypes = require("prop-types");
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _dayjs = require('dayjs');
+var _dayjs = require("dayjs");
 
 var _dayjs2 = _interopRequireDefault(_dayjs);
 
-require('dayjs/locale/zh-cn');
+require("dayjs/locale/zh-cn");
 
-var _relativeTime = require('dayjs/plugin/relativeTime');
+var _relativeTime = require("dayjs/plugin/relativeTime");
 
 var _relativeTime2 = _interopRequireDefault(_relativeTime);
 
-var _Comment = require('../../Comment');
+var _Comment = require("../../Comment");
 
 var _Comment2 = _interopRequireDefault(_Comment);
 
-var _CommentInput = require('../CommentInput');
+var _CommentInput = require("../CommentInput");
 
 var _CommentInput2 = _interopRequireDefault(_CommentInput);
 
-var _avatar3 = require('../../avatar');
+var _avatar3 = require("../../avatar");
 
 var _avatar4 = _interopRequireDefault(_avatar3);
 
-var _helper = require('../../helper');
+var _helper = require("../../helper");
 
-var _constant = require('../../constant');
+var _constant = require("../../constant");
 
-require('./index.css');
+require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -68,7 +68,7 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-_dayjs2.default.locale('zh-cn');
+_dayjs2.default.locale("zh-cn");
 _dayjs2.default.extend(_relativeTime2.default);
 
 var CommentItem = function (_Component) {
@@ -88,12 +88,12 @@ var CommentItem = function (_Component) {
   }
 
   _createClass(CommentItem, [{
-    key: 'handleToggleInput',
+    key: "handleToggleInput",
     value: function handleToggleInput() {
       this.setState({ showInput: !this.state.showInput });
     }
   }, {
-    key: 'renderTextWithReply',
+    key: "renderTextWithReply",
     value: function renderTextWithReply(text, content) {
       var newText = text;
       var reply = content.reply;
@@ -102,7 +102,7 @@ var CommentItem = function (_Component) {
         // newText = `${newText} //@<a href="/${reply.user_id}">${
         //   reply.user_name
         // }</a> ${reply.content}`;
-        newText = newText + ' //@' + reply.user_name + ' ' + reply.content;
+        newText = newText + " //@" + reply.user_name + " " + reply.content;
         // newText = (
         //   <span>
         //     {newText}
@@ -116,7 +116,7 @@ var CommentItem = function (_Component) {
       return newText;
     }
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
       var _props = this.props,
           commentId = _props.commentId,
@@ -130,89 +130,89 @@ var CommentItem = function (_Component) {
 
 
       var newContent = content.content;
-      var images = '';
+      var images = "";
       if (newContent.indexOf(_constant.IMAGE_SPLIT) !== -1) {
         newContent = newContent.split(_constant.IMAGE_SPLIT);
         images = newContent.pop();
-        newContent = newContent.join('');
+        newContent = newContent.join("");
       }
 
       return _react2.default.createElement(
-        'div',
-        { className: 'comment-item-box' },
+        "div",
+        { className: "comment-item-box" },
         _react2.default.createElement(
-          'div',
-          { className: 'comment-item-left' },
-          _react2.default.createElement(_avatar2.default, { src: content.user_avatar || _avatar4.default, size: 'large' })
+          "div",
+          { className: "comment-item-left" },
+          _react2.default.createElement(_avatar2.default, { src: content.user_avatar || _avatar4.default, size: "large" })
         ),
         _react2.default.createElement(
-          'div',
-          { className: 'comment-item-right' },
+          "div",
+          { className: "comment-item-right" },
           _react2.default.createElement(
-            'div',
+            "div",
             null,
             _react2.default.createElement(
-              'a',
-              { href: '/' + content.user_id },
-              content.user_name || '暂无昵称'
+              "strong",
+              null,
+              content.user_name || "暂无昵称"
             ),
             _react2.default.createElement(
-              'span',
+              "span",
               { style: { marginLeft: 10 } },
               _react2.default.createElement(
                 _tooltip2.default,
                 {
-                  placement: 'top',
-                  title: (0, _dayjs2.default)(content.created * 1000).format('YYYY-MM-DD HH:mm:ss')
+                  placement: "top",
+                  title: (0, _dayjs2.default)(content.created * 1000).format("YYYY-MM-DD HH:mm:ss")
                 },
                 (0, _dayjs2.default)(content.created * 1000).fromNow()
               )
             )
           ),
-          _react2.default.createElement('div', {
-            className: 'comment-item-content',
+          _react2.default.createElement("div", {
+            className: "comment-item-content",
             dangerouslySetInnerHTML: {
               __html: (0, _helper.renderContent)(this.renderTextWithReply(newContent, content))
             }
           }),
           _react2.default.createElement(
-            'div',
-            { className: 'comment-item-image' },
-            images.split(',').map(function (item, index) {
-              return _react2.default.createElement('img', {
+            "div",
+            { className: "comment-item-image" },
+            images.split(",").map(function (item, index) {
+              return _react2.default.createElement("img", {
                 key: index,
                 src: item,
                 alt: item,
-                style: { maxWidth: '100%' }
+                style: { maxWidth: "100%" }
               });
             })
           ),
           _react2.default.createElement(
-            'div',
-            { className: 'comment-item-bottom' },
+            "div",
+            { className: "comment-item-bottom" },
             content.reply_count ? _react2.default.createElement(
-              'div',
+              "div",
               null,
               _react2.default.createElement(
-                'a',
-                { className: 'comment-item-bottom-left', onClick: onShowReply },
+                "a",
+                { className: "comment-item-bottom-left", onClick: onShowReply },
                 content.reply_count,
-                ' \u6761\u56DE\u590D',
-                showReply ? _react2.default.createElement(_icon2.default, { type: 'up' }) : _react2.default.createElement(_icon2.default, { type: 'down' })
+                " \u6761\u56DE\u590D",
+                showReply ? _react2.default.createElement(_icon2.default, { type: "up" }) : _react2.default.createElement(_icon2.default, { type: "down" })
               )
             ) : null,
             _react2.default.createElement(
-              'a',
+              "a",
               {
                 onClick: this.handleToggleInput,
-                className: 'comment-item-bottom-right'
+                className: "comment-item-bottom-right"
               },
-              '\xA0 \u56DE\u590D'
+              "\xA0 \u56DE\u590D"
             ),
             _react2.default.createElement(
-              'div',
+              "div",
               {
-                className: 'comment-item-bottom-right',
+                className: "comment-item-bottom-right",
                 onClick: function onClick() {
                   if (replyId) {
                     // 如果有 replyId，则说明是评论的回复
@@ -223,10 +223,10 @@ var CommentItem = function (_Component) {
                 }
               },
               _react2.default.createElement(_icon2.default, {
-                type: 'like-o',
-                className: content.favored ? 'comment-favor comment-favored' : 'comment-favor'
+                type: "like-o",
+                className: content.favored ? "comment-favor comment-favored" : "comment-favor"
               }),
-              '\xA0',
+              "\xA0",
               content.favor_count
             )
           )
@@ -250,12 +250,12 @@ CommentItem.propTypes = {
   // comment 评论
   // reply 评论的回复
   // replyToReply 回复的回复
-  action: _propTypes2.default.oneOf(['comment', 'reply', 'replyToReply']),
+  action: _propTypes2.default.oneOf(["comment", "reply", "replyToReply"]),
   onShowReply: _propTypes2.default.func
 };
 
 CommentItem.defaultProps = {
-  action: 'comment',
+  action: "comment",
   onShowReply: function onShowReply() {}
 };
 

lib/components/Editor/Emoji.js

@@ -1,24 +1,24 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _carousel = require('antd/es/carousel');
+var _carousel = require("antd/es/carousel");
 
 var _carousel2 = _interopRequireDefault(_carousel);
 
-require('antd/es/carousel/style/css');
+require("antd/es/carousel/style/css");
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _emoji = require('../../emoji');
+var _emoji = require("../../emoji");
 
 var _emoji2 = _interopRequireDefault(_emoji);
 
-require('./Emoji.css');
+require("./Emoji.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -45,17 +45,17 @@ var Emoji = function Emoji(_ref) {
     _carousel2.default,
     null,
     _react2.default.createElement(
-      'div',
+      "div",
       null,
       content[0].map(function (item, index) {
         return _react2.default.createElement(
-          'div',
-          { className: 'item', key: item.value },
-          _react2.default.createElement('span', { className: 'helper' }),
-          _react2.default.createElement('img', {
-            src: '' + _emoji.prefixUrl + item.value + '.' + _emoji.ext,
+          "div",
+          { className: "item", key: item.value },
+          _react2.default.createElement("span", { className: "helper" }),
+          _react2.default.createElement("img", {
+            src: "" + _emoji.prefixUrl + item.value + "." + _emoji.ext,
             alt: item.title,
-            style: { display: 'inline-block' },
+            style: { display: "inline-block" },
             onClick: function onClick() {
               return _onClick(item.title);
             }
@@ -64,17 +64,17 @@ var Emoji = function Emoji(_ref) {
       })
     ),
     _react2.default.createElement(
-      'div',
+      "div",
       null,
       content[1].map(function (item, index) {
         return _react2.default.createElement(
-          'div',
-          { className: 'item', key: item.value },
-          _react2.default.createElement('span', { className: 'helper' }),
-          _react2.default.createElement('img', {
-            src: '' + _emoji.prefixUrl + item.value + '.' + _emoji.ext,
+          "div",
+          { className: "item", key: item.value },
+          _react2.default.createElement("span", { className: "helper" }),
+          _react2.default.createElement("img", {
+            src: "" + _emoji.prefixUrl + item.value + "." + _emoji.ext,
             alt: item.title,
-            style: { display: 'inline-block' },
+            style: { display: "inline-block" },
             onClick: function onClick() {
               return _onClick(item.title);
             }
@@ -83,17 +83,17 @@ var Emoji = function Emoji(_ref) {
       })
     ),
     _react2.default.createElement(
-      'div',
+      "div",
       null,
       content[2].map(function (item) {
         return _react2.default.createElement(
-          'div',
-          { className: 'item', key: item.value },
-          _react2.default.createElement('span', { className: 'helper' }),
-          _react2.default.createElement('img', {
-            src: '' + _emoji.prefixUrl + item.value + '.' + _emoji.ext,
+          "div",
+          { className: "item", key: item.value },
+          _react2.default.createElement("span", { className: "helper" }),
+          _react2.default.createElement("img", {
+            src: "" + _emoji.prefixUrl + item.value + "." + _emoji.ext,
             alt: item.title,
-            style: { display: 'inline-block' },
+            style: { display: "inline-block" },
             onClick: function onClick() {
               return _onClick(item.title);
             }

lib/components/Editor/Emoji.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Editor/Emoji.js"],"names":["Emoji","onClick","content","i","emoji","length","push","map","item","index","value","prefixUrl","ext","title","display"],"mappings":";;;;;;;;;;;;AAAA;;;;AAEA;;;;AACA;;;;AACA;AACA;;AAEA;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,OAAiB;AAAA,MAAdC,QAAc,QAAdA,OAAc;;AAC7B,MAAMC,UAAU,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,CAAhB;;AAEA,OAAK,IAAIC,IAAI,CAAb,EAAgBA,IAAIC,gBAAMC,MAA1B,EAAkCF,GAAlC,EAAuC;AACrC,QAAIA,IAAI,EAAR,EAAY;AACVD,cAAQ,CAAR,EAAWI,IAAX,CAAgBF,gBAAMD,CAAN,CAAhB;AACD,KAFD,MAEO,IAAIA,IAAI,EAAR,EAAY;AACjBD,cAAQ,CAAR,EAAWI,IAAX,CAAgBF,gBAAMD,CAAN,CAAhB;AACD,KAFM,MAEA,IAAIA,IAAIC,gBAAMC,MAAd,EAAsB;AAC3BH,cAAQ,CAAR,EAAWI,IAAX,CAAgBF,gBAAMD,CAAN,CAAhB;AACD;AACF;AACD,SACE;AAAA;AAAA;AACE;AAAA;AAAA;AACGD,cAAQ,CAAR,EAAWK,GAAX,CAAe,UAACC,IAAD,EAAOC,KAAP;AAAA,eACd;AAAA;AAAA,YAAK,WAAU,MAAf,EAAsB,KAAKD,KAAKE,KAAhC;AACE,kDAAM,WAAU,QAAhB,GADF;AAEE;AACE,sBAAQC,gBAAR,GAAoBH,KAAKE,KAAzB,SAAkCE,UADpC;AAEE,iBAAKJ,KAAKK,KAFZ;AAGE,mBAAO,EAAEC,SAAS,cAAX,EAHT;AAIE,qBAAS;AAAA,qBAAMb,SAAQO,KAAKK,KAAb,CAAN;AAAA;AAJX;AAFF,SADc;AAAA,OAAf;AADH,KADF;AAcE;AAAA;AAAA;AACGX,cAAQ,CAAR,EAAWK,GAAX,CAAe,UAACC,IAAD,EAAOC,KAAP;AAAA,eACd;AAAA;AAAA,YAAK,WAAU,MAAf,EAAsB,KAAKD,KAAKE,KAAhC;AACE,kDAAM,WAAU,QAAhB,GADF;AAEE;AACE,sBAAQC,gBAAR,GAAoBH,KAAKE,KAAzB,SAAkCE,UADpC;AAEE,iBAAKJ,KAAKK,KAFZ;AAGE,mBAAO,EAAEC,SAAS,cAAX,EAHT;AAIE,qBAAS;AAAA,qBAAMb,SAAQO,KAAKK,KAAb,CAAN;AAAA;AAJX;AAFF,SADc;AAAA,OAAf;AADH,KAdF;AA2BE;AAAA;AAAA;AACGX,cAAQ,CAAR,EAAWK,GAAX,CAAe;AAAA,eACd;AAAA;AAAA,YAAK,WAAU,MAAf,EAAsB,KAAKC,KAAKE,KAAhC;AACE,kDAAM,WAAU,QAAhB,GADF;AAEE;AACE,sBAAQC,gBAAR,GAAoBH,KAAKE,KAAzB,SAAkCE,UADpC;AAEE,iBAAKJ,KAAKK,KAFZ;AAGE,mBAAO,EAAEC,SAAS,cAAX,EAHT;AAIE,qBAAS;AAAA,qBAAMb,SAAQO,KAAKK,KAAb,CAAN;AAAA;AAJX;AAFF,SADc;AAAA,OAAf;AADH;AA3BF,GADF;AA2CD,CAvDD;;kBAyDeb,K","file":"Emoji.js","sourcesContent":["import React from 'react';\nimport { Carousel } from 'antd';\nimport emoji, { prefixUrl, ext } from '../../emoji';\nimport './Emoji.css';\n// 每页 20  5*4\n// 共 20 * 3 = 60 (实际是 54)\n\n// class Emoji\n\nconst Emoji = ({ onClick }) => {\n  const content = [[], [], []];\n\n  for (let i = 0; i < emoji.length; i++) {\n    if (i < 20) {\n      content[0].push(emoji[i]);\n    } else if (i < 40) {\n      content[1].push(emoji[i]);\n    } else if (i < emoji.length) {\n      content[2].push(emoji[i]);\n    }\n  }\n  return (\n    <Carousel>\n      <div>\n        {content[0].map((item, index) => (\n          <div className=\"item\" key={item.value}>\n            <span className=\"helper\" />\n            <img\n              src={`${prefixUrl}${item.value}.${ext}`}\n              alt={item.title}\n              style={{ display: 'inline-block' }}\n              onClick={() => onClick(item.title)}\n            />\n          </div>\n        ))}\n      </div>\n      <div>\n        {content[1].map((item, index) => (\n          <div className=\"item\" key={item.value}>\n            <span className=\"helper\" />\n            <img\n              src={`${prefixUrl}${item.value}.${ext}`}\n              alt={item.title}\n              style={{ display: 'inline-block' }}\n              onClick={() => onClick(item.title)}\n            />\n          </div>\n        ))}\n      </div>\n      <div>\n        {content[2].map(item => (\n          <div className=\"item\" key={item.value}>\n            <span className=\"helper\" />\n            <img\n              src={`${prefixUrl}${item.value}.${ext}`}\n              alt={item.title}\n              style={{ display: 'inline-block' }}\n              onClick={() => onClick(item.title)}\n            />\n          </div>\n        ))}\n      </div>\n    </Carousel>\n  );\n};\n\nexport default Emoji;\n"]}
+{"version":3,"sources":["../../../src/components/Editor/Emoji.js"],"names":["Emoji","onClick","content","i","emoji","length","push","map","item","index","value","prefixUrl","ext","title","display"],"mappings":";;;;;;;;;;;;AAAA;;;;AAEA;;;;AACA;;;;AACA;AACA;;AAEA;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,OAAiB;AAAA,MAAdC,QAAc,QAAdA,OAAc;;AAC7B,MAAMC,UAAU,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,CAAhB;;AAEA,OAAK,IAAIC,IAAI,CAAb,EAAgBA,IAAIC,gBAAMC,MAA1B,EAAkCF,GAAlC,EAAuC;AACrC,QAAIA,IAAI,EAAR,EAAY;AACVD,cAAQ,CAAR,EAAWI,IAAX,CAAgBF,gBAAMD,CAAN,CAAhB;AACD,KAFD,MAEO,IAAIA,IAAI,EAAR,EAAY;AACjBD,cAAQ,CAAR,EAAWI,IAAX,CAAgBF,gBAAMD,CAAN,CAAhB;AACD,KAFM,MAEA,IAAIA,IAAIC,gBAAMC,MAAd,EAAsB;AAC3BH,cAAQ,CAAR,EAAWI,IAAX,CAAgBF,gBAAMD,CAAN,CAAhB;AACD;AACF;AACD,SACE;AAAA;AAAA;AACE;AAAA;AAAA;AACGD,cAAQ,CAAR,EAAWK,GAAX,CAAe,UAACC,IAAD,EAAOC,KAAP;AAAA,eACd;AAAA;AAAA,YAAK,WAAU,MAAf,EAAsB,KAAKD,KAAKE,KAAhC;AACE,kDAAM,WAAU,QAAhB,GADF;AAEE;AACE,sBAAQC,gBAAR,GAAoBH,KAAKE,KAAzB,SAAkCE,UADpC;AAEE,iBAAKJ,KAAKK,KAFZ;AAGE,mBAAO,EAAEC,SAAS,cAAX,EAHT;AAIE,qBAAS;AAAA,qBAAMb,SAAQO,KAAKK,KAAb,CAAN;AAAA;AAJX;AAFF,SADc;AAAA,OAAf;AADH,KADF;AAcE;AAAA;AAAA;AACGX,cAAQ,CAAR,EAAWK,GAAX,CAAe,UAACC,IAAD,EAAOC,KAAP;AAAA,eACd;AAAA;AAAA,YAAK,WAAU,MAAf,EAAsB,KAAKD,KAAKE,KAAhC;AACE,kDAAM,WAAU,QAAhB,GADF;AAEE;AACE,sBAAQC,gBAAR,GAAoBH,KAAKE,KAAzB,SAAkCE,UADpC;AAEE,iBAAKJ,KAAKK,KAFZ;AAGE,mBAAO,EAAEC,SAAS,cAAX,EAHT;AAIE,qBAAS;AAAA,qBAAMb,SAAQO,KAAKK,KAAb,CAAN;AAAA;AAJX;AAFF,SADc;AAAA,OAAf;AADH,KAdF;AA2BE;AAAA;AAAA;AACGX,cAAQ,CAAR,EAAWK,GAAX,CAAe;AAAA,eACd;AAAA;AAAA,YAAK,WAAU,MAAf,EAAsB,KAAKC,KAAKE,KAAhC;AACE,kDAAM,WAAU,QAAhB,GADF;AAEE;AACE,sBAAQC,gBAAR,GAAoBH,KAAKE,KAAzB,SAAkCE,UADpC;AAEE,iBAAKJ,KAAKK,KAFZ;AAGE,mBAAO,EAAEC,SAAS,cAAX,EAHT;AAIE,qBAAS;AAAA,qBAAMb,SAAQO,KAAKK,KAAb,CAAN;AAAA;AAJX;AAFF,SADc;AAAA,OAAf;AADH;AA3BF,GADF;AA2CD,CAvDD;;kBAyDeb,K","file":"Emoji.js","sourcesContent":["import React from \"react\";\nimport { Carousel } from \"antd\";\nimport emoji, { prefixUrl, ext } from \"../../emoji\";\nimport \"./Emoji.css\";\n// 每页 20  5*4\n// 共 20 * 3 = 60 (实际是 54)\n\n// class Emoji\n\nconst Emoji = ({ onClick }) => {\n  const content = [[], [], []];\n\n  for (let i = 0; i < emoji.length; i++) {\n    if (i < 20) {\n      content[0].push(emoji[i]);\n    } else if (i < 40) {\n      content[1].push(emoji[i]);\n    } else if (i < emoji.length) {\n      content[2].push(emoji[i]);\n    }\n  }\n  return (\n    <Carousel>\n      <div>\n        {content[0].map((item, index) => (\n          <div className=\"item\" key={item.value}>\n            <span className=\"helper\" />\n            <img\n              src={`${prefixUrl}${item.value}.${ext}`}\n              alt={item.title}\n              style={{ display: \"inline-block\" }}\n              onClick={() => onClick(item.title)}\n            />\n          </div>\n        ))}\n      </div>\n      <div>\n        {content[1].map((item, index) => (\n          <div className=\"item\" key={item.value}>\n            <span className=\"helper\" />\n            <img\n              src={`${prefixUrl}${item.value}.${ext}`}\n              alt={item.title}\n              style={{ display: \"inline-block\" }}\n              onClick={() => onClick(item.title)}\n            />\n          </div>\n        ))}\n      </div>\n      <div>\n        {content[2].map(item => (\n          <div className=\"item\" key={item.value}>\n            <span className=\"helper\" />\n            <img\n              src={`${prefixUrl}${item.value}.${ext}`}\n              alt={item.title}\n              style={{ display: \"inline-block\" }}\n              onClick={() => onClick(item.title)}\n            />\n          </div>\n        ))}\n      </div>\n    </Carousel>\n  );\n};\n\nexport default Emoji;\n"]}

lib/components/Editor/Upload.js

@@ -1,54 +1,54 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _modal = require('antd/es/modal');
+var _modal = require("antd/es/modal");
 
 var _modal2 = _interopRequireDefault(_modal);
 
-var _upload = require('antd/es/upload');
+var _upload = require("antd/es/upload");
 
 var _upload2 = _interopRequireDefault(_upload);
 
-var _icon = require('antd/es/icon');
+var _icon = require("antd/es/icon");
 
 var _icon2 = _interopRequireDefault(_icon);
 
-var _message2 = require('antd/es/message');
+var _message2 = require("antd/es/message");
 
 var _message3 = _interopRequireDefault(_message2);
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-require('antd/es/modal/style/css');
+require("antd/es/modal/style/css");
 
-require('antd/es/upload/style/css');
+require("antd/es/upload/style/css");
 
-require('antd/es/icon/style/css');
+require("antd/es/icon/style/css");
 
-require('antd/es/message/style/css');
+require("antd/es/message/style/css");
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _dayjs = require('dayjs');
+var _dayjs = require("dayjs");
 
 var _dayjs2 = _interopRequireDefault(_dayjs);
 
-var _shortid = require('shortid');
+var _shortid = require("shortid");
 
 var _shortid2 = _interopRequireDefault(_shortid);
 
-var _constant = require('../../constant');
+var _constant = require("../../constant");
 
-var _Comment = require('../../Comment');
+var _Comment = require("../../Comment");
 
 var _Comment2 = _interopRequireDefault(_Comment);
 
-require('./Upload.css');
+require("./Upload.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -69,7 +69,7 @@ var client = function client(oss) {
 };
 
 var uploadPath = function uploadPath(path, file) {
-  return path + '/' + (0, _dayjs2.default)().format('YYYYMMDD') + '/' + _shortid2.default.generate() + '.' + file.type.split('/')[1];
+  return path + "/" + (0, _dayjs2.default)().format("YYYYMMDD") + "/" + _shortid2.default.generate() + "." + file.type.split("/")[1];
 };
 
 var UploadToOss = function UploadToOss(oss, path, file) {
@@ -93,7 +93,7 @@ var App = function (_React$Component) {
 
     _this.state = {
       previewVisible: false,
-      previewImage: ''
+      previewImage: ""
     };
     _this.handleCancel = _this.handleCancel.bind(_this);
     _this.handlePreview = _this.handlePreview.bind(_this);
@@ -103,17 +103,17 @@ var App = function (_React$Component) {
   }
 
   _createClass(App, [{
-    key: 'componentDidMount',
+    key: "componentDidMount",
     value: function componentDidMount() {
       this.props.app.sOssSts();
     }
   }, {
-    key: 'handleCancel',
+    key: "handleCancel",
     value: function handleCancel() {
       this.setState({ previewVisible: false });
     }
   }, {
-    key: 'handlePreview',
+    key: "handlePreview",
     value: function handlePreview(file) {
       this.setState({
         previewImage: file.url || file.thumbUrl,
@@ -121,14 +121,14 @@ var App = function (_React$Component) {
       });
     }
   }, {
-    key: 'handleChange',
+    key: "handleChange",
     value: function handleChange(_ref) {
       var fileList = _ref.fileList;
 
       this.props.onChangeFileList(fileList);
     }
   }, {
-    key: 'customRequest',
+    key: "customRequest",
     value: function customRequest(info) {
       var _this2 = this;
 
@@ -151,7 +151,7 @@ var App = function (_React$Component) {
       };
     }
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
       var _state = this.state,
           previewVisible = _state.previewVisible,
@@ -161,23 +161,23 @@ var App = function (_React$Component) {
           maxUpload = _props.maxUpload;
 
       var uploadButton = _react2.default.createElement(
-        'div',
+        "div",
         null,
-        _react2.default.createElement(_icon2.default, { type: 'plus' }),
+        _react2.default.createElement(_icon2.default, { type: "plus" }),
         _react2.default.createElement(
-          'div',
-          { className: 'ant-upload-text' },
-          '\u4E0A\u4F20'
+          "div",
+          { className: "ant-upload-text" },
+          "\u4E0A\u4F20"
         )
       );
       return _react2.default.createElement(
-        'div',
+        "div",
         null,
         _react2.default.createElement(
           _upload2.default,
           {
-            accept: 'image/jpg,image/jpeg,image/png,image/bmp',
-            listType: 'picture-card',
+            accept: "image/jpg,image/jpeg,image/png,image/bmp",
+            listType: "picture-card",
             fileList: fileList,
             customRequest: this.customRequest,
             onPreview: this.handlePreview,
@@ -192,7 +192,7 @@ var App = function (_React$Component) {
             footer: null,
             onCancel: this.handleCancel
           },
-          _react2.default.createElement('img', { alt: 'upload', style: { width: '100%' }, src: previewImage })
+          _react2.default.createElement("img", { alt: "upload", style: { width: "100%" }, src: previewImage })
         )
       );
     }

lib/components/Editor/index.css

@@ -30,7 +30,7 @@
   box-shadow: none;
   border-bottom: 1px solid #eee;
 }
-.comment-editor [contentEditable='true']:empty:not(:focus):before {
+.comment-editor [contentEditable="true"]:empty:not(:focus):before {
   content: attr(data-text);
   color: #bfbfbf;
 }

lib/components/Editor/index.js

@@ -1,56 +1,56 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _button = require('antd/es/button');
+var _button = require("antd/es/button");
 
 var _button2 = _interopRequireDefault(_button);
 
-var _popover = require('antd/es/popover');
+var _popover = require("antd/es/popover");
 
 var _popover2 = _interopRequireDefault(_popover);
 
-var _icon = require('antd/es/icon');
+var _icon = require("antd/es/icon");
 
 var _icon2 = _interopRequireDefault(_icon);
 
-var _input = require('antd/es/input');
+var _input = require("antd/es/input");
 
 var _input2 = _interopRequireDefault(_input);
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-require('antd/es/button/style/css');
+require("antd/es/button/style/css");
 
-require('antd/es/popover/style/css');
+require("antd/es/popover/style/css");
 
-require('antd/es/icon/style/css');
+require("antd/es/icon/style/css");
 
-require('antd/es/input/style/css');
+require("antd/es/input/style/css");
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _propTypes = require('prop-types');
+var _propTypes = require("prop-types");
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _constant = require('../../constant');
+var _constant = require("../../constant");
 
-var _helper = require('../../helper');
+var _helper = require("../../helper");
 
-var _Upload = require('./Upload');
+var _Upload = require("./Upload");
 
 var _Upload2 = _interopRequireDefault(_Upload);
 
-var _Emoji = require('./Emoji');
+var _Emoji = require("./Emoji");
 
 var _Emoji2 = _interopRequireDefault(_Emoji);
 
-require('./index.css');
+require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -72,7 +72,7 @@ var Editor = function (_React$Component) {
 
     _this.state = {
       showUpload: false,
-      value: '', // 编辑器里面的值
+      value: "", // 编辑器里面的值
 
       fileList: [], // 图片列表
       fileMap: {} // 已经上传的图片路径和 uid 的映射 { uid: path }
@@ -88,7 +88,7 @@ var Editor = function (_React$Component) {
   }
 
   _createClass(Editor, [{
-    key: 'componentDidMount',
+    key: "componentDidMount",
     value: function componentDidMount() {
       if ((0, _helper.isFunction)(this.props.onRef)) {
         this.props.onRef(this);
@@ -102,7 +102,7 @@ var Editor = function (_React$Component) {
      */
 
   }, {
-    key: 'handleChange',
+    key: "handleChange",
     value: function handleChange(value) {
       this.setState({ value: value });
       if (this.props.onChange) {
@@ -119,11 +119,11 @@ var Editor = function (_React$Component) {
      */
 
   }, {
-    key: 'handleClickEmoji',
+    key: "handleClickEmoji",
     value: function handleClickEmoji(emoji) {
       var value = this.state.value;
 
-      value += '[' + emoji + ']';
+      value += "[" + emoji + "]";
       this.handleChange(value);
     }
 
@@ -133,7 +133,7 @@ var Editor = function (_React$Component) {
      */
 
   }, {
-    key: 'handleChangeFileList',
+    key: "handleChangeFileList",
     value: function handleChangeFileList(fileList) {
       this.setState({ fileList: fileList });
     }
@@ -144,9 +144,9 @@ var Editor = function (_React$Component) {
      */
 
   }, {
-    key: 'handleShowUpload',
+    key: "handleShowUpload",
     value: function handleShowUpload(showUpload) {
-      if (typeof showUpload === 'boolean') {
+      if (typeof showUpload === "boolean") {
         this.setState({ showUpload: showUpload });
       } else {
         this.setState({ showUpload: !this.state.showUpload });
@@ -159,7 +159,7 @@ var Editor = function (_React$Component) {
      */
 
   }, {
-    key: 'handleUpload',
+    key: "handleUpload",
     value: function handleUpload(_ref) {
       var uid = _ref.uid,
           path = _ref.path;
@@ -176,7 +176,7 @@ var Editor = function (_React$Component) {
      */
 
   }, {
-    key: 'handleSubmit',
+    key: "handleSubmit",
     value: function handleSubmit() {
       var _this2 = this;
 
@@ -188,7 +188,7 @@ var Editor = function (_React$Component) {
       var files = [];
       if (fileList.length) {
         fileList.forEach(function (item) {
-          files.push('' + _constant.OSS_LINK + fileMap[item.uid]);
+          files.push("" + _constant.OSS_LINK + fileMap[item.uid]);
         });
       }
       this.props.onSubmit({ text: value, files: files }, function () {
@@ -196,17 +196,17 @@ var Editor = function (_React$Component) {
       });
     }
   }, {
-    key: 'resetState',
+    key: "resetState",
     value: function resetState() {
       this.setState({
         showUpload: false,
-        value: '',
+        value: "",
         fileList: [],
         fileMap: {}
       });
     }
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
       var _this3 = this;
 
@@ -227,8 +227,8 @@ var Editor = function (_React$Component) {
       var handleSubmit = this.handleSubmit;
       var disabledSubmit = btnDisabled || !this.props.value && !this.state.value && !this.state.fileList.length;
       return _react2.default.createElement(
-        'div',
-        { className: 'comment-editor' },
+        "div",
+        { className: "comment-editor" },
         _react2.default.createElement(TextArea, {
           value: value || this.state.value,
           onChange: function onChange(e) {
@@ -238,25 +238,25 @@ var Editor = function (_React$Component) {
           placeholder: placeholder
         }),
         _react2.default.createElement(
-          'div',
-          { className: 'comment-toolbar' },
+          "div",
+          { className: "comment-toolbar" },
           _react2.default.createElement(
-            'div',
-            { className: 'comment-toolbar-left' },
+            "div",
+            { className: "comment-toolbar-left" },
             showEmoji && _react2.default.createElement(
               _popover2.default,
               {
-                trigger: 'click',
-                placement: 'bottomLeft',
+                trigger: "click",
+                placement: "bottomLeft",
                 autoAdjustOverflow: false,
                 content: _react2.default.createElement(
-                  'div',
+                  "div",
                   { style: { width: 200 } },
                   _react2.default.createElement(_Emoji2.default, { onClick: this.handleClickEmoji })
                 ),
-                overlayClassName: 'comment-emoji-popover'
+                overlayClassName: "comment-emoji-popover"
               },
-              emojiToolIcon || _react2.default.createElement(_icon2.default, { type: 'smile-o', className: 'comment-toolbar-icon' })
+              emojiToolIcon || _react2.default.createElement(_icon2.default, { type: "smile-o", className: "comment-toolbar-icon" })
             ),
             showUpload && _react2.default.createElement(
               _popover2.default,
@@ -264,12 +264,12 @@ var Editor = function (_React$Component) {
                 visible: this.state.showUpload,
                 overlayStyle: { zIndex: 999 },
                 content: _react2.default.createElement(
-                  'div',
+                  "div",
                   {
                     style: {
                       width: 112 * maxUpload,
                       minHeight: 100,
-                      margin: '0 auto'
+                      margin: "0 auto"
                     }
                   },
                   _react2.default.createElement(_Upload2.default, {
@@ -279,30 +279,30 @@ var Editor = function (_React$Component) {
                     fileList: this.state.fileList
                   })
                 ),
-                placement: 'bottomLeft',
+                placement: "bottomLeft",
                 title: _react2.default.createElement(
-                  'div',
-                  { style: { margin: '5px auto' } },
+                  "div",
+                  { style: { margin: "5px auto" } },
                   _react2.default.createElement(
-                    'span',
+                    "span",
                     null,
-                    '\u4E0A\u4F20\u56FE\u7247',
+                    "\u4E0A\u4F20\u56FE\u7247",
                     maxUpload >= 2 ? _react2.default.createElement(
-                      'span',
-                      { style: { color: '#666', fontWeight: 400 } },
-                      '(\u60A8\u8FD8\u80FD\u4E0A\u4F20',
+                      "span",
+                      { style: { color: "#666", fontWeight: 400 } },
+                      "(\u60A8\u8FD8\u80FD\u4E0A\u4F20",
                       maxUpload - this.state.fileList.length,
-                      '\u5F20\u56FE\u7247)'
+                      "\u5F20\u56FE\u7247)"
                     ) : null
                   ),
                   _react2.default.createElement(_icon2.default, {
-                    type: 'close',
+                    type: "close",
                     onClick: function onClick() {
                       return _this3.handleShowUpload(false);
                     },
                     style: {
-                      float: 'right',
-                      cursor: 'pointer',
+                      float: "right",
+                      cursor: "pointer",
                       marginTop: 4
                     }
                   })
@@ -313,8 +313,8 @@ var Editor = function (_React$Component) {
                   return _this3.handleShowUpload(true);
                 }
               }) : _react2.default.createElement(_icon2.default, {
-                type: 'picture',
-                className: 'comment-toolbar-icon',
+                type: "picture",
+                className: "comment-toolbar-icon",
                 style: { marginLeft: 10 },
                 onClick: function onClick() {
                   return _this3.handleShowUpload(true);
@@ -323,8 +323,8 @@ var Editor = function (_React$Component) {
             )
           ),
           _react2.default.createElement(
-            'div',
-            { className: 'comment-toolbar-right' },
+            "div",
+            { className: "comment-toolbar-right" },
             button ? _react2.default.cloneElement(button, {
               onClick: button.props.onClick || handleSubmit
             }) : _react2.default.createElement(
@@ -333,7 +333,7 @@ var Editor = function (_React$Component) {
                 onClick: function onClick() {
                   return _this3.handleSubmit();
                 },
-                type: 'primary',
+                type: "primary",
                 loading: btnLoading,
                 disabled: disabledSubmit
               },
@@ -367,11 +367,11 @@ Editor.propTypes = {
 
 Editor.defaultProps = {
   rows: 5,
-  placeholder: '说点什么吧...',
+  placeholder: "说点什么吧...",
   showEmoji: true,
   showUpload: true,
   maxUpload: 1,
-  btnSubmitText: '发表',
+  btnSubmitText: "发表",
   btnLoading: false,
   btnDisabled: false
 };

lib/components/RenderText/index.js

@@ -1,20 +1,20 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _helper = require('../../helper');
+var _helper = require("../../helper");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var App = function App(text) {
-  return _react2.default.createElement('div', {
-    className: 'comment-item-content',
+  return _react2.default.createElement("div", {
+    className: "comment-item-content",
     dangerouslySetInnerHTML: {
       __html: (0, _helper.renderContent)(text)
     }

lib/components/RenderText/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/RenderText/index.js"],"names":["App","__html","text"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA,IAAMA,MAAM,SAANA,GAAM;AAAA,SACV;AACE,eAAU,sBADZ;AAEE,6BAAyB;AACvBC,cAAQ,2BAAcC,IAAd;AADe;AAF3B,IADU;AAAA,CAAZ;;kBASeF,G","file":"index.js","sourcesContent":["import React from 'react';\nimport { renderContent } from '../../helper';\n\nconst App = text => (\n  <div\n    className=\"comment-item-content\"\n    dangerouslySetInnerHTML={{\n      __html: renderContent(text),\n    }}\n  />\n);\n\nexport default App;\n"]}
+{"version":3,"sources":["../../../src/components/RenderText/index.js"],"names":["App","__html","text"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA,IAAMA,MAAM,SAANA,GAAM;AAAA,SACV;AACE,eAAU,sBADZ;AAEE,6BAAyB;AACvBC,cAAQ,2BAAcC,IAAd;AADe;AAF3B,IADU;AAAA,CAAZ;;kBASeF,G","file":"index.js","sourcesContent":["import React from \"react\";\nimport { renderContent } from \"../../helper\";\n\nconst App = text => (\n  <div\n    className=\"comment-item-content\"\n    dangerouslySetInnerHTML={{\n      __html: renderContent(text)\n    }}\n  />\n);\n\nexport default App;\n"]}

lib/constant.js

@@ -1,23 +1,23 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var ERROR_DEFAULT = exports.ERROR_DEFAULT = '出错了！';
+var ERROR_DEFAULT = exports.ERROR_DEFAULT = "出错了！";
 
 var LIMIT = exports.LIMIT = 10; // 默认 limit
 
-var OSS_ENDPOINT = exports.OSS_ENDPOINT = 'oss-cn-beijing.aliyuncs.com';
-var OSS_BUCKET = exports.OSS_BUCKET = 'links-comment';
-var DRIVER_LICENSE_PATH = exports.DRIVER_LICENSE_PATH = '/comment';
+var OSS_ENDPOINT = exports.OSS_ENDPOINT = "oss-cn-beijing.aliyuncs.com";
+var OSS_BUCKET = exports.OSS_BUCKET = "links-comment";
+var DRIVER_LICENSE_PATH = exports.DRIVER_LICENSE_PATH = "/comment";
 
-var OSS_LINK = exports.OSS_LINK = 'http://links-comment.oss-cn-beijing.aliyuncs.com';
+var OSS_LINK = exports.OSS_LINK = "http://links-comment.oss-cn-beijing.aliyuncs.com";
 
 var MAX_UPLOAD_NUMBER = exports.MAX_UPLOAD_NUMBER = 4;
 
 var REGEXP = exports.REGEXP = /\[.+?\]/g;
 
-var AVATAR = exports.AVATAR = '';
+var AVATAR = exports.AVATAR = "";
 
-var IMAGE_SPLIT = exports.IMAGE_SPLIT = 'IMAGE_SPLIT';
+var IMAGE_SPLIT = exports.IMAGE_SPLIT = "IMAGE_SPLIT";
 //# sourceMappingURL=constant.js.map

lib/constant.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/constant.js"],"names":["ERROR_DEFAULT","LIMIT","OSS_ENDPOINT","OSS_BUCKET","DRIVER_LICENSE_PATH","OSS_LINK","MAX_UPLOAD_NUMBER","REGEXP","AVATAR","IMAGE_SPLIT"],"mappings":";;;;;AAAO,IAAMA,wCAAgB,MAAtB;;AAEA,IAAMC,wBAAQ,EAAd,C,CAAkB;;AAElB,IAAMC,sCAAe,6BAArB;AACA,IAAMC,kCAAa,eAAnB;AACA,IAAMC,oDAAsB,UAA5B;;AAEA,IAAMC,8BAAW,kDAAjB;;AAEA,IAAMC,gDAAoB,CAA1B;;AAEA,IAAMC,0BAAS,UAAf;;AAEA,IAAMC,0BAAS,EAAf;;AAEA,IAAMC,oCAAc,aAApB","file":"constant.js","sourcesContent":["export const ERROR_DEFAULT = '出错了！';\n\nexport const LIMIT = 10; // 默认 limit\n\nexport const OSS_ENDPOINT = 'oss-cn-beijing.aliyuncs.com';\nexport const OSS_BUCKET = 'links-comment';\nexport const DRIVER_LICENSE_PATH = '/comment';\n\nexport const OSS_LINK = 'http://links-comment.oss-cn-beijing.aliyuncs.com';\n\nexport const MAX_UPLOAD_NUMBER = 4;\n\nexport const REGEXP = /\\[.+?\\]/g;\n\nexport const AVATAR = '';\n\nexport const IMAGE_SPLIT = 'IMAGE_SPLIT';\n"]}
+{"version":3,"sources":["../src/constant.js"],"names":["ERROR_DEFAULT","LIMIT","OSS_ENDPOINT","OSS_BUCKET","DRIVER_LICENSE_PATH","OSS_LINK","MAX_UPLOAD_NUMBER","REGEXP","AVATAR","IMAGE_SPLIT"],"mappings":";;;;;AAAO,IAAMA,wCAAgB,MAAtB;;AAEA,IAAMC,wBAAQ,EAAd,C,CAAkB;;AAElB,IAAMC,sCAAe,6BAArB;AACA,IAAMC,kCAAa,eAAnB;AACA,IAAMC,oDAAsB,UAA5B;;AAEA,IAAMC,8BAAW,kDAAjB;;AAEA,IAAMC,gDAAoB,CAA1B;;AAEA,IAAMC,0BAAS,UAAf;;AAEA,IAAMC,0BAAS,EAAf;;AAEA,IAAMC,oCAAc,aAApB","file":"constant.js","sourcesContent":["export const ERROR_DEFAULT = \"出错了！\";\n\nexport const LIMIT = 10; // 默认 limit\n\nexport const OSS_ENDPOINT = \"oss-cn-beijing.aliyuncs.com\";\nexport const OSS_BUCKET = \"links-comment\";\nexport const DRIVER_LICENSE_PATH = \"/comment\";\n\nexport const OSS_LINK = \"http://links-comment.oss-cn-beijing.aliyuncs.com\";\n\nexport const MAX_UPLOAD_NUMBER = 4;\n\nexport const REGEXP = /\\[.+?\\]/g;\n\nexport const AVATAR = \"\";\n\nexport const IMAGE_SPLIT = \"IMAGE_SPLIT\";\n"]}

lib/emoji.js

@@ -1,175 +1,175 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var emoji = [{
-  value: '0',
-  title: '捶地'
+  value: "0",
+  title: "捶地"
 }, {
-  value: '1',
-  title: '怀疑'
+  value: "1",
+  title: "怀疑"
 }, {
-  value: '2',
-  title: '撇嘴'
+  value: "2",
+  title: "撇嘴"
 }, {
-  value: '3',
-  title: '色'
+  value: "3",
+  title: "色"
 }, {
-  value: '4',
-  title: '发呆'
+  value: "4",
+  title: "发呆"
 }, {
-  value: '5',
-  title: '酷'
+  value: "5",
+  title: "酷"
 }, {
-  value: '6',
-  title: '害羞'
+  value: "6",
+  title: "害羞"
 }, {
-  value: '7',
-  title: '闭嘴'
+  value: "7",
+  title: "闭嘴"
 }, {
-  value: '8',
-  title: '睡觉'
+  value: "8",
+  title: "睡觉"
 }, {
-  value: '9',
-  title: '大哭'
+  value: "9",
+  title: "大哭"
 }, {
-  value: '10',
-  title: '尴尬'
+  value: "10",
+  title: "尴尬"
 }, {
-  value: '11',
-  title: '发怒'
+  value: "11",
+  title: "发怒"
 }, {
-  value: '12',
-  title: '调皮'
+  value: "12",
+  title: "调皮"
 }, {
-  value: '13',
-  title: '呲牙'
+  value: "13",
+  title: "呲牙"
 }, {
-  value: '14',
-  title: '微笑'
+  value: "14",
+  title: "微笑"
 }, {
-  value: '15',
-  title: '难过'
+  value: "15",
+  title: "难过"
 }, {
-  value: '16',
-  title: '帅呆'
+  value: "16",
+  title: "帅呆"
 }, {
-  value: '17',
-  title: '折磨'
+  value: "17",
+  title: "折磨"
 }, {
-  value: '18',
-  title: '吐'
+  value: "18",
+  title: "吐"
 }, {
-  value: '19',
-  title: '偷笑'
+  value: "19",
+  title: "偷笑"
 }, {
-  value: '20',
-  title: '可爱'
+  value: "20",
+  title: "可爱"
 }, {
-  value: '21',
-  title: '白眼'
+  value: "21",
+  title: "白眼"
 }, {
-  value: '22',
-  title: '傲慢'
+  value: "22",
+  title: "傲慢"
 }, {
-  value: '23',
-  title: '嘴馋'
+  value: "23",
+  title: "嘴馋"
 }, {
-  value: '24',
-  title: '困'
+  value: "24",
+  title: "困"
 }, {
-  value: '25',
-  title: '恐慌'
+  value: "25",
+  title: "恐慌"
 }, {
-  value: '26',
-  title: '流汗'
+  value: "26",
+  title: "流汗"
 }, {
-  value: '27',
-  title: '憨笑'
+  value: "27",
+  title: "憨笑"
 }, {
-  value: '28',
-  title: '大兵'
+  value: "28",
+  title: "大兵"
 }, {
-  value: '29',
-  title: '奋斗'
+  value: "29",
+  title: "奋斗"
 }, {
-  value: '30',
-  title: '疑问'
+  value: "30",
+  title: "疑问"
 }, {
-  value: '31',
-  title: '嘘'
+  value: "31",
+  title: "嘘"
 }, {
-  value: '32',
-  title: '晕'
+  value: "32",
+  title: "晕"
 }, {
-  value: '33',
-  title: '被炸了'
+  value: "33",
+  title: "被炸了"
 }, {
-  value: '34',
-  title: '骷髅'
+  value: "34",
+  title: "骷髅"
 }, {
-  value: '35',
-  title: '敲打'
+  value: "35",
+  title: "敲打"
 }, {
-  value: '36',
-  title: '拜拜'
+  value: "36",
+  title: "拜拜"
 }, {
-  value: '37',
-  title: '发抖'
+  value: "37",
+  title: "发抖"
 }, {
-  value: '38',
-  title: '亲密'
+  value: "38",
+  title: "亲密"
 }, {
-  value: '39',
-  title: '跳'
+  value: "39",
+  title: "跳"
 }, {
-  value: '40',
-  title: '猪头'
+  value: "40",
+  title: "猪头"
 }, {
-  value: '41',
-  title: '拥抱'
+  value: "41",
+  title: "拥抱"
 }, {
-  value: '42',
-  title: '生日蛋糕'
+  value: "42",
+  title: "生日蛋糕"
 }, {
-  value: '43',
-  title: '闪电'
+  value: "43",
+  title: "闪电"
 }, {
-  value: '44',
-  title: '地雷'
+  value: "44",
+  title: "地雷"
 }, {
-  value: '45',
-  title: '刀'
+  value: "45",
+  title: "刀"
 }, {
-  value: '46',
-  title: '足球'
+  value: "46",
+  title: "足球"
 }, {
-  value: '47',
-  title: '便便'
+  value: "47",
+  title: "便便"
 }, {
-  value: '48',
-  title: '咖啡'
+  value: "48",
+  title: "咖啡"
 }, {
-  value: '49',
-  title: '米饭'
+  value: "49",
+  title: "米饭"
 }, {
-  value: '50',
-  title: '玫瑰'
+  value: "50",
+  title: "玫瑰"
 }, {
-  value: '51',
-  title: '枯萎玫瑰'
+  value: "51",
+  title: "枯萎玫瑰"
 }, {
-  value: '52',
-  title: '爱心'
+  value: "52",
+  title: "爱心"
 }, {
-  value: '53',
-  title: '心碎'
+  value: "53",
+  title: "心碎"
 }];
 
-var prefixUrl = exports.prefixUrl = 'https://a.links123.cn/site/src/feed/imgs/qq/';
+var prefixUrl = exports.prefixUrl = "https://a.links123.cn/site/src/feed/imgs/qq/";
 
-var ext = exports.ext = 'gif';
+var ext = exports.ext = "gif";
 
 exports.default = emoji;
 //# sourceMappingURL=emoji.js.map

lib/helper.js

@@ -1,4 +1,4 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,18 +9,18 @@ exports.arrayToObject = arrayToObject;
 exports.htmlEncode = htmlEncode;
 exports.renderContent = renderContent;
 
-var _constant = require('./constant');
+var _constant = require("./constant");
 
-var _emoji = require('./emoji');
+var _emoji = require("./emoji");
 
 var _emoji2 = _interopRequireDefault(_emoji);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var emojiObejct = arrayToObject(_emoji2.default, 'title');
+var emojiObejct = arrayToObject(_emoji2.default, "title");
 
 function isFunction(functionToCheck) {
-  return functionToCheck && {}.toString.call(functionToCheck) === '[object Function]';
+  return functionToCheck && {}.toString.call(functionToCheck) === "[object Function]";
 }
 
 function isUrl(userInput) {
@@ -47,9 +47,9 @@ function arrayToObject(array, keyField) {
  * @param {string} str 文本
  */
 function htmlEncode(str) {
-  if (!str) return '';
-  return str.replace(/<\/?(?!a)\w*\b[^>]*>/gim, function (i) {
-    return '&#' + i.charCodeAt(0) + ';';
+  if (!str) return "";
+  return str.replace(/<>/gim, function (i) {
+    return "&#" + i.charCodeAt(0) + ";";
   });
 }
 
@@ -63,7 +63,7 @@ function renderContent(content, onClick) {
   if (newContent.indexOf(_constant.IMAGE_SPLIT) !== -1) {
     newContent = newContent.split(_constant.IMAGE_SPLIT);
     newContent.pop();
-    newContent = newContent.join('');
+    newContent = newContent.join("");
   }
 
   return htmlEncode(newContent).replace(_constant.REGEXP, function (a, b) {
@@ -72,10 +72,10 @@ function renderContent(content, onClick) {
     // 兼容旧的评
     // 因为旧的评论用 [img url] 方式存储的
     if (isUrl(src)) {
-      return '<br/><img src="' + src + '" alt="' + src + '" style="max-width: 100%" />';
+      return "<br/><img src=\"" + src + "\" alt=\"" + src + "\" style=\"max-width: 100%\" />";
     }
     var value = emojiObejct[src] ? emojiObejct[src].value : src;
-    return '<img src="' + _emoji.prefixUrl + value + '.' + _emoji.ext + '" alt="' + value + '" />';
+    return "<img src=\"" + _emoji.prefixUrl + value + "." + _emoji.ext + "\" alt=\"" + value + "\" />";
   });
 }
 //# sourceMappingURL=helper.js.map

lib/helper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/helper.js"],"names":["isFunction","isUrl","arrayToObject","htmlEncode","renderContent","emojiObejct","emoji","functionToCheck","toString","call","userInput","regexp","res","match","array","keyField","reduce","obj","item","str","replace","i","charCodeAt","content","onClick","newContent","indexOf","IMAGE_SPLIT","split","pop","join","REGEXP","a","b","src","slice","value","prefixUrl","ext"],"mappings":";;;;;QAKgBA,U,GAAAA,U;QAMAC,K,GAAAA,K;QAYAC,a,GAAAA,a;QAYAC,U,GAAAA,U;QAYAC,a,GAAAA,a;;AA/ChB;;AACA;;;;;;AAEA,IAAMC,cAAcH,cAAcI,eAAd,EAAqB,OAArB,CAApB;;AAEO,SAASN,UAAT,CAAoBO,eAApB,EAAqC;AAC1C,SACEA,mBAAmB,GAAGC,QAAH,CAAYC,IAAZ,CAAiBF,eAAjB,MAAsC,mBAD3D;AAGD;;AAEM,SAASN,KAAT,CAAeS,SAAf,EAA0B;AAC/B,MAAMC,SAAS,kGAAf;AACA,MAAIC,MAAMF,UAAUG,KAAV,CAAgBF,MAAhB,CAAV;AACA,MAAIC,QAAQ,IAAZ,EAAkB,OAAO,KAAP,CAAlB,KACK,OAAO,IAAP;AACN;;AAED;;;;;AAKO,SAASV,aAAT,CAAuBY,KAAvB,EAA8BC,QAA9B,EAAwC;AAC7C,SAAOD,MAAME,MAAN,CAAa,UAACC,GAAD,EAAMC,IAAN,EAAe;AACjCD,QAAIC,KAAKH,QAAL,CAAJ,IAAsBG,IAAtB;AACA,WAAOD,GAAP;AACD,GAHM,EAGJ,EAHI,CAAP;AAID;;AAED;;;;;AAKO,SAASd,UAAT,CAAoBgB,GAApB,EAAyB;AAC9B,MAAI,CAACA,GAAL,EAAU,OAAO,EAAP;AACV,SAAOA,IAAIC,OAAJ,CAAY,yBAAZ,EAAuC,UAASC,CAAT,EAAY;AACxD,WAAO,OAAOA,EAAEC,UAAF,CAAa,CAAb,CAAP,GAAyB,GAAhC;AACD,GAFM,CAAP;AAGD;;AAED;;;;;AAKO,SAASlB,aAAT,CAAuBmB,OAAvB,EAAgCC,OAAhC,EAAyC;AAC9C,MAAIC,aAAaF,OAAjB;AACA,MAAIE,WAAWC,OAAX,CAAmBC,qBAAnB,MAAoC,CAAC,CAAzC,EAA4C;AAC1CF,iBAAaA,WAAWG,KAAX,CAAiBD,qBAAjB,CAAb;AACAF,eAAWI,GAAX;AACAJ,iBAAaA,WAAWK,IAAX,CAAgB,EAAhB,CAAb;AACD;;AAED,SAAO3B,WAAWsB,UAAX,EAAuBL,OAAvB,CAA+BW,gBAA/B,EAAuC,UAASC,CAAT,EAAYC,CAAZ,EAAe;AAC3D,QAAMC,MAAMF,EAAEG,KAAF,CAAQ,CAAR,EAAW,CAAC,CAAZ,CAAZ;;AAEA;AACA;AACA,QAAIlC,MAAMiC,GAAN,CAAJ,EAAgB;AACd,iCAAyBA,GAAzB,eAAsCA,GAAtC;AACD;AACD,QAAME,QAAQ/B,YAAY6B,GAAZ,IAAmB7B,YAAY6B,GAAZ,EAAiBE,KAApC,GAA4CF,GAA1D;AACA,0BAAoBG,gBAApB,GAAgCD,KAAhC,SAAyCE,UAAzC,eAAsDF,KAAtD;AACD,GAVM,CAAP;AAWD","file":"helper.js","sourcesContent":["import { REGEXP, IMAGE_SPLIT } from './constant';\nimport emoji, { prefixUrl, ext } from './emoji';\n\nconst emojiObejct = arrayToObject(emoji, 'title');\n\nexport function isFunction(functionToCheck) {\n  return (\n    functionToCheck && {}.toString.call(functionToCheck) === '[object Function]'\n  );\n}\n\nexport function isUrl(userInput) {\n  const regexp = /(http(s)?:\\/\\/.)?(www\\.)?[-a-zA-Z0-9@:%._+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_+.~#?&//=]*)/g;\n  var res = userInput.match(regexp);\n  if (res === null) return false;\n  else return true;\n}\n\n/**\n * 将对象数组转换为对象\n * @param {array} array Array of Objects\n * @param {string} keyField string\n */\nexport function arrayToObject(array, keyField) {\n  return array.reduce((obj, item) => {\n    obj[item[keyField]] = item;\n    return obj;\n  }, {});\n}\n\n/**\n * HTML 编码\n * 将 < > 等字符串进行编码\n * @param {string} str 文本\n */\nexport function htmlEncode(str) {\n  if (!str) return '';\n  return str.replace(/<\\/?(?!a)\\w*\\b[^>]*>/gim, function(i) {\n    return '&#' + i.charCodeAt(0) + ';';\n  });\n}\n\n/**\n * 渲染编辑器\n * [x] => <img src=\"x\" />\n * @param {strig} content\n */\nexport function renderContent(content, onClick) {\n  let newContent = content;\n  if (newContent.indexOf(IMAGE_SPLIT) !== -1) {\n    newContent = newContent.split(IMAGE_SPLIT);\n    newContent.pop();\n    newContent = newContent.join('');\n  }\n\n  return htmlEncode(newContent).replace(REGEXP, function(a, b) {\n    const src = a.slice(1, -1);\n\n    // 兼容旧的评\n    // 因为旧的评论用 [img url] 方式存储的\n    if (isUrl(src)) {\n      return `<br/><img src=\"${src}\" alt=\"${src}\" style=\"max-width: 100%\" />`;\n    }\n    const value = emojiObejct[src] ? emojiObejct[src].value : src;\n    return `<img src=\"${prefixUrl}${value}.${ext}\" alt=\"${value}\" />`;\n  });\n}\n"]}
+{"version":3,"sources":["../src/helper.js"],"names":["isFunction","isUrl","arrayToObject","htmlEncode","renderContent","emojiObejct","emoji","functionToCheck","toString","call","userInput","regexp","res","match","array","keyField","reduce","obj","item","str","replace","i","charCodeAt","content","onClick","newContent","indexOf","IMAGE_SPLIT","split","pop","join","REGEXP","a","b","src","slice","value","prefixUrl","ext"],"mappings":";;;;;QAKgBA,U,GAAAA,U;QAMAC,K,GAAAA,K;QAYAC,a,GAAAA,a;QAYAC,U,GAAAA,U;QAYAC,a,GAAAA,a;;AA/ChB;;AACA;;;;;;AAEA,IAAMC,cAAcH,cAAcI,eAAd,EAAqB,OAArB,CAApB;;AAEO,SAASN,UAAT,CAAoBO,eAApB,EAAqC;AAC1C,SACEA,mBAAmB,GAAGC,QAAH,CAAYC,IAAZ,CAAiBF,eAAjB,MAAsC,mBAD3D;AAGD;;AAEM,SAASN,KAAT,CAAeS,SAAf,EAA0B;AAC/B,MAAMC,SAAS,kGAAf;AACA,MAAIC,MAAMF,UAAUG,KAAV,CAAgBF,MAAhB,CAAV;AACA,MAAIC,QAAQ,IAAZ,EAAkB,OAAO,KAAP,CAAlB,KACK,OAAO,IAAP;AACN;;AAED;;;;;AAKO,SAASV,aAAT,CAAuBY,KAAvB,EAA8BC,QAA9B,EAAwC;AAC7C,SAAOD,MAAME,MAAN,CAAa,UAACC,GAAD,EAAMC,IAAN,EAAe;AACjCD,QAAIC,KAAKH,QAAL,CAAJ,IAAsBG,IAAtB;AACA,WAAOD,GAAP;AACD,GAHM,EAGJ,EAHI,CAAP;AAID;;AAED;;;;;AAKO,SAASd,UAAT,CAAoBgB,GAApB,EAAyB;AAC9B,MAAI,CAACA,GAAL,EAAU,OAAO,EAAP;AACV,SAAOA,IAAIC,OAAJ,CAAY,OAAZ,EAAqB,UAASC,CAAT,EAAY;AACtC,WAAO,OAAOA,EAAEC,UAAF,CAAa,CAAb,CAAP,GAAyB,GAAhC;AACD,GAFM,CAAP;AAGD;;AAED;;;;;AAKO,SAASlB,aAAT,CAAuBmB,OAAvB,EAAgCC,OAAhC,EAAyC;AAC9C,MAAIC,aAAaF,OAAjB;AACA,MAAIE,WAAWC,OAAX,CAAmBC,qBAAnB,MAAoC,CAAC,CAAzC,EAA4C;AAC1CF,iBAAaA,WAAWG,KAAX,CAAiBD,qBAAjB,CAAb;AACAF,eAAWI,GAAX;AACAJ,iBAAaA,WAAWK,IAAX,CAAgB,EAAhB,CAAb;AACD;;AAED,SAAO3B,WAAWsB,UAAX,EAAuBL,OAAvB,CAA+BW,gBAA/B,EAAuC,UAASC,CAAT,EAAYC,CAAZ,EAAe;AAC3D,QAAMC,MAAMF,EAAEG,KAAF,CAAQ,CAAR,EAAW,CAAC,CAAZ,CAAZ;;AAEA;AACA;AACA,QAAIlC,MAAMiC,GAAN,CAAJ,EAAgB;AACd,kCAAyBA,GAAzB,iBAAsCA,GAAtC;AACD;AACD,QAAME,QAAQ/B,YAAY6B,GAAZ,IAAmB7B,YAAY6B,GAAZ,EAAiBE,KAApC,GAA4CF,GAA1D;AACA,2BAAoBG,gBAApB,GAAgCD,KAAhC,SAAyCE,UAAzC,iBAAsDF,KAAtD;AACD,GAVM,CAAP;AAWD","file":"helper.js","sourcesContent":["import { REGEXP, IMAGE_SPLIT } from \"./constant\";\nimport emoji, { prefixUrl, ext } from \"./emoji\";\n\nconst emojiObejct = arrayToObject(emoji, \"title\");\n\nexport function isFunction(functionToCheck) {\n  return (\n    functionToCheck && {}.toString.call(functionToCheck) === \"[object Function]\"\n  );\n}\n\nexport function isUrl(userInput) {\n  const regexp = /(http(s)?:\\/\\/.)?(www\\.)?[-a-zA-Z0-9@:%._+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_+.~#?&//=]*)/g;\n  var res = userInput.match(regexp);\n  if (res === null) return false;\n  else return true;\n}\n\n/**\n * 将对象数组转换为对象\n * @param {array} array Array of Objects\n * @param {string} keyField string\n */\nexport function arrayToObject(array, keyField) {\n  return array.reduce((obj, item) => {\n    obj[item[keyField]] = item;\n    return obj;\n  }, {});\n}\n\n/**\n * HTML 编码\n * 将 < > 等字符串进行编码\n * @param {string} str 文本\n */\nexport function htmlEncode(str) {\n  if (!str) return \"\";\n  return str.replace(/<>/gim, function(i) {\n    return \"&#\" + i.charCodeAt(0) + \";\";\n  });\n}\n\n/**\n * 渲染编辑器\n * [x] => <img src=\"x\" />\n * @param {strig} content\n */\nexport function renderContent(content, onClick) {\n  let newContent = content;\n  if (newContent.indexOf(IMAGE_SPLIT) !== -1) {\n    newContent = newContent.split(IMAGE_SPLIT);\n    newContent.pop();\n    newContent = newContent.join(\"\");\n  }\n\n  return htmlEncode(newContent).replace(REGEXP, function(a, b) {\n    const src = a.slice(1, -1);\n\n    // 兼容旧的评\n    // 因为旧的评论用 [img url] 方式存储的\n    if (isUrl(src)) {\n      return `<br/><img src=\"${src}\" alt=\"${src}\" style=\"max-width: 100%\" />`;\n    }\n    const value = emojiObejct[src] ? emojiObejct[src].value : src;\n    return `<img src=\"${prefixUrl}${value}.${ext}\" alt=\"${value}\" />`;\n  });\n}\n"]}

lib/index.js

@@ -1,20 +1,20 @@
-'use strict';
+"use strict";
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _reactDom = require('react-dom');
+var _reactDom = require("react-dom");
 
 var _reactDom2 = _interopRequireDefault(_reactDom);
 
-var _App = require('./App');
+var _App = require("./App");
 
 var _App2 = _interopRequireDefault(_App);
 
-var _registerServiceWorker = require('./registerServiceWorker');
+var _registerServiceWorker = require("./registerServiceWorker");
 
 var _registerServiceWorker2 = _interopRequireDefault(_registerServiceWorker);
 
@@ -27,6 +27,7 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 // e.g.
 // import { Button, Icon } from "antd";
+// import App, { Editor, RenderText } from "./App";
 
 
 var Index = function (_Component) {
@@ -38,7 +39,7 @@ var Index = function (_Component) {
     var _this = _possibleConstructorReturn(this, (Index.__proto__ || Object.getPrototypeOf(Index)).call(this, props));
 
     _this.state = {
-      value: ''
+      value: ""
     };
     _this.handleChangeValue = _this.handleChangeValue.bind(_this);
     _this.handleChangeSubmit = _this.handleChangeSubmit.bind(_this);
@@ -46,13 +47,13 @@ var Index = function (_Component) {
   }
 
   _createClass(Index, [{
-    key: 'handleChangeValue',
+    key: "handleChangeValue",
     value: function handleChangeValue(value) {
       this.setState({ value: value });
-      console.log('handleChangeValue value: ', value);
+      console.log("handleChangeValue value: ", value);
     }
   }, {
-    key: 'handleChangeSubmit',
+    key: "handleChangeSubmit",
     value: function handleChangeSubmit(_ref) {
       var _this2 = this;
 
@@ -64,16 +65,16 @@ var Index = function (_Component) {
           _this2.setState({ loading: false });
         }, 2000);
       });
-      console.log('submit text: ', text);
-      console.log('submit files: ', files);
+      console.log("submit text: ", text);
+      console.log("submit files: ", files);
     }
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
       // 最简单的用法
       return _react2.default.createElement(
         _App2.default,
-        { type: 1, businessId: 'test' },
+        { type: 1, businessId: "test" },
         _react2.default.createElement(_App.Editor, { maxUpload: 4 })
       );
 
@@ -122,6 +123,6 @@ var Index = function (_Component) {
   return Index;
 }(_react.Component);
 
-_reactDom2.default.render(_react2.default.createElement(Index, null), document.getElementById('root-comment'));
+_reactDom2.default.render(_react2.default.createElement(Index, null), document.getElementById("root-comment"));
 (0, _registerServiceWorker2.default)();
 //# sourceMappingURL=index.js.map

lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["Index","props","state","value","handleChangeValue","bind","handleChangeSubmit","setState","console","log","text","files","loading","setTimeout","Component","ReactDOM","render","document","getElementById"],"mappings":";;;;AAAA;;;;AACA;;;;AAGA;;;;AACA;;;;;;;;;;;AAHA;AACA;;;IAIMA,K;;;AACJ,iBAAYC,KAAZ,EAAmB;AAAA;;AAAA,8GACXA,KADW;;AAEjB,UAAKC,KAAL,GAAa;AACXC,aAAO;AADI,KAAb;AAGA,UAAKC,iBAAL,GAAyB,MAAKA,iBAAL,CAAuBC,IAAvB,OAAzB;AACA,UAAKC,kBAAL,GAA0B,MAAKA,kBAAL,CAAwBD,IAAxB,OAA1B;AANiB;AAOlB;;;;sCAEiBF,K,EAAO;AACvB,WAAKI,QAAL,CAAc,EAAEJ,YAAF,EAAd;AACAK,cAAQC,GAAR,CAAY,2BAAZ,EAAyCN,KAAzC;AACD;;;6CAEmC;AAAA;;AAAA,UAAfO,IAAe,QAAfA,IAAe;AAAA,UAATC,KAAS,QAATA,KAAS;;AAClC,WAAKJ,QAAL,CAAc,EAAEK,SAAS,IAAX,EAAd,EAAiC,YAAM;AACrCC,mBAAW,YAAM;AACf,iBAAKN,QAAL,CAAc,EAAEK,SAAS,KAAX,EAAd;AACD,SAFD,EAEG,IAFH;AAGD,OAJD;AAKAJ,cAAQC,GAAR,CAAY,eAAZ,EAA6BC,IAA7B;AACAF,cAAQC,GAAR,CAAY,gBAAZ,EAA8BE,KAA9B;AACD;;;6BAEQ;AACP;AACA,aACE;AAAC,qBAAD;AAAA,UAAK,MAAM,CAAX,EAAc,YAAW,MAAzB;AACE,sCAAC,WAAD,IAAQ,WAAW,CAAnB;AADF,OADF;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACD;;;;EAxEiBG,gB;;AA2EpBC,mBAASC,MAAT,CAAgB,8BAAC,KAAD,OAAhB,EAA2BC,SAASC,cAAT,CAAwB,cAAxB,CAA3B;AACA","file":"index.js","sourcesContent":["import React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\n// e.g.\n// import { Button, Icon } from \"antd\";\nimport App, { Editor, RenderText } from './App';\nimport registerServiceWorker from './registerServiceWorker';\n\nclass Index extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: '',\n    };\n    this.handleChangeValue = this.handleChangeValue.bind(this);\n    this.handleChangeSubmit = this.handleChangeSubmit.bind(this);\n  }\n\n  handleChangeValue(value) {\n    this.setState({ value });\n    console.log('handleChangeValue value: ', value);\n  }\n\n  handleChangeSubmit({ text, files }) {\n    this.setState({ loading: true }, () => {\n      setTimeout(() => {\n        this.setState({ loading: false });\n      }, 2000);\n    });\n    console.log('submit text: ', text);\n    console.log('submit files: ', files);\n  }\n\n  render() {\n    // 最简单的用法\n    return (\n      <App type={1} businessId=\"test\">\n        <Editor maxUpload={4} />\n      </App>\n    );\n\n    // e.g.\n    // 复杂的用户法\n    // const props = {\n    //   type: 1,\n    //   businessId: \"1\",\n    //   API: \"http://api.links123.net/comment/v1\",\n    //   showList: true\n    // };\n\n    // const editorProps = {\n    //   showEmoji: true,\n    //   placeholder: \"说点什么吧\",\n    //   rows: 5,\n    //   btnLoading: this.state.loading,\n    //   btnDisable: this.state.loading,\n    //   btnSubmitText: \"提交\",\n    //   value: this.state.value,\n    //   onChange: v => this.handleChangeValue(v),\n    //   onSubmit: v => this.handleChangeSubmit(v),\n    //   button: (\n    //     <Button\n    //       type=\"primary\"\n    //       ghost\n    //       // onClick={() => console.log('click btn: ', this.state.value)}\n    //     >\n    //       自定义按钮\n    //     </Button>\n    //   ),\n    //   emojiToolIcon: <Icon type=\"smile\" style={{ fontSize: 23 }} />,\n    //   imageToolIcon: (\n    //     <Icon type=\"cloud-upload-o\" style={{ fontSize: 25, marginLeft: 10 }} />\n    //   )\n    // };\n\n    // return (\n    //   <App {...props}>\n    //     <Editor {...editorProps} />\n    //   </App>\n    // );\n  }\n}\n\nReactDOM.render(<Index />, document.getElementById('root-comment'));\nregisterServiceWorker();\n"]}
+{"version":3,"sources":["../src/index.js"],"names":["Index","props","state","value","handleChangeValue","bind","handleChangeSubmit","setState","console","log","text","files","loading","setTimeout","Component","ReactDOM","render","document","getElementById"],"mappings":";;;;AAAA;;;;AACA;;;;AAIA;;;;AACA;;;;;;;;;;;AAJA;AACA;AACA;;;IAIMA,K;;;AACJ,iBAAYC,KAAZ,EAAmB;AAAA;;AAAA,8GACXA,KADW;;AAEjB,UAAKC,KAAL,GAAa;AACXC,aAAO;AADI,KAAb;AAGA,UAAKC,iBAAL,GAAyB,MAAKA,iBAAL,CAAuBC,IAAvB,OAAzB;AACA,UAAKC,kBAAL,GAA0B,MAAKA,kBAAL,CAAwBD,IAAxB,OAA1B;AANiB;AAOlB;;;;sCAEiBF,K,EAAO;AACvB,WAAKI,QAAL,CAAc,EAAEJ,YAAF,EAAd;AACAK,cAAQC,GAAR,CAAY,2BAAZ,EAAyCN,KAAzC;AACD;;;6CAEmC;AAAA;;AAAA,UAAfO,IAAe,QAAfA,IAAe;AAAA,UAATC,KAAS,QAATA,KAAS;;AAClC,WAAKJ,QAAL,CAAc,EAAEK,SAAS,IAAX,EAAd,EAAiC,YAAM;AACrCC,mBAAW,YAAM;AACf,iBAAKN,QAAL,CAAc,EAAEK,SAAS,KAAX,EAAd;AACD,SAFD,EAEG,IAFH;AAGD,OAJD;AAKAJ,cAAQC,GAAR,CAAY,eAAZ,EAA6BC,IAA7B;AACAF,cAAQC,GAAR,CAAY,gBAAZ,EAA8BE,KAA9B;AACD;;;6BAEQ;AACP;AACA,aACE;AAAC,qBAAD;AAAA,UAAK,MAAM,CAAX,EAAc,YAAW,MAAzB;AACE,sCAAC,WAAD,IAAQ,WAAW,CAAnB;AADF,OADF;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACD;;;;EAxEiBG,gB;;AA2EpBC,mBAASC,MAAT,CAAgB,8BAAC,KAAD,OAAhB,EAA2BC,SAASC,cAAT,CAAwB,cAAxB,CAA3B;AACA","file":"index.js","sourcesContent":["import React, { Component } from \"react\";\nimport ReactDOM from \"react-dom\";\n// e.g.\n// import { Button, Icon } from \"antd\";\n// import App, { Editor, RenderText } from \"./App\";\nimport App, { Editor } from \"./App\";\nimport registerServiceWorker from \"./registerServiceWorker\";\n\nclass Index extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: \"\"\n    };\n    this.handleChangeValue = this.handleChangeValue.bind(this);\n    this.handleChangeSubmit = this.handleChangeSubmit.bind(this);\n  }\n\n  handleChangeValue(value) {\n    this.setState({ value });\n    console.log(\"handleChangeValue value: \", value);\n  }\n\n  handleChangeSubmit({ text, files }) {\n    this.setState({ loading: true }, () => {\n      setTimeout(() => {\n        this.setState({ loading: false });\n      }, 2000);\n    });\n    console.log(\"submit text: \", text);\n    console.log(\"submit files: \", files);\n  }\n\n  render() {\n    // 最简单的用法\n    return (\n      <App type={1} businessId=\"test\">\n        <Editor maxUpload={4} />\n      </App>\n    );\n\n    // e.g.\n    // 复杂的用户法\n    // const props = {\n    //   type: 1,\n    //   businessId: \"1\",\n    //   API: \"http://api.links123.net/comment/v1\",\n    //   showList: true\n    // };\n\n    // const editorProps = {\n    //   showEmoji: true,\n    //   placeholder: \"说点什么吧\",\n    //   rows: 5,\n    //   btnLoading: this.state.loading,\n    //   btnDisable: this.state.loading,\n    //   btnSubmitText: \"提交\",\n    //   value: this.state.value,\n    //   onChange: v => this.handleChangeValue(v),\n    //   onSubmit: v => this.handleChangeSubmit(v),\n    //   button: (\n    //     <Button\n    //       type=\"primary\"\n    //       ghost\n    //       // onClick={() => console.log('click btn: ', this.state.value)}\n    //     >\n    //       自定义按钮\n    //     </Button>\n    //   ),\n    //   emojiToolIcon: <Icon type=\"smile\" style={{ fontSize: 23 }} />,\n    //   imageToolIcon: (\n    //     <Icon type=\"cloud-upload-o\" style={{ fontSize: 25, marginLeft: 10 }} />\n    //   )\n    // };\n\n    // return (\n    //   <App {...props}>\n    //     <Editor {...editorProps} />\n    //   </App>\n    // );\n  }\n}\n\nReactDOM.render(<Index />, document.getElementById(\"root-comment\"));\nregisterServiceWorker();\n"]}

lib/lang/index.js

@@ -1,4 +1,4 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 // 语言包
 // 英文短语和中文提示的对应
 var data = {
-  'not found': '没有数据',
-  'auth failed': '请先登录',
-  'create comment failed': '创建评论失败',
-  'comment favor failed': '评论点赞失败',
-  'delete comment favor failed': '评论取消点赞失败',
-  'get comments failed': '获取评论列表失败',
-  'create reply failed': '创建回复失败',
-  'reply favor failed': '回复点赞失败',
-  'delete reply favor failed': '删除回复点赞失败',
-  'get replies failed': '获取回复列表失败'
+  "not found": "没有数据",
+  "auth failed": "请先登录",
+  "create comment failed": "创建评论失败",
+  "comment favor failed": "评论点赞失败",
+  "delete comment favor failed": "评论取消点赞失败",
+  "get comments failed": "获取评论列表失败",
+  "create reply failed": "创建回复失败",
+  "reply favor failed": "回复点赞失败",
+  "delete reply favor failed": "删除回复点赞失败",
+  "get replies failed": "获取回复列表失败"
 };
 
 exports.default = data;

lib/lang/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lang/index.js"],"names":["data"],"mappings":";;;;;AAAA;AACA;AACA,IAAMA,OAAO;AACX,eAAa,MADF;AAEX,iBAAe,MAFJ;AAGX,2BAAyB,QAHd;AAIX,0BAAwB,QAJb;AAKX,iCAA+B,UALpB;AAMX,yBAAuB,UANZ;AAOX,yBAAuB,QAPZ;AAQX,wBAAsB,QARX;AASX,+BAA6B,UATlB;AAUX,wBAAsB;AAVX,CAAb;;kBAaeA,I","file":"index.js","sourcesContent":["// 语言包\n// 英文短语和中文提示的对应\nconst data = {\n  'not found': '没有数据',\n  'auth failed': '请先登录',\n  'create comment failed': '创建评论失败',\n  'comment favor failed': '评论点赞失败',\n  'delete comment favor failed': '评论取消点赞失败',\n  'get comments failed': '获取评论列表失败',\n  'create reply failed': '创建回复失败',\n  'reply favor failed': '回复点赞失败',\n  'delete reply favor failed': '删除回复点赞失败',\n  'get replies failed': '获取回复列表失败',\n};\n\nexport default data;\n"]}
+{"version":3,"sources":["../../src/lang/index.js"],"names":["data"],"mappings":";;;;;AAAA;AACA;AACA,IAAMA,OAAO;AACX,eAAa,MADF;AAEX,iBAAe,MAFJ;AAGX,2BAAyB,QAHd;AAIX,0BAAwB,QAJb;AAKX,iCAA+B,UALpB;AAMX,yBAAuB,UANZ;AAOX,yBAAuB,QAPZ;AAQX,wBAAsB,QARX;AASX,+BAA6B,UATlB;AAUX,wBAAsB;AAVX,CAAb;;kBAaeA,I","file":"index.js","sourcesContent":["// 语言包\n// 英文短语和中文提示的对应\nconst data = {\n  \"not found\": \"没有数据\",\n  \"auth failed\": \"请先登录\",\n  \"create comment failed\": \"创建评论失败\",\n  \"comment favor failed\": \"评论点赞失败\",\n  \"delete comment favor failed\": \"评论取消点赞失败\",\n  \"get comments failed\": \"获取评论列表失败\",\n  \"create reply failed\": \"创建回复失败\",\n  \"reply favor failed\": \"回复点赞失败\",\n  \"delete reply favor failed\": \"删除回复点赞失败\",\n  \"get replies failed\": \"获取回复列表失败\"\n};\n\nexport default data;\n"]}

lib/registerServiceWorker.js

@@ -1,4 +1,4 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -15,14 +15,14 @@ exports.unregister = unregister;
 // To learn more about the benefits of this model, read https://goo.gl/KwvDNy.
 // This link also includes instructions on opting out of this behavior.
 
-var isLocalhost = Boolean(window.location.hostname === 'localhost' ||
+var isLocalhost = Boolean(window.location.hostname === "localhost" ||
 // [::1] is the IPv6 localhost address.
-window.location.hostname === '[::1]' ||
+window.location.hostname === "[::1]" ||
 // 127.0.0.1/8 is considered localhost for IPv4.
 window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));
 
 function register() {
-  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
+  if (process.env.NODE_ENV === "production" && "serviceWorker" in navigator) {
     // The URL constructor is available in all browsers that support SW.
     var publicUrl = new URL(process.env.PUBLIC_URL, window.location);
     if (publicUrl.origin !== window.location.origin) {
@@ -32,8 +32,8 @@ function register() {
       return;
     }
 
-    window.addEventListener('load', function () {
-      var swUrl = process.env.PUBLIC_URL + '/service-worker.js';
+    window.addEventListener("load", function () {
+      var swUrl = process.env.PUBLIC_URL + "/service-worker.js";
 
       if (isLocalhost) {
         // This is running on localhost. Lets check if a service worker still exists or not.
@@ -42,7 +42,7 @@ function register() {
         // Add some additional logging to localhost, pointing developers to the
         // service worker/PWA documentation.
         navigator.serviceWorker.ready.then(function () {
-          console.log('This web app is being served cache-first by a service ' + 'worker. To learn more, visit https://goo.gl/SC7cgQ');
+          console.log("This web app is being served cache-first by a service " + "worker. To learn more, visit https://goo.gl/SC7cgQ");
         });
       } else {
         // Is not local host. Just register service worker
@@ -57,24 +57,24 @@ function registerValidSW(swUrl) {
     registration.onupdatefound = function () {
       var installingWorker = registration.installing;
       installingWorker.onstatechange = function () {
-        if (installingWorker.state === 'installed') {
+        if (installingWorker.state === "installed") {
           if (navigator.serviceWorker.controller) {
             // At this point, the old content will have been purged and
             // the fresh content will have been added to the cache.
             // It's the perfect time to display a "New content is
             // available; please refresh." message in your web app.
-            console.log('New content is available; please refresh.');
+            console.log("New content is available; please refresh.");
           } else {
             // At this point, everything has been precached.
             // It's the perfect time to display a
             // "Content is cached for offline use." message.
-            console.log('Content is cached for offline use.');
+            console.log("Content is cached for offline use.");
           }
         }
       };
     };
   }).catch(function (error) {
-    console.error('Error during service worker registration:', error);
+    console.error("Error during service worker registration:", error);
   });
 }
 
@@ -82,7 +82,7 @@ function checkValidServiceWorker(swUrl) {
   // Check if the service worker can be found. If it can't reload the page.
   fetch(swUrl).then(function (response) {
     // Ensure service worker exists, and that we really are getting a JS file.
-    if (response.status === 404 || response.headers.get('content-type').indexOf('javascript') === -1) {
+    if (response.status === 404 || response.headers.get("content-type").indexOf("javascript") === -1) {
       // No service worker found. Probably a different app. Reload the page.
       navigator.serviceWorker.ready.then(function (registration) {
         registration.unregister().then(function () {
@@ -94,12 +94,12 @@ function checkValidServiceWorker(swUrl) {
       registerValidSW(swUrl);
     }
   }).catch(function () {
-    console.log('No internet connection found. App is running in offline mode.');
+    console.log("No internet connection found. App is running in offline mode.");
   });
 }
 
 function unregister() {
-  if ('serviceWorker' in navigator) {
+  if ("serviceWorker" in navigator) {
     navigator.serviceWorker.ready.then(function (registration) {
       registration.unregister();
     });

src/App.js

@@ -1,6 +1,6 @@
 import React, { Component } from "react";
 import PropTypes from "prop-types";
-import { message, Tag } from "antd";
+import { message } from "antd";
 import axios from "axios";
 import { ERROR_DEFAULT, LIMIT } from "./constant";
 import { CommentContext } from "./Comment";
@@ -335,8 +335,9 @@ class App extends Component {
    */
   sOssSts() {
     this.handleChangeLoading("sOssSts", true);
+    const { API } = this.props;
     this.axios
-      .get(`http://api.links123.net/comment/v1/oss/sts`)
+      .get(`${API}/oss/sts`)
       .then(response => {
         this.setState({ oss: { ...response.data } });
       })
@@ -369,15 +370,6 @@ class App extends Component {
     return (
       <CommentContext.Provider value={value}>
         <div className="comment">
-          {this.props.showHeader && (
-            <div style={{ marginBottom: 15 }}>
-              <Tag className="comment-header-tag">留言</Tag>
-              <span className="comment-header-tip">口碑</span>
-              <span className="comment-header-text">
-                (全站挑出毛病或提出合理建议，奖励10到100元红包)
-              </span>
-            </div>
-          )}
           {this.props.showEditor && (
             <CommentInput content={this.props.children} />
           )}
@@ -398,7 +390,6 @@ App.propTypes = {
   API: PropTypes.string, // 评论的 API 前缀
   showList: PropTypes.bool, // 是否显示评论列表
   showEditor: PropTypes.bool, // 是否显示评论输入框
-  showHeader: PropTypes.bool, // 是否显示评论顶部的提示
   showAlertComment: PropTypes.bool, // 评论成功之后，是否通过 Antd 的 Message 组件进行提示
   showAlertReply: PropTypes.bool, // 回复成功之后，是否通过 Antd 的 Message 组件进行提示
   showAlertFavor: PropTypes.bool // 点赞/取消点赞成功之后，是否通过 Antd 的 Message 组件进行提示
@@ -408,7 +399,6 @@ App.defaultProps = {
   API: "http://api.links123.net/comment/v1",
   showList: true,
   showEditor: true,
-  showHeader: true,
   showAlertComment: false,
   showAlertReply: false,
   showAlertFavor: false

src/components/ContentItem/index.js

@@ -77,10 +77,10 @@ class CommentItem extends Component {
         </div>
         <div className="comment-item-right">
           <div>
-            <a href={`/${content.user_id}`}>
+            {/* <a href={`/${content.user_id}`}>
               {content.user_name || "暂无昵称"}
-            </a>
-
+            </a> */}
+            <strong>{content.user_name || "暂无昵称"}</strong>
             <span style={{ marginLeft: 10 }}>
               <Tooltip
                 placement="top"

src/helper.js

@@ -35,7 +35,7 @@ export function arrayToObject(array, keyField) {
  */
 export function htmlEncode(str) {
   if (!str) return "";
-  return str.replace(/<\/?(?!a)\w*\b[^>]*>/gim, function(i) {
+  return str.replace(/<>/gim, function(i) {
     return "&#" + i.charCodeAt(0) + ";";
   });
 }

src/index.js

@@ -2,7 +2,8 @@ import React, { Component } from "react";
 import ReactDOM from "react-dom";
 // e.g.
 // import { Button, Icon } from "antd";
-import App, { Editor, RenderText } from "./App";
+// import App, { Editor, RenderText } from "./App";
+import App, { Editor } from "./App";
 import registerServiceWorker from "./registerServiceWorker";
 
 class Index extends Component {