通用评论

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. 'use strict';
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. var _carousel = require('antd/es/carousel');
  6. var _carousel2 = _interopRequireDefault(_carousel);
  7. require('antd/es/carousel/style/css');
  8. var _react = require('react');
  9. var _react2 = _interopRequireDefault(_react);
  10. var _emoji = require('../../emoji');
  11. var _emoji2 = _interopRequireDefault(_emoji);
  12. require('./Emoji.css');
  13. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  14. // 每页 20 5*4
  15. // 共 20 * 3 = 60 (实际是 54)
  16. // class Emoji
  17. var Emoji = function Emoji(_ref) {
  18. var _onClick = _ref.onClick;
  19. var content = [[], [], []];
  20. for (var i = 0; i < _emoji2.default.length; i++) {
  21. if (i < 20) {
  22. content[0].push(_emoji2.default[i]);
  23. } else if (i < 40) {
  24. content[1].push(_emoji2.default[i]);
  25. } else if (i < _emoji2.default.length) {
  26. content[2].push(_emoji2.default[i]);
  27. }
  28. }
  29. return _react2.default.createElement(
  30. _carousel2.default,
  31. null,
  32. _react2.default.createElement(
  33. 'div',
  34. null,
  35. content[0].map(function (item, index) {
  36. return _react2.default.createElement(
  37. 'div',
  38. { className: 'item', key: item.value },
  39. _react2.default.createElement('span', { className: 'helper' }),
  40. _react2.default.createElement('img', {
  41. src: '' + _emoji.prefixUrl + item.value + '.' + _emoji.ext,
  42. alt: item.title,
  43. style: { display: 'inline-block' },
  44. onClick: function onClick() {
  45. return _onClick(item.title);
  46. }
  47. })
  48. );
  49. })
  50. ),
  51. _react2.default.createElement(
  52. 'div',
  53. null,
  54. content[1].map(function (item, index) {
  55. return _react2.default.createElement(
  56. 'div',
  57. { className: 'item', key: item.value },
  58. _react2.default.createElement('span', { className: 'helper' }),
  59. _react2.default.createElement('img', {
  60. src: '' + _emoji.prefixUrl + item.value + '.' + _emoji.ext,
  61. alt: item.title,
  62. style: { display: 'inline-block' },
  63. onClick: function onClick() {
  64. return _onClick(item.title);
  65. }
  66. })
  67. );
  68. })
  69. ),
  70. _react2.default.createElement(
  71. 'div',
  72. null,
  73. content[2].map(function (item) {
  74. return _react2.default.createElement(
  75. 'div',
  76. { className: 'item', key: item.value },
  77. _react2.default.createElement('span', { className: 'helper' }),
  78. _react2.default.createElement('img', {
  79. src: '' + _emoji.prefixUrl + item.value + '.' + _emoji.ext,
  80. alt: item.title,
  81. style: { display: 'inline-block' },
  82. onClick: function onClick() {
  83. return _onClick(item.title);
  84. }
  85. })
  86. );
  87. })
  88. )
  89. );
  90. };
  91. exports.default = Emoji;
  92. //# sourceMappingURL=Emoji.js.map