Browse Source

publish version 0.1.0

node 5 years ago
parent
commit
7e5e434a34

+ 60
- 32
lib/App.js View File

3
 Object.defineProperty(exports, "__esModule", {
3
 Object.defineProperty(exports, "__esModule", {
4
   value: true
4
   value: true
5
 });
5
 });
6
+exports.Editor = undefined;
6
 
7
 
7
 var _message2 = require("antd/es/message");
8
 var _message2 = require("antd/es/message");
8
 
9
 
18
 
19
 
19
 var _react2 = _interopRequireDefault(_react);
20
 var _react2 = _interopRequireDefault(_react);
20
 
21
 
22
+var _propTypes = require("prop-types");
23
+
24
+var _propTypes2 = _interopRequireDefault(_propTypes);
25
+
21
 var _axios = require("./axios");
26
 var _axios = require("./axios");
22
 
27
 
23
 var _axios2 = _interopRequireDefault(_axios);
28
 var _axios2 = _interopRequireDefault(_axios);
36
 
41
 
37
 var _CommentList2 = _interopRequireDefault(_CommentList);
42
 var _CommentList2 = _interopRequireDefault(_CommentList);
38
 
43
 
44
+var _Editor = require("./components/Editor");
45
+
46
+var _Editor2 = _interopRequireDefault(_Editor);
47
+
39
 require("./App.css");
48
 require("./App.css");
40
 
49
 
41
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
50
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
45
 function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
54
 function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
46
 
55
 
47
 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; }
56
 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; }
48
-// import * as mock from "./mock";
49
-
50
 
57
 
51
 var App = function (_Component) {
58
 var App = function (_Component) {
52
   _inherits(App, _Component);
59
   _inherits(App, _Component);
81
 
88
 
82
   _createClass(App, [{
89
   _createClass(App, [{
83
     key: "componentDidMount",
90
     key: "componentDidMount",
84
-    value: function componentDidMount() {
85
-      this.sGetComment();
86
-    }
91
+    value: function componentDidMount() {}
87
 
92
 
88
     /**
93
     /**
89
      * 改变 loading 状态
94
      * 改变 loading 状态
110
       var _this2 = this;
115
       var _this2 = this;
111
 
116
 
112
       var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
117
       var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
113
-          _ref$type = _ref.type,
114
-          type = _ref$type === undefined ? 1 : _ref$type,
115
-          _ref$businessId = _ref.businessId,
116
-          businessId = _ref$businessId === undefined ? 1 : _ref$businessId,
117
           _ref$page = _ref.page,
118
           _ref$page = _ref.page,
118
           page = _ref$page === undefined ? 1 : _ref$page;
119
           page = _ref$page === undefined ? 1 : _ref$page;
119
 
120
 
120
       this.handleChangeLoading("sGetComment", true);
121
       this.handleChangeLoading("sGetComment", true);
121
-      // 测试数据列表
122
-      // const { comments } = mock;
123
-      // this.setState({
124
-      //   list: comments.list,
125
-      //   page: 1,
126
-      //   total: 100
127
-      // });
128
-      // this.handleChangeLoading("sGetComment", false);
129
-      // return;
130
-      _axios2.default.get(_constant.URL + "/comments?type=" + type + "&business_id=" + businessId + "&page=" + page + "&limit=" + _constant.LIMIT).then(function (response) {
122
+      var _props = this.props,
123
+          API = _props.API,
124
+          type = _props.type,
125
+          businessId = _props.businessId;
126
+
127
+      _axios2.default.get(API + "/comments?type=" + type + "&business_id=" + businessId + "&page=" + page + "&limit=" + _constant.LIMIT).then(function (response) {
131
         var _response$data = response.data,
128
         var _response$data = response.data,
132
             list = _response$data.list,
129
             list = _response$data.list,
133
             page = _response$data.page,
130
             page = _response$data.page,
181
           page = _ref2$page === undefined ? 1 : _ref2$page;
178
           page = _ref2$page === undefined ? 1 : _ref2$page;
182
 
179
 
183
       this.handleChangeLoading("sGetReply", true);
180
       this.handleChangeLoading("sGetReply", true);
184
-      _axios2.default.get(_constant.URL + "/replies?comment_id=" + commentId + "&page=" + page + "&limit=" + _constant.LIMIT).then(function (response) {
181
+      var API = this.props.API;
182
+
183
+      _axios2.default.get(API + "/replies?comment_id=" + commentId + "&page=" + page + "&limit=" + _constant.LIMIT).then(function (response) {
185
         var replies = response.data.list;
184
         var replies = response.data.list;
186
 
185
 
187
         if (!replies) {
186
         if (!replies) {
219
 
218
 
220
     /**
219
     /**
221
      * 添加评论
220
      * 添加评论
222
-     * @param {object} data { type, business_id, content }
221
+     * @param {string} content comment content
223
      */
222
      */
224
 
223
 
225
   }, {
224
   }, {
226
     key: "sCreateComment",
225
     key: "sCreateComment",
227
-    value: function sCreateComment(data) {
226
+    value: function sCreateComment(content) {
228
       var _this4 = this;
227
       var _this4 = this;
229
 
228
 
230
-      if (!data.content) return _message3.default.error("评论内容不能为空 ");
229
+      if (!content) return _message3.default.error("评论内容不能为空 ");
231
       this.handleChangeLoading("sCreateComment", true);
230
       this.handleChangeLoading("sCreateComment", true);
232
-      (0, _axios2.default)(_constant.URL + "/comments", {
231
+      var _props2 = this.props,
232
+          API = _props2.API,
233
+          type = _props2.type,
234
+          businessId = _props2.businessId;
235
+
236
+      (0, _axios2.default)(API + "/comments", {
233
         method: "post",
237
         method: "post",
234
-        data: data,
238
+        data: {
239
+          type: type,
240
+          business_id: businessId,
241
+          content: content
242
+        },
235
         withCredentials: true
243
         withCredentials: true
236
       }).then(function (response) {
244
       }).then(function (response) {
237
         _message3.default.success("评论成功!");
245
         _message3.default.success("评论成功!");
268
 
276
 
269
       if (!data.content) return _message3.default.error("回复内容不能为空 ");
277
       if (!data.content) return _message3.default.error("回复内容不能为空 ");
270
       this.handleChangeLoading("sCreateReply", true);
278
       this.handleChangeLoading("sCreateReply", true);
271
-      (0, _axios2.default)(_constant.URL + "/replies", {
279
+      var API = this.props.API;
280
+
281
+      (0, _axios2.default)(API + "/replies", {
272
         method: "post",
282
         method: "post",
273
         data: data,
283
         data: data,
274
         withCredentials: true
284
         withCredentials: true
275
       }).then(function (response) {
285
       }).then(function (response) {
276
-        // console.log("response: ", response.data);
277
         // // 将该条数据插入到 list 中
286
         // // 将该条数据插入到 list 中
278
         // const list = this.state.list.map(item => {
287
         // const list = this.state.list.map(item => {
279
         //   if (item.id === data.comment_id) {
288
         //   if (item.id === data.comment_id) {
310
       var _this6 = this;
319
       var _this6 = this;
311
 
320
 
312
       this.handleChangeLoading("sCommentFavor", true);
321
       this.handleChangeLoading("sCommentFavor", true);
313
-      (0, _axios2.default)(_constant.URL + "/comments/" + commentId + "/favor", {
322
+      var API = this.props.API;
323
+
324
+      (0, _axios2.default)(API + "/comments/" + commentId + "/favor", {
314
         method: favored ? "delete" : "put",
325
         method: favored ? "delete" : "put",
315
         withCredentials: true
326
         withCredentials: true
316
       }).then(function (response) {
327
       }).then(function (response) {
345
       var _this7 = this;
356
       var _this7 = this;
346
 
357
 
347
       this.handleChangeLoading("sOssSts", true);
358
       this.handleChangeLoading("sOssSts", true);
348
-      _axios2.default.get(_constant.URL + "/oss/sts").then(function (response) {
359
+      var API = this.props.API;
360
+
361
+      _axios2.default.get(API + "/oss/sts").then(function (response) {
349
         _this7.setState({ oss: _extends({}, response.data) });
362
         _this7.setState({ oss: _extends({}, response.data) });
350
       }).catch(function (error) {
363
       }).catch(function (error) {
351
         if (error.response && error.response.data && error.response.data.msg) {
364
         if (error.response && error.response.data && error.response.data.msg) {
361
     key: "render",
374
     key: "render",
362
     value: function render() {
375
     value: function render() {
363
       // 添加到 Context 的数据
376
       // 添加到 Context 的数据
364
-      var value = _extends({}, this.state, {
377
+      var value = _extends({}, this.state, this.props, {
365
         sCreateComment: this.sCreateComment,
378
         sCreateComment: this.sCreateComment,
366
         sGetComment: this.sGetComment,
379
         sGetComment: this.sGetComment,
367
         sCommentFavor: this.sCommentFavor,
380
         sCommentFavor: this.sCommentFavor,
376
         _react2.default.createElement(
389
         _react2.default.createElement(
377
           "div",
390
           "div",
378
           { className: "comment" },
391
           { className: "comment" },
379
-          _react2.default.createElement(_CommentInput2.default, null),
380
-          _react2.default.createElement(
392
+          this.props.showEditor && _react2.default.createElement(_CommentInput2.default, { content: this.props.children }),
393
+          this.props.showList && _react2.default.createElement(
381
             "div",
394
             "div",
382
             { style: { marginTop: 20 } },
395
             { style: { marginTop: 20 } },
383
             _react2.default.createElement(_CommentList2.default, null)
396
             _react2.default.createElement(_CommentList2.default, null)
390
   return App;
403
   return App;
391
 }(_react.Component);
404
 }(_react.Component);
392
 
405
 
406
+App.propTypes = {
407
+  type: _propTypes2.default.number.isRequired, // 评论的 type
408
+  businessId: _propTypes2.default.string.isRequired, // 评论的 business_id
409
+  API: _propTypes2.default.string, // 评论的 API 前缀
410
+  showList: _propTypes2.default.bool, // 是否显示评论列表
411
+  showEditor: _propTypes2.default.bool // 是否显示评论输入框
412
+};
413
+
414
+App.defaultProps = {
415
+  API: "http://api.links123.net/comment/v1",
416
+  showList: true,
417
+  showEditor: true
418
+};
419
+
420
+exports.Editor = _Editor2.default;
393
 exports.default = App;
421
 exports.default = App;
394
 //# sourceMappingURL=App.js.map
422
 //# sourceMappingURL=App.js.map

+ 1
- 1
lib/App.js.map
File diff suppressed because it is too large
View File


+ 12
- 0
lib/CHANGELOG.md View File

1
+# CHANGELOG
2
+
3
+
4
+## 0.1.0
5
+
6
+- [x] 不兼容更新。
7
+- [x] 添加了很多 `Props`
8
+- [x] 组件导出为 `Comment` 和 `Editor`
9
+
10
+
11
+
12
+

+ 34
- 24
lib/components/CommentInput/index.js View File

4
   value: true
4
   value: true
5
 });
5
 });
6
 
6
 
7
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
8
+
7
 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; }; }();
9
 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; }; }();
8
 
10
 
9
 var _react = require("react");
11
 var _react = require("react");
20
 
22
 
21
 var _Comment2 = _interopRequireDefault(_Comment);
23
 var _Comment2 = _interopRequireDefault(_Comment);
22
 
24
 
23
-var _Editor = require("../Editor");
24
-
25
-var _Editor2 = _interopRequireDefault(_Editor);
26
-
27
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
28
 
26
 
29
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
27
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
32
 
30
 
33
 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; }
31
 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; }
34
 
32
 
35
-var PLACEHOLDER = {
36
-  normal: "说点什么吧...",
37
-  default: "说点什么吧..."
38
-};
39
-
40
 var CommentInput = function (_Component) {
33
 var CommentInput = function (_Component) {
41
   _inherits(CommentInput, _Component);
34
   _inherits(CommentInput, _Component);
42
 
35
 
61
 
54
 
62
   _createClass(CommentInput, [{
55
   _createClass(CommentInput, [{
63
     key: "handleChange",
56
     key: "handleChange",
64
-    value: function handleChange(e) {
65
-      this.setState({ value: e.target.value });
57
+    value: function handleChange(value) {
58
+      this.setState({ value: value });
66
     }
59
     }
67
   }, {
60
   }, {
68
     key: "handleChangeFileList",
61
     key: "handleChangeFileList",
76
 
69
 
77
       value += "[" + emojiId + "]";
70
       value += "[" + emojiId + "]";
78
       this.setState({ value: value });
71
       this.setState({ value: value });
72
+      _react2.default.Children.forEach(this.props.content, function (child) {
73
+        // 如果 Editor 的父组件传入了 onChange 事件,则需要将改变之后的值传递给父组件
74
+        if (child.props.onChange) {
75
+          child.props.onChange(value);
76
+        }
77
+      });
79
     }
78
     }
80
   }, {
79
   }, {
81
     key: "handleUpload",
80
     key: "handleUpload",
96
           fileList = _state.fileList;
95
           fileList = _state.fileList;
97
 
96
 
98
       if (fileList.length) {
97
       if (fileList.length) {
98
+        value += "<br/>";
99
         fileList.forEach(function (item) {
99
         fileList.forEach(function (item) {
100
           value += "[" + _constant.OSS_LINK + fileMap[item.uid] + "]";
100
           value += "[" + _constant.OSS_LINK + fileMap[item.uid] + "]";
101
         });
101
         });
109
 
109
 
110
       if (type === "normal") {
110
       if (type === "normal") {
111
         this.props.app.sCreateComment({
111
         this.props.app.sCreateComment({
112
-          type: 1,
113
-          business_id: "1",
114
           content: value
112
           content: value
115
         });
113
         });
116
       } else if (type === "comment") {
114
       } else if (type === "comment") {
129
           return handleToggleInput();
127
           return handleToggleInput();
130
         });
128
         });
131
       }
129
       }
130
+
131
+      _react2.default.Children.forEach(this.props.content, function (child) {
132
+        // 如果 Editor 的父组件传入了 onSubmit 事件,则需要将改变之后的值传递给父组件
133
+        if (child.props.onSubmit) {
134
+          child.props.onSubmit(value);
135
+        }
136
+      });
132
     }
137
     }
133
   }, {
138
   }, {
134
     key: "render",
139
     key: "render",
135
     value: function render() {
140
     value: function render() {
141
+      var _this2 = this;
142
+
136
       var type = this.props.type;
143
       var type = this.props.type;
137
       var _state2 = this.state,
144
       var _state2 = this.state,
138
           value = _state2.value,
145
           value = _state2.value,
139
           fileList = _state2.fileList;
146
           fileList = _state2.fileList;
140
 
147
 
141
 
148
 
149
+      var childrenWithProps = _react2.default.Children.map(this.props.content, function (child) {
150
+        return _react2.default.cloneElement(child, _extends({
151
+          value: value,
152
+          fileList: fileList,
153
+          onChange: _this2.handleChange,
154
+          onSubmit: _this2.handleSubmit,
155
+          onChangeFileList: _this2.handleChangeFileList,
156
+          onChangeEmoji: _this2.handleChangeEmoji,
157
+          onUpload: _this2.handleUpload,
158
+          loading: _this2.props.app.loading.sCreateComment
159
+        }, child.props));
160
+      });
161
+
142
       return _react2.default.createElement(
162
       return _react2.default.createElement(
143
         "div",
163
         "div",
144
         null,
164
         null,
170
         _react2.default.createElement(
190
         _react2.default.createElement(
171
           "div",
191
           "div",
172
           { style: { marginTop: 40 } },
192
           { style: { marginTop: 40 } },
173
-          _react2.default.createElement(_Editor2.default, {
174
-            value: value,
175
-            placeholder: PLACEHOLDER[type] || PLACEHOLDER.default,
176
-            fileList: fileList,
177
-            onChange: this.handleChange,
178
-            onSubmit: this.handleSubmit,
179
-            onChangeFileList: this.handleChangeFileList,
180
-            onChangeEmoji: this.handleChangeEmoji,
181
-            onUpload: this.handleUpload,
182
-            loading: this.props.app.loading.sCreateComment
183
-          })
193
+          childrenWithProps
184
         )
194
         )
185
       );
195
       );
186
     }
196
     }

+ 1
- 1
lib/components/CommentInput/index.js.map
File diff suppressed because it is too large
View File


+ 5
- 0
lib/components/CommentList/index.js View File

47
   }
47
   }
48
 
48
 
49
   _createClass(CommentList, [{
49
   _createClass(CommentList, [{
50
+    key: "componentWillMount",
51
+    value: function componentWillMount() {
52
+      this.props.app.sGetComment();
53
+    }
54
+  }, {
50
     key: "render",
55
     key: "render",
51
     value: function render() {
56
     value: function render() {
52
       var _props$app = this.props.app,
57
       var _props$app = this.props.app,

+ 1
- 1
lib/components/CommentList/index.js.map View File

1
-{"version":3,"sources":["../../../src/components/CommentList/index.js"],"names":["CommentList","props","state","app","list","page","loading","isNoMoreComment","sGetComment","spinning","Boolean","sCommentFavor","map","item","id","Component","propTypes"],"mappings":";;;;;;;;;;;;;;AAAA;;;;AAEA;;;;AACA;;;;AACA;;;;;;;;;;IAEMA,W;;;AACJ,uBAAYC,KAAZ,EAAmB;AAAA;;AAAA,0HACXA,KADW;;AAEjB,UAAKC,KAAL,GAAa,EAAb;AAFiB;AAGlB;;;;6BAEQ;AAAA,uBAOH,KAAKD,KAAL,CAAWE,GAPR;AAAA,UAELC,IAFK,cAELA,IAFK;AAAA,UAGLC,IAHK,cAGLA,IAHK;AAAA,UAILC,OAJK,cAILA,OAJK;AAAA,UAKLC,eALK,cAKLA,eALK;AAAA,UAMLC,WANK,cAMLA,WANK;;;AASP,UAAMC,WAAWC,QAAQJ,QAAQE,WAAR,IAAuBF,QAAQK,aAAvC,CAAjB;AACA,aACE;AAAA;AAAA;AACE;AAAA;AAAA,YAAM,UAAUF,QAAhB;AACGL,eAAKQ,GAAL,CAAS;AAAA,mBACR,8BAAC,oBAAD,IAAY,SAASC,IAArB,EAA2B,KAAKA,KAAKC,EAArC,EAAyC,WAAWD,KAAKC,EAAzD,GADQ;AAAA,WAAT,CADH;AAKG,WAACP,eAAD,IACC;AAAA;AAAA;AACE,yBAAU,UADZ;AAEE,uBAAS;AAAA,uBAAMC,YAAY,EAAEH,MAAMA,OAAO,CAAf,EAAZ,CAAN;AAAA;AAFX;AAIE;AAAA;AAAA;AAAA;AAAA;AAJF;AANJ;AADF,OADF;AAkBD;;;;EAlCuBU,gB;;AAqC1Bf,YAAYgB,SAAZ,GAAwB,EAAxB;;kBAEe,uBAAQhB,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  render() {\n    const {\n      list,\n      page,\n      loading,\n      isNoMoreComment,\n      sGetComment\n    } = this.props.app;\n\n    const spinning = Boolean(loading.sGetComment || loading.sCommentFavor);\n    return (\n      <div>\n        <Spin spinning={spinning}>\n          {list.map(item => (\n            <CommentBox content={item} key={item.id} commentId={item.id} />\n          ))}\n\n          {!isNoMoreComment && (\n            <div\n              className=\"showMore\"\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"]}
1
+{"version":3,"sources":["../../../src/components/CommentList/index.js"],"names":["CommentList","props","state","app","sGetComment","list","page","loading","isNoMoreComment","spinning","Boolean","sCommentFavor","map","item","id","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,uBAOH,KAAKH,KAAL,CAAWE,GAPR;AAAA,UAELE,IAFK,cAELA,IAFK;AAAA,UAGLC,IAHK,cAGLA,IAHK;AAAA,UAILC,OAJK,cAILA,OAJK;AAAA,UAKLC,eALK,cAKLA,eALK;AAAA,UAMLJ,WANK,cAMLA,WANK;;;AASP,UAAMK,WAAWC,QAAQH,QAAQH,WAAR,IAAuBG,QAAQI,aAAvC,CAAjB;AACA,aACE;AAAA;AAAA;AACE;AAAA;AAAA,YAAM,UAAUF,QAAhB;AACGJ,eAAKO,GAAL,CAAS;AAAA,mBACR,8BAAC,oBAAD,IAAY,SAASC,IAArB,EAA2B,KAAKA,KAAKC,EAArC,EAAyC,WAAWD,KAAKC,EAAzD,GADQ;AAAA,WAAT,CADH;AAKG,WAACN,eAAD,IACC;AAAA;AAAA;AACE,yBAAU,UADZ;AAEE,uBAAS;AAAA,uBAAMJ,YAAY,EAAEE,MAAMA,OAAO,CAAf,EAAZ,CAAN;AAAA;AAFX;AAIE;AAAA;AAAA;AAAA;AAAA;AAJF;AANJ;AADF,OADF;AAkBD;;;;EAtCuBS,gB;;AAyC1Bf,YAAYgB,SAAZ,GAAwB,EAAxB;;kBAEe,uBAAQhB,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      page,\n      loading,\n      isNoMoreComment,\n      sGetComment\n    } = this.props.app;\n\n    const spinning = Boolean(loading.sGetComment || loading.sCommentFavor);\n    return (\n      <div>\n        <Spin spinning={spinning}>\n          {list.map(item => (\n            <CommentBox content={item} key={item.id} commentId={item.id} />\n          ))}\n\n          {!isNoMoreComment && (\n            <div\n              className=\"showMore\"\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"]}

+ 2
- 0
lib/components/Editor/Emoji.js View File

25
 // 每页 20  5*4
25
 // 每页 20  5*4
26
 // 共 20 * 3 = 60 (实际是 54)
26
 // 共 20 * 3 = 60 (实际是 54)
27
 
27
 
28
+// class Emoji
29
+
28
 var Emoji = function Emoji(_ref) {
30
 var Emoji = function Emoji(_ref) {
29
   var _onClick = _ref.onClick;
31
   var _onClick = _ref.onClick;
30
 
32
 

+ 1
- 1
lib/components/Editor/Emoji.js.map View File

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,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\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"]}
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"]}

+ 54
- 22
lib/components/Editor/index.js View File

20
 
20
 
21
 var _input2 = _interopRequireDefault(_input);
21
 var _input2 = _interopRequireDefault(_input);
22
 
22
 
23
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
24
+
23
 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; }; }();
25
 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; }; }();
24
 
26
 
25
 require("antd/es/button/style/css");
27
 require("antd/es/button/style/css");
34
 
36
 
35
 var _react2 = _interopRequireDefault(_react);
37
 var _react2 = _interopRequireDefault(_react);
36
 
38
 
39
+var _propTypes = require("prop-types");
40
+
41
+var _propTypes2 = _interopRequireDefault(_propTypes);
42
+
37
 var _constant = require("../../constant");
43
 var _constant = require("../../constant");
38
 
44
 
39
 var _Upload = require("./Upload");
45
 var _Upload = require("./Upload");
52
 
58
 
53
 function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
59
 function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
54
 
60
 
55
-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; } // https://github.com/lovasoa/react-contenteditable/blob/master/src/react-contenteditable.js
56
-
57
-// import styles from "./index.less";
58
-
61
+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; }
59
 
62
 
60
 var TextArea = _input2.default.TextArea;
63
 var TextArea = _input2.default.TextArea;
64
+// 设置 Editor 组件的默认值
65
+// 不能在 Editor.defaultProps 中设置
66
+// 因为 Editor 在 ComponentInput 中调用
67
+// 在 ComponentInput 中,需要使用 Editor 的 props 覆盖 ComponentInput 传入的 props
68
+
69
+var EditorDefaultProps = {
70
+  rows: 5,
71
+  placeholder: "说点什么吧...",
72
+  showEmoji: true,
73
+  showUpload: true,
74
+  submitText: "发表",
75
+  onChange: function onChange() {}
76
+};
61
 
77
 
62
 var Editor = function (_React$Component) {
78
 var Editor = function (_React$Component) {
63
   _inherits(Editor, _React$Component);
79
   _inherits(Editor, _React$Component);
97
     value: function render() {
113
     value: function render() {
98
       var _this2 = this;
114
       var _this2 = this;
99
 
115
 
100
-      var _props = this.props,
101
-          value = _props.value,
102
-          onChange = _props.onChange,
103
-          placeholder = _props.placeholder,
104
-          fileList = _props.fileList,
105
-          onChangeFileList = _props.onChangeFileList,
106
-          onUpload = _props.onUpload;
116
+      var props = _extends({}, EditorDefaultProps, this.props);
117
+      var value = props.value,
118
+          _onChange = props.onChange,
119
+          onSubmit = props.onSubmit,
120
+          loading = props.loading,
121
+          placeholder = props.placeholder,
122
+          fileList = props.fileList,
123
+          onChangeFileList = props.onChangeFileList,
124
+          rows = props.rows,
125
+          onUpload = props.onUpload,
126
+          showEmoji = props.showEmoji,
127
+          showUpload = props.showUpload,
128
+          submitText = props.submitText;
129
+
107
 
130
 
108
       return _react2.default.createElement(
131
       return _react2.default.createElement(
109
         "div",
132
         "div",
110
         { className: "editor" },
133
         { className: "editor" },
111
         _react2.default.createElement(TextArea, {
134
         _react2.default.createElement(TextArea, {
112
           value: value,
135
           value: value,
113
-          onChange: onChange,
114
-          rows: 5,
136
+          onChange: function onChange(e) {
137
+            return _onChange(e.target.value);
138
+          },
139
+          rows: rows,
115
           placeholder: placeholder
140
           placeholder: placeholder
116
         }),
141
         }),
117
         _react2.default.createElement(
142
         _react2.default.createElement(
120
           _react2.default.createElement(
145
           _react2.default.createElement(
121
             "div",
146
             "div",
122
             { style: { float: "left", margin: "8px 11px" } },
147
             { style: { float: "left", margin: "8px 11px" } },
123
-            _react2.default.createElement(
148
+            showEmoji && _react2.default.createElement(
124
               _popover2.default,
149
               _popover2.default,
125
               {
150
               {
126
                 trigger: "click",
151
                 trigger: "click",
135
               },
160
               },
136
               _react2.default.createElement(_icon2.default, { type: "smile-o", className: "icon" })
161
               _react2.default.createElement(_icon2.default, { type: "smile-o", className: "icon" })
137
             ),
162
             ),
138
-            _react2.default.createElement(
163
+            showUpload && _react2.default.createElement(
139
               _popover2.default,
164
               _popover2.default,
140
               {
165
               {
141
                 visible: this.state.showUpload,
166
                 visible: this.state.showUpload,
142
                 overlayStyle: { zIndex: 999 },
167
                 overlayStyle: { zIndex: 999 },
143
                 content: _react2.default.createElement(
168
                 content: _react2.default.createElement(
144
                   "div",
169
                   "div",
145
-                  { style: { width: 112 * _constant.MAX_UPLOAD_NUMBER, minHeight: 100 } },
170
+                  {
171
+                    style: { width: 112 * _constant.MAX_UPLOAD_NUMBER, minHeight: 100 }
172
+                  },
146
                   _react2.default.createElement(_Upload2.default, {
173
                   _react2.default.createElement(_Upload2.default, {
147
                     onChangeFileList: onChangeFileList,
174
                     onChangeFileList: onChangeFileList,
148
                     onUpload: onUpload,
175
                     onUpload: onUpload,
193
             { style: { float: "right", margin: "5px 11px" } },
220
             { style: { float: "right", margin: "5px 11px" } },
194
             _react2.default.createElement(
221
             _react2.default.createElement(
195
               _button2.default,
222
               _button2.default,
196
-              {
197
-                onClick: this.props.onSubmit,
198
-                type: "primary",
199
-                loading: this.props.loading
200
-              },
201
-              "\u53D1\u8868"
223
+              { onClick: onSubmit, type: "primary", loading: loading },
224
+              submitText
202
             )
225
             )
203
           )
226
           )
204
         )
227
         )
209
   return Editor;
232
   return Editor;
210
 }(_react2.default.Component);
233
 }(_react2.default.Component);
211
 
234
 
235
+Editor.propTypes = {
236
+  rows: _propTypes2.default.number,
237
+  placeholder: _propTypes2.default.string,
238
+  showEmoji: _propTypes2.default.bool,
239
+  showUpload: _propTypes2.default.bool,
240
+  submitText: _propTypes2.default.string,
241
+  onChange: _propTypes2.default.func
242
+};
243
+
212
 exports.default = Editor;
244
 exports.default = Editor;
213
 //# sourceMappingURL=index.js.map
245
 //# sourceMappingURL=index.js.map

+ 1
- 1
lib/components/Editor/index.js.map
File diff suppressed because it is too large
View File


+ 0
- 3
lib/constant.js View File

3
 Object.defineProperty(exports, "__esModule", {
3
 Object.defineProperty(exports, "__esModule", {
4
   value: true
4
   value: true
5
 });
5
 });
6
-// export const URL = "http://121.41.20.11:8082/v1";
7
-var URL = exports.URL = "http://api.links123.net/comment/v1";
8
-
9
 var ERROR_DEFAULT = exports.ERROR_DEFAULT = "出错了!";
6
 var ERROR_DEFAULT = exports.ERROR_DEFAULT = "出错了!";
10
 
7
 
11
 var LIMIT = exports.LIMIT = 10; // 默认 limit
8
 var LIMIT = exports.LIMIT = 10; // 默认 limit

+ 1
- 1
lib/constant.js.map View File

1
-{"version":3,"sources":["../src/constant.js"],"names":["URL","ERROR_DEFAULT","LIMIT","OSS_ENDPOINT","OSS_BUCKET","DRIVER_LICENSE_PATH","OSS_LINK","MAX_UPLOAD_NUMBER","REGEXP"],"mappings":";;;;;AAAA;AACO,IAAMA,oBAAM,oCAAZ;;AAEA,IAAMC,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","file":"constant.js","sourcesContent":["// export const URL = \"http://121.41.20.11:8082/v1\";\nexport const URL = \"http://api.links123.net/comment/v1\";\n\nexport 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"]}
1
+{"version":3,"sources":["../src/constant.js"],"names":["ERROR_DEFAULT","LIMIT","OSS_ENDPOINT","OSS_BUCKET","DRIVER_LICENSE_PATH","OSS_LINK","MAX_UPLOAD_NUMBER","REGEXP"],"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","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"]}

+ 19
- 1
lib/index.js View File

18
 
18
 
19
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
20
 
20
 
21
-_reactDom2.default.render(_react2.default.createElement(_App2.default, null), document.getElementById("root-comment"));
21
+var props = {
22
+  type: 1,
23
+  businessId: "1",
24
+  API: "http://api.links123.net/comment/v1",
25
+  showList: false
26
+};
27
+
28
+var editorProps = {
29
+  showEmoji: true,
30
+  placeholder: "说点什么吧",
31
+  rows: 5
32
+  // onSubmit={v => console.log()} // TODO...
33
+};
34
+
35
+_reactDom2.default.render(_react2.default.createElement(
36
+  _App2.default,
37
+  props,
38
+  _react2.default.createElement(_App.Editor, editorProps)
39
+), document.getElementById("root-comment"));
22
 (0, _registerServiceWorker2.default)();
40
 (0, _registerServiceWorker2.default)();
23
 //# sourceMappingURL=index.js.map
41
 //# sourceMappingURL=index.js.map

+ 1
- 1
lib/index.js.map View File

1
-{"version":3,"sources":["../src/index.js"],"names":["ReactDOM","render","document","getElementById"],"mappings":";;AAAA;;;;AACA;;;;AACA;;;;AACA;;;;;;AAEAA,mBAASC,MAAT,CAAgB,8BAAC,aAAD,OAAhB,EAAyBC,SAASC,cAAT,CAAwB,cAAxB,CAAzB;AACA","file":"index.js","sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\nimport registerServiceWorker from \"./registerServiceWorker\";\n\nReactDOM.render(<App />, document.getElementById(\"root-comment\"));\nregisterServiceWorker();\n"]}
1
+{"version":3,"sources":["../src/index.js"],"names":["props","type","businessId","API","showList","editorProps","showEmoji","placeholder","rows","ReactDOM","render","document","getElementById"],"mappings":";;AAAA;;;;AACA;;;;AACA;;;;AACA;;;;;;AAEA,IAAMA,QAAQ;AACZC,QAAM,CADM;AAEZC,cAAY,GAFA;AAGZC,OAAK,oCAHO;AAIZC,YAAU;AAJE,CAAd;;AAOA,IAAMC,cAAc;AAClBC,aAAW,IADO;AAElBC,eAAa,OAFK;AAGlBC,QAAM;AACN;AAJkB,CAApB;;AAOAC,mBAASC,MAAT,CACE;AAAC,eAAD;AAASV,OAAT;AACE,gCAAC,WAAD,EAAYK,WAAZ;AADF,CADF,EAIEM,SAASC,cAAT,CAAwB,cAAxB,CAJF;AAMA","file":"index.js","sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App, { Editor } from \"./App\";\nimport registerServiceWorker from \"./registerServiceWorker\";\n\nconst props = {\n  type: 1,\n  businessId: \"1\",\n  API: \"http://api.links123.net/comment/v1\",\n  showList: false\n};\n\nconst editorProps = {\n  showEmoji: true,\n  placeholder: \"说点什么吧\",\n  rows: 5\n  // onSubmit={v => console.log()} // TODO...\n};\n\nReactDOM.render(\n  <App {...props}>\n    <Editor {...editorProps} />\n  </App>,\n  document.getElementById(\"root-comment\")\n);\nregisterServiceWorker();\n"]}

+ 21
- 0
lib/lang/index.js View File

1
+"use strict";
2
+
3
+Object.defineProperty(exports, "__esModule", {
4
+  value: true
5
+});
6
+// 语言包
7
+// 英文短语和中文提示的对应
8
+var data = {
9
+  "auth failed": "请先登录",
10
+  "create comment failed": "创建评论失败",
11
+  "comment favor failed": "评论点赞失败",
12
+  "delete comment favor failed": "评论取消点赞失败",
13
+  "get comments failed": "获取评论列表失败",
14
+  "create reply failed": "创建回复失败",
15
+  "reply favor failed": "回复点赞失败",
16
+  "delete reply favor failed": "删除回复点赞失败",
17
+  "get replies failed": "获取回复列表失败"
18
+};
19
+
20
+exports.default = data;
21
+//# sourceMappingURL=index.js.map

+ 1
- 0
lib/lang/index.js.map View File

1
+{"version":3,"sources":["../../src/lang/index.js"],"names":["data"],"mappings":";;;;;AAAA;AACA;AACA,IAAMA,OAAO;AACX,iBAAe,MADJ;AAEX,2BAAyB,QAFd;AAGX,0BAAwB,QAHb;AAIX,iCAA+B,UAJpB;AAKX,yBAAuB,UALZ;AAMX,yBAAuB,QANZ;AAOX,wBAAsB,QAPX;AAQX,+BAA6B,UARlB;AASX,wBAAsB;AATX,CAAb;;kBAYeA,I","file":"index.js","sourcesContent":["// 语言包\n// 英文短语和中文提示的对应\nconst data = {\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"]}