瀏覽代碼

publish version 0.1.0

node 6 年之前
父節點
當前提交
7e5e434a34

+ 60
- 32
lib/App.js 查看文件

@@ -3,6 +3,7 @@
3 3
 Object.defineProperty(exports, "__esModule", {
4 4
   value: true
5 5
 });
6
+exports.Editor = undefined;
6 7
 
7 8
 var _message2 = require("antd/es/message");
8 9
 
@@ -18,6 +19,10 @@ var _react = require("react");
18 19
 
19 20
 var _react2 = _interopRequireDefault(_react);
20 21
 
22
+var _propTypes = require("prop-types");
23
+
24
+var _propTypes2 = _interopRequireDefault(_propTypes);
25
+
21 26
 var _axios = require("./axios");
22 27
 
23 28
 var _axios2 = _interopRequireDefault(_axios);
@@ -36,6 +41,10 @@ var _CommentList = require("./components/CommentList");
36 41
 
37 42
 var _CommentList2 = _interopRequireDefault(_CommentList);
38 43
 
44
+var _Editor = require("./components/Editor");
45
+
46
+var _Editor2 = _interopRequireDefault(_Editor);
47
+
39 48
 require("./App.css");
40 49
 
41 50
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -45,8 +54,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
45 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 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 58
 var App = function (_Component) {
52 59
   _inherits(App, _Component);
@@ -81,9 +88,7 @@ var App = function (_Component) {
81 88
 
82 89
   _createClass(App, [{
83 90
     key: "componentDidMount",
84
-    value: function componentDidMount() {
85
-      this.sGetComment();
86
-    }
91
+    value: function componentDidMount() {}
87 92
 
88 93
     /**
89 94
      * 改变 loading 状态
@@ -110,24 +115,16 @@ var App = function (_Component) {
110 115
       var _this2 = this;
111 116
 
112 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 118
           _ref$page = _ref.page,
118 119
           page = _ref$page === undefined ? 1 : _ref$page;
119 120
 
120 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 128
         var _response$data = response.data,
132 129
             list = _response$data.list,
133 130
             page = _response$data.page,
@@ -181,7 +178,9 @@ var App = function (_Component) {
181 178
           page = _ref2$page === undefined ? 1 : _ref2$page;
182 179
 
183 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 184
         var replies = response.data.list;
186 185
 
187 186
         if (!replies) {
@@ -219,19 +218,28 @@ var App = function (_Component) {
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 225
     key: "sCreateComment",
227
-    value: function sCreateComment(data) {
226
+    value: function sCreateComment(content) {
228 227
       var _this4 = this;
229 228
 
230
-      if (!data.content) return _message3.default.error("评论内容不能为空 ");
229
+      if (!content) return _message3.default.error("评论内容不能为空 ");
231 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 237
         method: "post",
234
-        data: data,
238
+        data: {
239
+          type: type,
240
+          business_id: businessId,
241
+          content: content
242
+        },
235 243
         withCredentials: true
236 244
       }).then(function (response) {
237 245
         _message3.default.success("评论成功!");
@@ -268,12 +276,13 @@ var App = function (_Component) {
268 276
 
269 277
       if (!data.content) return _message3.default.error("回复内容不能为空 ");
270 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 282
         method: "post",
273 283
         data: data,
274 284
         withCredentials: true
275 285
       }).then(function (response) {
276
-        // console.log("response: ", response.data);
277 286
         // // 将该条数据插入到 list 中
278 287
         // const list = this.state.list.map(item => {
279 288
         //   if (item.id === data.comment_id) {
@@ -310,7 +319,9 @@ var App = function (_Component) {
310 319
       var _this6 = this;
311 320
 
312 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 325
         method: favored ? "delete" : "put",
315 326
         withCredentials: true
316 327
       }).then(function (response) {
@@ -345,7 +356,9 @@ var App = function (_Component) {
345 356
       var _this7 = this;
346 357
 
347 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 362
         _this7.setState({ oss: _extends({}, response.data) });
350 363
       }).catch(function (error) {
351 364
         if (error.response && error.response.data && error.response.data.msg) {
@@ -361,7 +374,7 @@ var App = function (_Component) {
361 374
     key: "render",
362 375
     value: function render() {
363 376
       // 添加到 Context 的数据
364
-      var value = _extends({}, this.state, {
377
+      var value = _extends({}, this.state, this.props, {
365 378
         sCreateComment: this.sCreateComment,
366 379
         sGetComment: this.sGetComment,
367 380
         sCommentFavor: this.sCommentFavor,
@@ -376,8 +389,8 @@ var App = function (_Component) {
376 389
         _react2.default.createElement(
377 390
           "div",
378 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 394
             "div",
382 395
             { style: { marginTop: 20 } },
383 396
             _react2.default.createElement(_CommentList2.default, null)
@@ -390,5 +403,20 @@ var App = function (_Component) {
390 403
   return App;
391 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 421
 exports.default = App;
394 422
 //# sourceMappingURL=App.js.map

+ 1
- 1
lib/App.js.map
文件差異過大導致無法顯示
查看文件


+ 12
- 0
lib/CHANGELOG.md 查看文件

@@ -0,0 +1,12 @@
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 查看文件

@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4 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 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 11
 var _react = require("react");
@@ -20,10 +22,6 @@ var _Comment = require("../../Comment");
20 22
 
21 23
 var _Comment2 = _interopRequireDefault(_Comment);
22 24
 
23
-var _Editor = require("../Editor");
24
-
25
-var _Editor2 = _interopRequireDefault(_Editor);
26
-
27 25
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
28 26
 
29 27
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -32,11 +30,6 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
32 30
 
33 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 33
 var CommentInput = function (_Component) {
41 34
   _inherits(CommentInput, _Component);
42 35
 
@@ -61,8 +54,8 @@ var CommentInput = function (_Component) {
61 54
 
62 55
   _createClass(CommentInput, [{
63 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 61
     key: "handleChangeFileList",
@@ -76,6 +69,12 @@ var CommentInput = function (_Component) {
76 69
 
77 70
       value += "[" + emojiId + "]";
78 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 80
     key: "handleUpload",
@@ -96,6 +95,7 @@ var CommentInput = function (_Component) {
96 95
           fileList = _state.fileList;
97 96
 
98 97
       if (fileList.length) {
98
+        value += "<br/>";
99 99
         fileList.forEach(function (item) {
100 100
           value += "[" + _constant.OSS_LINK + fileMap[item.uid] + "]";
101 101
         });
@@ -109,8 +109,6 @@ var CommentInput = function (_Component) {
109 109
 
110 110
       if (type === "normal") {
111 111
         this.props.app.sCreateComment({
112
-          type: 1,
113
-          business_id: "1",
114 112
           content: value
115 113
         });
116 114
       } else if (type === "comment") {
@@ -129,16 +127,38 @@ var CommentInput = function (_Component) {
129 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 139
     key: "render",
135 140
     value: function render() {
141
+      var _this2 = this;
142
+
136 143
       var type = this.props.type;
137 144
       var _state2 = this.state,
138 145
           value = _state2.value,
139 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 162
       return _react2.default.createElement(
143 163
         "div",
144 164
         null,
@@ -170,17 +190,7 @@ var CommentInput = function (_Component) {
170 190
         _react2.default.createElement(
171 191
           "div",
172 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
文件差異過大導致無法顯示
查看文件


+ 5
- 0
lib/components/CommentList/index.js 查看文件

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

+ 1
- 1
lib/components/CommentList/index.js.map 查看文件

@@ -1 +1 @@
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 查看文件

@@ -25,6 +25,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
25 25
 // 每页 20  5*4
26 26
 // 共 20 * 3 = 60 (实际是 54)
27 27
 
28
+// class Emoji
29
+
28 30
 var Emoji = function Emoji(_ref) {
29 31
   var _onClick = _ref.onClick;
30 32
 

+ 1
- 1
lib/components/Editor/Emoji.js.map 查看文件

@@ -1 +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,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 查看文件

@@ -20,6 +20,8 @@ var _input = require("antd/es/input");
20 20
 
21 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 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 27
 require("antd/es/button/style/css");
@@ -34,6 +36,10 @@ var _react = require("react");
34 36
 
35 37
 var _react2 = _interopRequireDefault(_react);
36 38
 
39
+var _propTypes = require("prop-types");
40
+
41
+var _propTypes2 = _interopRequireDefault(_propTypes);
42
+
37 43
 var _constant = require("../../constant");
38 44
 
39 45
 var _Upload = require("./Upload");
@@ -52,12 +58,22 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
52 58
 
53 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 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 78
 var Editor = function (_React$Component) {
63 79
   _inherits(Editor, _React$Component);
@@ -97,21 +113,30 @@ var Editor = function (_React$Component) {
97 113
     value: function render() {
98 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 131
       return _react2.default.createElement(
109 132
         "div",
110 133
         { className: "editor" },
111 134
         _react2.default.createElement(TextArea, {
112 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 140
           placeholder: placeholder
116 141
         }),
117 142
         _react2.default.createElement(
@@ -120,7 +145,7 @@ var Editor = function (_React$Component) {
120 145
           _react2.default.createElement(
121 146
             "div",
122 147
             { style: { float: "left", margin: "8px 11px" } },
123
-            _react2.default.createElement(
148
+            showEmoji && _react2.default.createElement(
124 149
               _popover2.default,
125 150
               {
126 151
                 trigger: "click",
@@ -135,14 +160,16 @@ var Editor = function (_React$Component) {
135 160
               },
136 161
               _react2.default.createElement(_icon2.default, { type: "smile-o", className: "icon" })
137 162
             ),
138
-            _react2.default.createElement(
163
+            showUpload && _react2.default.createElement(
139 164
               _popover2.default,
140 165
               {
141 166
                 visible: this.state.showUpload,
142 167
                 overlayStyle: { zIndex: 999 },
143 168
                 content: _react2.default.createElement(
144 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 173
                   _react2.default.createElement(_Upload2.default, {
147 174
                     onChangeFileList: onChangeFileList,
148 175
                     onUpload: onUpload,
@@ -193,12 +220,8 @@ var Editor = function (_React$Component) {
193 220
             { style: { float: "right", margin: "5px 11px" } },
194 221
             _react2.default.createElement(
195 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,5 +232,14 @@ var Editor = function (_React$Component) {
209 232
   return Editor;
210 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 244
 exports.default = Editor;
213 245
 //# sourceMappingURL=index.js.map

+ 1
- 1
lib/components/Editor/index.js.map
文件差異過大導致無法顯示
查看文件


+ 0
- 3
lib/constant.js 查看文件

@@ -3,9 +3,6 @@
3 3
 Object.defineProperty(exports, "__esModule", {
4 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 6
 var ERROR_DEFAULT = exports.ERROR_DEFAULT = "出错了!";
10 7
 
11 8
 var LIMIT = exports.LIMIT = 10; // 默认 limit

+ 1
- 1
lib/constant.js.map 查看文件

@@ -1 +1 @@
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 查看文件

@@ -18,6 +18,24 @@ var _registerServiceWorker2 = _interopRequireDefault(_registerServiceWorker);
18 18
 
19 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 40
 (0, _registerServiceWorker2.default)();
23 41
 //# sourceMappingURL=index.js.map

+ 1
- 1
lib/index.js.map 查看文件

@@ -1 +1 @@
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 查看文件

@@ -0,0 +1,21 @@
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 查看文件

@@ -0,0 +1 @@
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"]}