通用评论 vedio

Emoji.js 2.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  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. var Emoji = function Emoji(_ref) {
  17. var _onClick = _ref.onClick;
  18. var content = [[], [], []];
  19. for (var i = 0; i < _emoji2.default.length; i++) {
  20. if (i < 20) {
  21. content[0].push(_emoji2.default[i]);
  22. } else if (i < 40) {
  23. content[1].push(_emoji2.default[i]);
  24. } else if (i < _emoji2.default.length) {
  25. content[2].push(_emoji2.default[i]);
  26. }
  27. }
  28. return _react2.default.createElement(
  29. _carousel2.default,
  30. null,
  31. _react2.default.createElement(
  32. "div",
  33. null,
  34. content[0].map(function (item, index) {
  35. return _react2.default.createElement(
  36. "div",
  37. { className: "item", key: item.value },
  38. _react2.default.createElement("span", { className: "helper" }),
  39. _react2.default.createElement("img", {
  40. src: "" + _emoji.prefixUrl + item.value + "." + _emoji.ext,
  41. alt: item.title,
  42. style: { display: "inline-block" },
  43. onClick: function onClick() {
  44. return _onClick(item.title);
  45. }
  46. })
  47. );
  48. })
  49. ),
  50. _react2.default.createElement(
  51. "div",
  52. null,
  53. content[1].map(function (item, index) {
  54. return _react2.default.createElement(
  55. "div",
  56. { className: "item", key: item.value },
  57. _react2.default.createElement("span", { className: "helper" }),
  58. _react2.default.createElement("img", {
  59. src: "" + _emoji.prefixUrl + item.value + "." + _emoji.ext,
  60. alt: item.title,
  61. style: { display: "inline-block" },
  62. onClick: function onClick() {
  63. return _onClick(item.title);
  64. }
  65. })
  66. );
  67. })
  68. ),
  69. _react2.default.createElement(
  70. "div",
  71. null,
  72. content[2].map(function (item) {
  73. return _react2.default.createElement(
  74. "div",
  75. { className: "item", key: item.value },
  76. _react2.default.createElement("span", { className: "helper" }),
  77. _react2.default.createElement("img", {
  78. src: "" + _emoji.prefixUrl + item.value + "." + _emoji.ext,
  79. alt: item.title,
  80. style: { display: "inline-block" },
  81. onClick: function onClick() {
  82. return _onClick(item.title);
  83. }
  84. })
  85. );
  86. })
  87. )
  88. );
  89. };
  90. exports.default = Emoji;
  91. //# sourceMappingURL=Emoji.js.map