通用评论

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. 'use strict';
  2. 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; }; }();
  3. var _react = require('react');
  4. var _react2 = _interopRequireDefault(_react);
  5. var _reactDom = require('react-dom');
  6. var _reactDom2 = _interopRequireDefault(_reactDom);
  7. var _App = require('./App');
  8. var _App2 = _interopRequireDefault(_App);
  9. var _registerServiceWorker = require('./registerServiceWorker');
  10. var _registerServiceWorker2 = _interopRequireDefault(_registerServiceWorker);
  11. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  12. function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
  13. 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; }
  14. 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; }
  15. // e.g.
  16. // import { Button, Icon } from "antd";
  17. var Index = function (_Component) {
  18. _inherits(Index, _Component);
  19. function Index(props) {
  20. _classCallCheck(this, Index);
  21. var _this = _possibleConstructorReturn(this, (Index.__proto__ || Object.getPrototypeOf(Index)).call(this, props));
  22. _this.state = {
  23. value: ''
  24. };
  25. _this.handleChangeValue = _this.handleChangeValue.bind(_this);
  26. _this.handleChangeSubmit = _this.handleChangeSubmit.bind(_this);
  27. return _this;
  28. }
  29. _createClass(Index, [{
  30. key: 'handleChangeValue',
  31. value: function handleChangeValue(value) {
  32. this.setState({ value: value });
  33. console.log('handleChangeValue value: ', value);
  34. }
  35. }, {
  36. key: 'handleChangeSubmit',
  37. value: function handleChangeSubmit(_ref) {
  38. var _this2 = this;
  39. var text = _ref.text,
  40. files = _ref.files;
  41. this.setState({ loading: true }, function () {
  42. setTimeout(function () {
  43. _this2.setState({ loading: false });
  44. }, 2000);
  45. });
  46. console.log('submit text: ', text);
  47. console.log('submit files: ', files);
  48. }
  49. }, {
  50. key: 'render',
  51. value: function render() {
  52. // 最简单的用法
  53. return _react2.default.createElement(
  54. _App2.default,
  55. { type: 1, businessId: 'test' },
  56. _react2.default.createElement(_App.Editor, null)
  57. );
  58. // e.g.
  59. // 复杂的用户法
  60. // const props = {
  61. // type: 1,
  62. // businessId: "1",
  63. // API: "http://api.links123.net/comment/v1",
  64. // showList: true
  65. // };
  66. // const editorProps = {
  67. // showEmoji: true,
  68. // placeholder: "说点什么吧",
  69. // rows: 5,
  70. // btnLoading: this.state.loading,
  71. // btnDisable: this.state.loading,
  72. // btnSubmitText: "提交",
  73. // value: this.state.value,
  74. // onChange: v => this.handleChangeValue(v),
  75. // onSubmit: v => this.handleChangeSubmit(v),
  76. // button: (
  77. // <Button
  78. // type="primary"
  79. // ghost
  80. // // onClick={() => console.log('click btn: ', this.state.value)}
  81. // >
  82. // 自定义按钮
  83. // </Button>
  84. // ),
  85. // emojiToolIcon: <Icon type="smile" style={{ fontSize: 23 }} />,
  86. // imageToolIcon: (
  87. // <Icon type="cloud-upload-o" style={{ fontSize: 25, marginLeft: 10 }} />
  88. // )
  89. // };
  90. // return (
  91. // <App {...props}>
  92. // <Editor {...editorProps} />
  93. // </App>
  94. // );
  95. }
  96. }]);
  97. return Index;
  98. }(_react.Component);
  99. _reactDom2.default.render(_react2.default.createElement(Index, null), document.getElementById('root-comment'));
  100. (0, _registerServiceWorker2.default)();
  101. //# sourceMappingURL=index.js.map