0.5.10

CHANGELOG.md

@@ -1,5 +1,8 @@
 # CHANGELOG
 
+## 0.5.10
+- [x] 扩展表情包
+
 ## 0.5.9
 - [x] fix: 优化表情、图片解析，无法解析的内容返回原文
 

README.md

@@ -2,7 +2,7 @@
 
 通用评论系统及编辑器
 
-**`version 0.5.7`**
+**`version 0.5.10`**
 
 ```js
 import Comment, { Editor, RenderText } from 'comment';

lib/components/Editor/Emoji.js

@@ -30,77 +30,43 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var Emoji = function Emoji(_ref) {
   var _onClick = _ref.onClick;
 
-  var content = [[], [], []];
-
-  for (var i = 0; i < _emoji2.default.length; i++) {
-    if (i < 20) {
-      content[0].push(_emoji2.default[i]);
-    } else if (i < 40) {
-      content[1].push(_emoji2.default[i]);
-    } else if (i < _emoji2.default.length) {
-      content[2].push(_emoji2.default[i]);
+  var content = [];
+  var curPage = [];
+  for (var i = 0; i < 115; i++) {
+    if (curPage.length < 20) {
+      curPage.push(_emoji2.default[i]);
+    } else {
+      content.push(curPage);
+      curPage = [];
     }
   }
+  if (curPage.length > 0) {
+    content.push(curPage);
+  }
   return _react2.default.createElement(
     _carousel2.default,
     null,
-    _react2.default.createElement(
-      "div",
-      null,
-      content[0].map(function (item, index) {
-        return _react2.default.createElement(
-          "div",
-          { className: "item", key: item.value },
-          _react2.default.createElement("span", { className: "helper" }),
-          _react2.default.createElement("img", {
-            src: "" + _emoji.prefixUrl + item.value + "." + _emoji.ext,
-            alt: item.title,
-            style: { display: "inline-block" },
-            onClick: function onClick() {
-              return _onClick(item.title);
-            }
-          })
-        );
-      })
-    ),
-    _react2.default.createElement(
-      "div",
-      null,
-      content[1].map(function (item, index) {
-        return _react2.default.createElement(
-          "div",
-          { className: "item", key: item.value },
-          _react2.default.createElement("span", { className: "helper" }),
-          _react2.default.createElement("img", {
-            src: "" + _emoji.prefixUrl + item.value + "." + _emoji.ext,
-            alt: item.title,
-            style: { display: "inline-block" },
-            onClick: function onClick() {
-              return _onClick(item.title);
-            }
-          })
-        );
-      })
-    ),
-    _react2.default.createElement(
-      "div",
-      null,
-      content[2].map(function (item) {
-        return _react2.default.createElement(
-          "div",
-          { className: "item", key: item.value },
-          _react2.default.createElement("span", { className: "helper" }),
-          _react2.default.createElement("img", {
-            src: "" + _emoji.prefixUrl + item.value + "." + _emoji.ext,
-            alt: item.title,
-            style: { display: "inline-block" },
-            onClick: function onClick() {
-              return _onClick(item.title);
-            }
-          })
-        );
-      })
-    )
+    content.map(function (page, index) {
+      return _react2.default.createElement(
+        "div",
+        { key: index },
+        page.map(function (item, index) {
+          return _react2.default.createElement(
+            "div",
+            { className: "item", key: item.value },
+            _react2.default.createElement("span", { className: "helper" }),
+            _react2.default.createElement("img", {
+              src: "" + _emoji.prefixUrl + item.value + "." + item.ext,
+              alt: item.title,
+              style: { display: "inline-block" },
+              onClick: function onClick() {
+                return _onClick(item.title);
+              }
+            })
+          );
+        })
+      );
+    })
   );
 };
 

lib/components/Editor/Emoji.js.map

@@ -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;;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\";\r\nimport { Carousel } from \"antd\";\r\nimport emoji, { prefixUrl, ext } from \"../../emoji\";\r\nimport \"./Emoji.css\";\r\n// 每页 20  5*4\r\n// 共 20 * 3 = 60 (实际是 54)\r\n\r\n// class Emoji\r\n\r\nconst Emoji = ({ onClick }) => {\r\n  const content = [[], [], []];\r\n\r\n  for (let i = 0; i < emoji.length; i++) {\r\n    if (i < 20) {\r\n      content[0].push(emoji[i]);\r\n    } else if (i < 40) {\r\n      content[1].push(emoji[i]);\r\n    } else if (i < emoji.length) {\r\n      content[2].push(emoji[i]);\r\n    }\r\n  }\r\n  return (\r\n    <Carousel>\r\n      <div>\r\n        {content[0].map((item, index) => (\r\n          <div className=\"item\" key={item.value}>\r\n            <span className=\"helper\" />\r\n            <img\r\n              src={`${prefixUrl}${item.value}.${ext}`}\r\n              alt={item.title}\r\n              style={{ display: \"inline-block\" }}\r\n              onClick={() => onClick(item.title)}\r\n            />\r\n          </div>\r\n        ))}\r\n      </div>\r\n      <div>\r\n        {content[1].map((item, index) => (\r\n          <div className=\"item\" key={item.value}>\r\n            <span className=\"helper\" />\r\n            <img\r\n              src={`${prefixUrl}${item.value}.${ext}`}\r\n              alt={item.title}\r\n              style={{ display: \"inline-block\" }}\r\n              onClick={() => onClick(item.title)}\r\n            />\r\n          </div>\r\n        ))}\r\n      </div>\r\n      <div>\r\n        {content[2].map(item => (\r\n          <div className=\"item\" key={item.value}>\r\n            <span className=\"helper\" />\r\n            <img\r\n              src={`${prefixUrl}${item.value}.${ext}`}\r\n              alt={item.title}\r\n              style={{ display: \"inline-block\" }}\r\n              onClick={() => onClick(item.title)}\r\n            />\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </Carousel>\r\n  );\r\n};\r\n\r\nexport default Emoji;\r\n"]}
+{"version":3,"sources":["../../../src/components/Editor/Emoji.js"],"names":["Emoji","onClick","content","curPage","i","length","push","emoji","map","page","index","item","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,EAAhB;AACA,MAAIC,UAAU,EAAd;AACA,OAAK,IAAIC,IAAI,CAAb,EAAgBA,IAAI,GAApB,EAAyBA,GAAzB,EAA8B;AAC5B,QAAID,QAAQE,MAAR,GAAiB,EAArB,EAAyB;AACvBF,cAAQG,IAAR,CAAaC,gBAAMH,CAAN,CAAb;AACD,KAFD,MAEO;AACLF,cAAQI,IAAR,CAAaH,OAAb;AACAA,gBAAU,EAAV;AACD;AACF;AACD,MAAIA,QAAQE,MAAR,GAAiB,CAArB,EAAwB;AACtBH,YAAQI,IAAR,CAAaH,OAAb;AACD;AACD,SACE;AAAA;AAAA;AACGD,YAAQM,GAAR,CAAY,UAACC,IAAD,EAAOC,KAAP;AAAA,aACX;AAAA;AAAA,UAAK,KAAKA,KAAV;AACGD,aAAKD,GAAL,CAAS,UAACG,IAAD,EAAOD,KAAP;AAAA,iBACR;AAAA;AAAA,cAAK,WAAU,MAAf,EAAsB,KAAKC,KAAKC,KAAhC;AACE,oDAAM,WAAU,QAAhB,GADF;AAEE;AACE,wBAAQC,gBAAR,GAAoBF,KAAKC,KAAzB,SAAkCD,KAAKG,GADzC;AAEE,mBAAKH,KAAKI,KAFZ;AAGE,qBAAO,EAAEC,SAAS,cAAX,EAHT;AAIE,uBAAS;AAAA,uBAAMf,SAAQU,KAAKI,KAAb,CAAN;AAAA;AAJX;AAFF,WADQ;AAAA,SAAT;AADH,OADW;AAAA,KAAZ;AADH,GADF;AAmBD,CAjCD;;kBAmCef,K","file":"Emoji.js","sourcesContent":["import React from \"react\";\r\nimport { Carousel } from \"antd\";\r\nimport emoji, { prefixUrl } from \"../../emoji\";\r\nimport \"./Emoji.css\";\r\n// 每页 20  5*4\r\n// 共 20 * 3 = 60 (实际是 54)\r\n\r\n// class Emoji\r\n\r\nconst Emoji = ({ onClick }) => {\r\n  const content = [];\r\n  let curPage = [];\r\n  for (let i = 0; i < 115; i++) {\r\n    if (curPage.length < 20) {\r\n      curPage.push(emoji[i]);\r\n    } else {\r\n      content.push(curPage);\r\n      curPage = [];\r\n    }\r\n  }\r\n  if (curPage.length > 0) {\r\n    content.push(curPage);\r\n  }\r\n  return (\r\n    <Carousel>\r\n      {content.map((page, index) => (\r\n        <div key={index}>\r\n          {page.map((item, index) => (\r\n            <div className=\"item\" key={item.value}>\r\n              <span className=\"helper\" />\r\n              <img\r\n                src={`${prefixUrl}${item.value}.${item.ext}`}\r\n                alt={item.title}\r\n                style={{ display: \"inline-block\" }}\r\n                onClick={() => onClick(item.title)}\r\n              />\r\n            </div>\r\n          ))}\r\n        </div>\r\n      ))}\r\n    </Carousel>\r\n  );\r\n};\r\n\r\nexport default Emoji;\r\n"]}

lib/emoji.js

@@ -4,170 +4,656 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var emoji = [{
+  value: "14",
+  title: "\u5FAE\u7B11",
+  ext: "gif"
+}, {
+  value: "101",
+  title: "撇嘴",
+  ext: "gif"
+}, {
+  value: "102",
+  title: "色",
+  ext: "gif"
+}, {
+  value: "4",
+  title: "\u53D1\u5446",
+  ext: "gif"
+}, {
+  value: "104",
+  title: "\u58A8\u955C",
+  ext: "gif"
+}, {
+  value: "105",
+  title: "\u54ED",
+  ext: "gif"
+}, {
+  value: "106",
+  title: "害羞",
+  ext: "gif"
+}, {
+  value: "107",
+  title: "闭嘴",
+  ext: "gif"
+}, {
+  value: "108",
+  title: "睡觉",
+  ext: "gif"
+}, {
+  value: "109",
+  title: "\u54ED2",
+  ext: "gif"
+}, {
+  value: "110",
+  title: "尴尬",
+  ext: "gif"
+}, {
+  value: "111",
+  title: "发怒",
+  ext: "gif"
+}, {
+  value: "12",
+  title: "\u8C03\u76AE",
+  ext: "gif"
+}, {
+  value: "113",
+  title: "呲牙",
+  ext: "gif"
+}, {
+  value: "114",
+  title: "怀疑",
+  ext: "gif"
+}, {
+  value: "15",
+  title: "\u96BE\u8FC7",
+  ext: "gif"
+}, {
+  value: "5",
+  title: "\u9177",
+  ext: "gif"
+}, {
+  value: "117",
+  title: "\u6C57",
+  ext: "gif"
+}, {
+  value: "118",
+  title: "\u6293\u72C2",
+  ext: "gif"
+}, {
+  value: "18",
+  title: "\u5410",
+  ext: "gif"
+}, {
+  value: "120",
+  title: "\u7B112",
+  ext: "gif"
+}, {
+  value: "121",
+  title: "\u5FEB\u4E50",
+  ext: "gif"
+}, {
+  value: "122",
+  title: "\u5947",
+  ext: "gif"
+}, {
+  value: "123",
+  title: "\u50B2",
+  ext: "gif"
+}, {
+  value: "124",
+  title: "\u997F",
+  ext: "gif"
+}, {
+  value: "125",
+  title: "\u7D2F",
+  ext: "gif"
+}, {
+  value: "126",
+  title: "\u5413",
+  ext: "gif"
+}, {
+  value: "127",
+  title: "\u6C572",
+  ext: "gif"
+}, {
+  value: "128",
+  title: "\u9AD8\u5174",
+  ext: "gif"
+}, {
+  value: "129",
+  title: "\u95F2",
+  ext: "gif"
+}, {
+  value: "130",
+  title: "\u52AA\u529B",
+  ext: "gif"
+}, {
+  value: "131",
+  title: "\u9A82",
+  ext: "gif"
+}, {
+  value: "30",
+  title: "\u7591\u95EE",
+  ext: "gif"
+}, {
+  value: "133",
+  title: "\u79D8\u5BC6",
+  ext: "gif"
+}, {
+  value: "134",
+  title: "\u4E71",
+  ext: "gif"
+}, {
+  value: "135",
+  title: "\u75AF",
+  ext: "gif"
+}, {
+  value: "136",
+  title: "\u54C0",
+  ext: "gif"
+}, {
+  value: "137",
+  title: "\u9B3C",
+  ext: "gif"
+}, {
+  value: "138",
+  title: "\u6253\u51FB",
+  ext: "gif"
+}, {
+  value: "139",
+  title: "bye",
+  ext: "gif"
+}, {
+  value: "140",
+  title: "\u6C573",
+  ext: "gif"
+}, {
+  value: "141",
+  title: "\u62A0",
+  ext: "gif"
+}, {
+  value: "142",
+  title: "\u9F13\u638C",
+  ext: "gif"
+}, {
+  value: "143",
+  title: "\u7CDF\u7CD5",
+  ext: "gif"
+}, {
+  value: "144",
+  title: "\u6076\u641E",
+  ext: "gif"
+}, {
+  value: "145",
+  title: "\u4EC0\u4E48",
+  ext: "gif"
+}, {
+  value: "146",
+  title: "\u4EC0\u4E482",
+  ext: "gif"
+}, {
+  value: "147",
+  title: "\u7D2F2",
+  ext: "gif"
+}, {
+  value: "148",
+  title: "\u770B",
+  ext: "gif"
+}, {
+  value: "149",
+  title: "\u96BE\u8FC72",
+  ext: "gif"
+}, {
+  value: "150",
+  title: "\u96BE\u8FC73",
+  ext: "gif"
+}, {
+  value: "151",
+  title: "\u574F",
+  ext: "gif"
+}, {
+  value: "152",
+  title: "\u4EB2",
+  ext: "gif"
+}, {
+  value: "153",
+  title: "\u54132",
+  ext: "gif"
+}, {
+  value: "154",
+  title: "\u53EF\u601C",
+  ext: "gif"
+}, {
+  value: "45",
+  title: "\u5200",
+  ext: "gif"
+}, {
+  value: "156",
+  title: "\u6C34\u679C",
+  ext: "gif"
+}, {
+  value: "157",
+  title: "\u9152",
+  ext: "gif"
+}, {
+  value: "158",
+  title: "\u7BEE\u7403",
+  ext: "gif"
+}, {
+  value: "159",
+  title: "\u4E52\u4E53",
+  ext: "gif"
+}, {
+  value: "48",
+  title: "\u5496\u5561",
+  ext: "gif"
+}, {
+  value: "161",
+  title: "\u7F8E\u98DF",
+  ext: "gif"
+}, {
+  value: "162",
+  title: "\u52A8\u7269",
+  ext: "gif"
+}, {
+  value: "163",
+  title: "\u9C9C\u82B1",
+  ext: "gif"
+}, {
+  value: "164",
+  title: "\u67AF",
+  ext: "gif"
+}, {
+  value: "165",
+  title: "\u5507",
+  ext: "gif"
+}, {
+  value: "166",
+  title: "\u7231",
+  ext: "gif"
+}, {
+  value: "167",
+  title: "\u5206\u624B",
+  ext: "gif"
+}, {
+  value: "168",
+  title: "\u751F\u65E5",
+  ext: "gif"
+}, {
+  value: "169",
+  title: "\u7535",
+  ext: "gif"
+}, {
+  value: "170",
+  title: "\u70B8\u5F39",
+  ext: "gif"
+}, {
+  value: "171",
+  title: "\u5200\u5B50",
+  ext: "gif"
+}, {
+  value: "46",
+  title: "\u8DB3\u7403",
+  ext: "gif"
+}, {
+  value: "173",
+  title: "\u74E2\u866B",
+  ext: "gif"
+}, {
+  value: "174",
+  title: "\u7FD4",
+  ext: "gif"
+}, {
+  value: "175",
+  title: "\u6708\u4EAE",
+  ext: "gif"
+}, {
+  value: "176",
+  title: "\u592A\u9633",
+  ext: "gif"
+}, {
+  value: "177",
+  title: "\u793C\u7269",
+  ext: "gif"
+}, {
+  value: "178",
+  title: "\u62B1\u62B1",
+  ext: "gif"
+}, {
+  value: "179",
+  title: "\u62C7\u6307",
+  ext: "gif"
+}, {
+  value: "180",
+  title: "\u8D2C\u4F4E",
+  ext: "gif"
+}, {
+  value: "181",
+  title: "\u63E1\u624B",
+  ext: "gif"
+}, {
+  value: "182",
+  title: "\u526A\u5200\u624B",
+  ext: "gif"
+}, {
+  value: "183",
+  title: "\u62B1\u62F3",
+  ext: "gif"
+}, {
+  value: "184",
+  title: "\u52FE\u5F15",
+  ext: "gif"
+}, {
+  value: "185",
+  title: "\u62F3\u5934",
+  ext: "gif"
+}, {
+  value: "186",
+  title: "\u5C0F\u62C7\u6307",
+  ext: "gif"
+}, {
+  value: "187",
+  title: "\u62C7\u6307\u516B",
+  ext: "gif"
+}, {
+  value: "188",
+  title: "\u98DF\u6307",
+  ext: "gif"
+}, {
+  value: "189",
+  title: "ok",
+  ext: "gif"
+}, {
+  value: "190",
+  title: "\u60C5\u4FA3",
+  ext: "gif"
+}, {
+  value: "52",
+  title: "\u7231\u5FC3",
+  ext: "gif"
+}, {
+  value: "192",
+  title: "\u8E66\u54D2",
+  ext: "gif"
+}, {
+  value: "193",
+  title: "\u98A4\u6296",
+  ext: "gif"
+}, {
+  value: "194",
+  title: "\u6004\u6C14",
+  ext: "gif"
+}, {
+  value: "195",
+  title: "\u8DF3\u821E",
+  ext: "gif"
+}, {
+  value: "196",
+  title: "\u53D1\u54462",
+  ext: "gif"
+}, {
+  value: "197",
+  title: "\u80CC\u7740",
+  ext: "gif"
+}, {
+  value: "198",
+  title: "\u4F38\u624B",
+  ext: "gif"
+}, {
+  value: "199",
+  title: "\u800D\u5E05",
+  ext: "gif"
+}, {
+  value: "201",
+  title: "\u751F\u75C5",
+  ext: "png"
+}, {
+  value: "202",
+  title: "\u54ED\u6CE3",
+  ext: "png"
+}, {
+  value: "203",
+  title: "\u5410\u820C",
+  ext: "png"
+}, {
+  value: "204",
+  title: "\u8FF7\u7CCA",
+  ext: "png"
+}, {
+  value: "205",
+  title: "\u77AA\u773C",
+  ext: "png"
+}, {
+  value: "206",
+  title: "\u6050\u6016",
+  ext: "png"
+}, {
+  value: "207",
+  title: "\u5FE7\u6101",
+  ext: "png"
+}, {
+  value: "208",
+  title: "\u7728\u7709",
+  ext: "png"
+}, {
+  value: "209",
+  title: "\u95ED\u773C",
+  ext: "png"
+}, {
+  value: "210",
+  title: "\u9119\u89C6",
+  ext: "png"
+}, {
+  value: "211",
+  title: "\u9634\u6697",
+  ext: "png"
+}, {
+  value: "212",
+  title: "\u5C0F\u9B3C",
+  ext: "png"
+}, {
+  value: "213",
+  title: "\u793C\u72692",
+  ext: "png"
+}, {
+  value: "214",
+  title: "\u62DC\u4F5B",
+  ext: "png"
+}, {
+  value: "215",
+  title: "\u529B\u91CF",
+  ext: "png"
+}, {
+  value: "216",
+  title: "\u91D1\u94B1",
+  ext: "png"
+}, {
+  value: "217",
+  title: "\u86CB\u7CD5",
+  ext: "png"
+}, {
+  value: "218",
+  title: "\u5F69\u5E26",
+  ext: "png"
+}, {
+  value: "219",
+  title: "\u793C\u72693",
+  ext: "png"
+}, {
   value: "0",
-  title: "捶地"
+  title: "\u6376\u5730",
+  ext: "gif"
 }, {
   value: "1",
-  title: "怀疑"
+  title: "\u6000\u7591",
+  ext: "gif"
 }, {
   value: "2",
-  title: "撇嘴"
+  title: "\u6487\u5634",
+  ext: "gif"
 }, {
   value: "3",
-  title: "色"
-}, {
-  value: "4",
-  title: "发呆"
-}, {
-  value: "5",
-  title: "酷"
+  title: "\u8272",
+  ext: "gif"
 }, {
   value: "6",
-  title: "害羞"
+  title: "\u5BB3\u7F9E",
+  ext: "gif"
 }, {
   value: "7",
-  title: "闭嘴"
+  title: "\u95ED\u5634",
+  ext: "gif"
 }, {
   value: "8",
-  title: "睡觉"
+  title: "\u7761\u89C9",
+  ext: "gif"
 }, {
   value: "9",
-  title: "大哭"
+  title: "\u5927\u54ED",
+  ext: "gif"
 }, {
   value: "10",
-  title: "尴尬"
+  title: "\u5C34\u5C2C",
+  ext: "gif"
 }, {
   value: "11",
-  title: "发怒"
-}, {
-  value: "12",
-  title: "调皮"
+  title: "\u53D1\u6012",
+  ext: "gif"
 }, {
   value: "13",
-  title: "呲牙"
-}, {
-  value: "14",
-  title: "微笑"
-}, {
-  value: "15",
-  title: "难过"
+  title: "\u5472\u7259",
+  ext: "gif"
 }, {
   value: "16",
-  title: "帅呆"
+  title: "\u5E05\u5446",
+  ext: "gif"
 }, {
   value: "17",
-  title: "折磨"
-}, {
-  value: "18",
-  title: "吐"
+  title: "\u6298\u78E8",
+  ext: "gif"
 }, {
   value: "19",
-  title: "偷笑"
+  title: "\u5077\u7B11",
+  ext: "gif"
 }, {
   value: "20",
-  title: "可爱"
+  title: "\u53EF\u7231",
+  ext: "gif"
 }, {
   value: "21",
-  title: "白眼"
+  title: "\u767D\u773C",
+  ext: "gif"
 }, {
   value: "22",
-  title: "傲慢"
+  title: "\u50B2\u6162",
+  ext: "gif"
 }, {
   value: "23",
-  title: "嘴馋"
+  title: "\u5634\u998B",
+  ext: "gif"
 }, {
   value: "24",
-  title: "困"
+  title: "\u56F0",
+  ext: "gif"
 }, {
   value: "25",
-  title: "恐慌"
+  title: "\u6050\u614C",
+  ext: "gif"
 }, {
   value: "26",
-  title: "流汗"
+  title: "\u6D41\u6C57",
+  ext: "gif"
 }, {
   value: "27",
-  title: "憨笑"
+  title: "\u61A8\u7B11",
+  ext: "gif"
 }, {
   value: "28",
-  title: "大兵"
+  title: "\u5927\u5175",
+  ext: "gif"
 }, {
   value: "29",
-  title: "奋斗"
-}, {
-  value: "30",
-  title: "疑问"
+  title: "\u594B\u6597",
+  ext: "gif"
 }, {
   value: "31",
-  title: "嘘"
+  title: "\u5618",
+  ext: "gif"
 }, {
   value: "32",
-  title: "晕"
+  title: "\u6655",
+  ext: "gif"
 }, {
   value: "33",
-  title: "被炸了"
+  title: "\u88AB\u70B8\u4E86",
+  ext: "gif"
 }, {
   value: "34",
-  title: "骷髅"
+  title: "\u9AB7\u9AC5",
+  ext: "gif"
 }, {
   value: "35",
-  title: "敲打"
+  title: "\u6572\u6253",
+  ext: "gif"
 }, {
   value: "36",
-  title: "拜拜"
+  title: "\u62DC\u62DC",
+  ext: "gif"
 }, {
   value: "37",
-  title: "发抖"
+  title: "\u53D1\u6296",
+  ext: "gif"
 }, {
   value: "38",
-  title: "亲密"
+  title: "\u4EB2\u5BC6",
+  ext: "gif"
 }, {
   value: "39",
-  title: "跳"
+  title: "\u8DF3",
+  ext: "gif"
 }, {
   value: "40",
-  title: "猪头"
+  title: "\u732A\u5934",
+  ext: "gif"
 }, {
   value: "41",
-  title: "拥抱"
+  title: "\u62E5\u62B1",
+  ext: "gif"
 }, {
   value: "42",
-  title: "生日蛋糕"
+  title: "\u751F\u65E5\u86CB\u7CD5",
+  ext: "gif"
 }, {
   value: "43",
-  title: "闪电"
+  title: "\u95EA\u7535",
+  ext: "gif"
 }, {
   value: "44",
-  title: "地雷"
-}, {
-  value: "45",
-  title: "刀"
-}, {
-  value: "46",
-  title: "足球"
+  title: "\u5730\u96F7",
+  ext: "gif"
 }, {
   value: "47",
-  title: "便便"
-}, {
-  value: "48",
-  title: "咖啡"
+  title: "\u4FBF\u4FBF",
+  ext: "gif"
 }, {
   value: "49",
-  title: "米饭"
+  title: "\u7C73\u996D",
+  ext: "gif"
 }, {
   value: "50",
-  title: "玫瑰"
+  title: "\u73AB\u7470",
+  ext: "gif"
 }, {
   value: "51",
-  title: "枯萎玫瑰"
-}, {
-  value: "52",
-  title: "爱心"
+  title: "\u67AF\u840E\u73AB\u7470",
+  ext: "gif"
 }, {
   value: "53",
-  title: "心碎"
+  title: "\u5FC3\u788E",
+  ext: "gif"
 }];
 
-var prefixUrl = exports.prefixUrl = "https://a.links123.cn/site/src/feed/imgs/qq/";
+var prefixUrl = exports.prefixUrl = "https://a.links123.cn/site/src/feed/imgs/comment/";
 
 var ext = exports.ext = "gif";
 

lib/helper.js

@@ -75,9 +75,9 @@ function renderContent(content, onClick) {
       return "<br/><img src=\"" + src + "\" alt=\"" + src + "\" style=\"max-width: 100%\" />";
     }
     // 如果不存在对应的表情, 则返回原文
-    if (emojiObejct[src]) {
-      var value = emojiObejct[src].value;
-      return "<img src=\"" + _emoji.prefixUrl + value + "." + _emoji.ext + "\" alt=\"" + value + "\" />";
+    var emoji = emojiObejct[src];
+    if (emoji) {
+      return "<img src=\"" + _emoji.prefixUrl + emoji.value + "." + emoji.ext + "\" alt=\"" + emoji.title + "\" />";
     }
     return "[" + src + "]";
   }).replace(/\n/g, "<br />");

lib/helper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/helper.js"],"names":["isFunction","isUrl","arrayToObject","htmlEncode","renderContent","emojiObejct","emoji","functionToCheck","toString","call","userInput","regexp","res","match","array","keyField","reduce","obj","item","str","replace","i","charCodeAt","content","onClick","newContent","indexOf","IMAGE_SPLIT","split","pop","join","REGEXP","a","b","src","slice","value","prefixUrl","ext"],"mappings":";;;;;QAKgBA,U,GAAAA,U;QAMAC,K,GAAAA,K;QAYAC,a,GAAAA,a;QAYAC,U,GAAAA,U;QAYAC,a,GAAAA,a;;AA/ChB;;AACA;;;;;;AAEA,IAAMC,cAAcH,cAAcI,eAAd,EAAqB,OAArB,CAApB;;AAEO,SAASN,UAAT,CAAoBO,eAApB,EAAqC;AAC1C,SACEA,mBAAmB,GAAGC,QAAH,CAAYC,IAAZ,CAAiBF,eAAjB,MAAsC,mBAD3D;AAGD;;AAEM,SAASN,KAAT,CAAeS,SAAf,EAA0B;AAC/B,MAAMC,SAAS,kGAAf;AACA,MAAIC,MAAMF,UAAUG,KAAV,CAAgBF,MAAhB,CAAV;AACA,MAAIC,QAAQ,IAAZ,EAAkB,OAAO,KAAP,CAAlB,KACK,OAAO,IAAP;AACN;;AAED;;;;;AAKO,SAASV,aAAT,CAAuBY,KAAvB,EAA8BC,QAA9B,EAAwC;AAC7C,SAAOD,MAAME,MAAN,CAAa,UAACC,GAAD,EAAMC,IAAN,EAAe;AACjCD,QAAIC,KAAKH,QAAL,CAAJ,IAAsBG,IAAtB;AACA,WAAOD,GAAP;AACD,GAHM,EAGJ,EAHI,CAAP;AAID;;AAED;;;;;AAKO,SAASd,UAAT,CAAoBgB,GAApB,EAAyB;AAC9B,MAAI,CAACA,GAAL,EAAU,OAAO,EAAP;AACV,SAAOA,IAAIC,OAAJ,CAAY,SAAZ,EAAuB,UAAUC,CAAV,EAAa;AACzC,WAAO,OAAOA,EAAEC,UAAF,CAAa,CAAb,CAAP,GAAyB,GAAhC;AACD,GAFM,CAAP;AAGD;;AAED;;;;;AAKO,SAASlB,aAAT,CAAuBmB,OAAvB,EAAgCC,OAAhC,EAAyC;AAC9C,MAAIC,aAAaF,OAAjB;AACA,MAAIE,WAAWC,OAAX,CAAmBC,qBAAnB,MAAoC,CAAC,CAAzC,EAA4C;AAC1CF,iBAAaA,WAAWG,KAAX,CAAiBD,qBAAjB,CAAb;AACAF,eAAWI,GAAX;AACAJ,iBAAaA,WAAWK,IAAX,CAAgB,EAAhB,CAAb;AACD;;AAED,SAAO3B,WAAWsB,UAAX,EACJL,OADI,CACIW,gBADJ,EACY,UAAUC,CAAV,EAAaC,CAAb,EAAgB;AAC/B,QAAMC,MAAMF,EAAEG,KAAF,CAAQ,CAAR,EAAW,CAAC,CAAZ,CAAZ;;AAEA;AACA;AACA,QAAIlC,MAAMiC,GAAN,CAAJ,EAAgB;AACd,kCAAyBA,GAAzB,iBAAsCA,GAAtC;AACD;AACD;AACA,QAAI7B,YAAY6B,GAAZ,CAAJ,EAAsB;AACpB,UAAME,QAAQ/B,YAAY6B,GAAZ,EAAiBE,KAA/B;AACA,6BAAoBC,gBAApB,GAAgCD,KAAhC,SAAyCE,UAAzC,iBAAsDF,KAAtD;AACD;AACD,iBAAWF,GAAX;AACD,GAfI,EAgBJd,OAhBI,CAgBI,KAhBJ,EAgBW,QAhBX,CAAP;AAiBD","file":"helper.js","sourcesContent":["import { REGEXP, IMAGE_SPLIT } from \"./constant\";\r\nimport emoji, { prefixUrl, ext } from \"./emoji\";\r\n\r\nconst emojiObejct = arrayToObject(emoji, \"title\");\r\n\r\nexport function isFunction(functionToCheck) {\r\n  return (\r\n    functionToCheck && {}.toString.call(functionToCheck) === \"[object Function]\"\r\n  );\r\n}\r\n\r\nexport function isUrl(userInput) {\r\n  const regexp = /(http(s)?:\\/\\/.)?(www\\.)?[-a-zA-Z0-9@:%._+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_+.~#?&//=]*)/g;\r\n  var res = userInput.match(regexp);\r\n  if (res === null) return false;\r\n  else return true;\r\n}\r\n\r\n/**\r\n * 将对象数组转换为对象\r\n * @param {array} array Array of Objects\r\n * @param {string} keyField string\r\n */\r\nexport function arrayToObject(array, keyField) {\r\n  return array.reduce((obj, item) => {\r\n    obj[item[keyField]] = item;\r\n    return obj;\r\n  }, {});\r\n}\r\n\r\n/**\r\n * HTML 编码\r\n * 将 < > 等字符串进行编码\r\n * @param {string} str 文本\r\n */\r\nexport function htmlEncode(str) {\r\n  if (!str) return \"\";\r\n  return str.replace(/[<>]/gim, function (i) {\r\n    return \"&#\" + i.charCodeAt(0) + \";\";\r\n  });\r\n}\r\n\r\n/**\r\n * 渲染编辑器\r\n * [x] => <img src=\"x\" />\r\n * @param {strig} content\r\n */\r\nexport function renderContent(content, onClick) {\r\n  let newContent = content;\r\n  if (newContent.indexOf(IMAGE_SPLIT) !== -1) {\r\n    newContent = newContent.split(IMAGE_SPLIT);\r\n    newContent.pop();\r\n    newContent = newContent.join(\"\");\r\n  }\r\n\r\n  return htmlEncode(newContent)\r\n    .replace(REGEXP, function (a, b) {\r\n      const src = a.slice(1, -1);\r\n\r\n      // 兼容旧的评\r\n      // 因为旧的评论用 [img url] 方式存储的\r\n      if (isUrl(src)) {\r\n        return `<br/><img src=\"${src}\" alt=\"${src}\" style=\"max-width: 100%\" />`;\r\n      }\r\n      // 如果不存在对应的表情, 则返回原文\r\n      if (emojiObejct[src]) {\r\n        const value = emojiObejct[src].value;\r\n        return `<img src=\"${prefixUrl}${value}.${ext}\" alt=\"${value}\" />`;\r\n      }\r\n      return `[${src}]`;\r\n    })\r\n    .replace(/\\n/g, \"<br />\");\r\n}\r\n"]}
+{"version":3,"sources":["../src/helper.js"],"names":["isFunction","isUrl","arrayToObject","htmlEncode","renderContent","emojiObejct","emoji","functionToCheck","toString","call","userInput","regexp","res","match","array","keyField","reduce","obj","item","str","replace","i","charCodeAt","content","onClick","newContent","indexOf","IMAGE_SPLIT","split","pop","join","REGEXP","a","b","src","slice","prefixUrl","value","ext","title"],"mappings":";;;;;QAKgBA,U,GAAAA,U;QAMAC,K,GAAAA,K;QAYAC,a,GAAAA,a;QAYAC,U,GAAAA,U;QAYAC,a,GAAAA,a;;AA/ChB;;AACA;;;;;;AAEA,IAAMC,cAAcH,cAAcI,eAAd,EAAqB,OAArB,CAApB;;AAEO,SAASN,UAAT,CAAoBO,eAApB,EAAqC;AAC1C,SACEA,mBAAmB,GAAGC,QAAH,CAAYC,IAAZ,CAAiBF,eAAjB,MAAsC,mBAD3D;AAGD;;AAEM,SAASN,KAAT,CAAeS,SAAf,EAA0B;AAC/B,MAAMC,SAAS,kGAAf;AACA,MAAIC,MAAMF,UAAUG,KAAV,CAAgBF,MAAhB,CAAV;AACA,MAAIC,QAAQ,IAAZ,EAAkB,OAAO,KAAP,CAAlB,KACK,OAAO,IAAP;AACN;;AAED;;;;;AAKO,SAASV,aAAT,CAAuBY,KAAvB,EAA8BC,QAA9B,EAAwC;AAC7C,SAAOD,MAAME,MAAN,CAAa,UAACC,GAAD,EAAMC,IAAN,EAAe;AACjCD,QAAIC,KAAKH,QAAL,CAAJ,IAAsBG,IAAtB;AACA,WAAOD,GAAP;AACD,GAHM,EAGJ,EAHI,CAAP;AAID;;AAED;;;;;AAKO,SAASd,UAAT,CAAoBgB,GAApB,EAAyB;AAC9B,MAAI,CAACA,GAAL,EAAU,OAAO,EAAP;AACV,SAAOA,IAAIC,OAAJ,CAAY,SAAZ,EAAuB,UAASC,CAAT,EAAY;AACxC,WAAO,OAAOA,EAAEC,UAAF,CAAa,CAAb,CAAP,GAAyB,GAAhC;AACD,GAFM,CAAP;AAGD;;AAED;;;;;AAKO,SAASlB,aAAT,CAAuBmB,OAAvB,EAAgCC,OAAhC,EAAyC;AAC9C,MAAIC,aAAaF,OAAjB;AACA,MAAIE,WAAWC,OAAX,CAAmBC,qBAAnB,MAAoC,CAAC,CAAzC,EAA4C;AAC1CF,iBAAaA,WAAWG,KAAX,CAAiBD,qBAAjB,CAAb;AACAF,eAAWI,GAAX;AACAJ,iBAAaA,WAAWK,IAAX,CAAgB,EAAhB,CAAb;AACD;;AAED,SAAO3B,WAAWsB,UAAX,EACJL,OADI,CACIW,gBADJ,EACY,UAASC,CAAT,EAAYC,CAAZ,EAAe;AAC9B,QAAMC,MAAMF,EAAEG,KAAF,CAAQ,CAAR,EAAW,CAAC,CAAZ,CAAZ;;AAEA;AACA;AACA,QAAIlC,MAAMiC,GAAN,CAAJ,EAAgB;AACd,kCAAyBA,GAAzB,iBAAsCA,GAAtC;AACD;AACD;AACA,QAAM5B,QAAQD,YAAY6B,GAAZ,CAAd;AACA,QAAI5B,KAAJ,EAAW;AACT,6BAAoB8B,gBAApB,GAAgC9B,MAAM+B,KAAtC,SAA+C/B,MAAMgC,GAArD,iBAAkEhC,MAAMiC,KAAxE;AACD;AACD,iBAAWL,GAAX;AACD,GAfI,EAgBJd,OAhBI,CAgBI,KAhBJ,EAgBW,QAhBX,CAAP;AAiBD","file":"helper.js","sourcesContent":["import { REGEXP, IMAGE_SPLIT } from \"./constant\";\r\nimport emoji, { prefixUrl } from \"./emoji\";\r\n\r\nconst emojiObejct = arrayToObject(emoji, \"title\");\r\n\r\nexport function isFunction(functionToCheck) {\r\n  return (\r\n    functionToCheck && {}.toString.call(functionToCheck) === \"[object Function]\"\r\n  );\r\n}\r\n\r\nexport function isUrl(userInput) {\r\n  const regexp = /(http(s)?:\\/\\/.)?(www\\.)?[-a-zA-Z0-9@:%._+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_+.~#?&//=]*)/g;\r\n  var res = userInput.match(regexp);\r\n  if (res === null) return false;\r\n  else return true;\r\n}\r\n\r\n/**\r\n * 将对象数组转换为对象\r\n * @param {array} array Array of Objects\r\n * @param {string} keyField string\r\n */\r\nexport function arrayToObject(array, keyField) {\r\n  return array.reduce((obj, item) => {\r\n    obj[item[keyField]] = item;\r\n    return obj;\r\n  }, {});\r\n}\r\n\r\n/**\r\n * HTML 编码\r\n * 将 < > 等字符串进行编码\r\n * @param {string} str 文本\r\n */\r\nexport function htmlEncode(str) {\r\n  if (!str) return \"\";\r\n  return str.replace(/[<>]/gim, function(i) {\r\n    return \"&#\" + i.charCodeAt(0) + \";\";\r\n  });\r\n}\r\n\r\n/**\r\n * 渲染编辑器\r\n * [x] => <img src=\"x\" />\r\n * @param {strig} content\r\n */\r\nexport function renderContent(content, onClick) {\r\n  let newContent = content;\r\n  if (newContent.indexOf(IMAGE_SPLIT) !== -1) {\r\n    newContent = newContent.split(IMAGE_SPLIT);\r\n    newContent.pop();\r\n    newContent = newContent.join(\"\");\r\n  }\r\n\r\n  return htmlEncode(newContent)\r\n    .replace(REGEXP, function(a, b) {\r\n      const src = a.slice(1, -1);\r\n\r\n      // 兼容旧的评\r\n      // 因为旧的评论用 [img url] 方式存储的\r\n      if (isUrl(src)) {\r\n        return `<br/><img src=\"${src}\" alt=\"${src}\" style=\"max-width: 100%\" />`;\r\n      }\r\n      // 如果不存在对应的表情, 则返回原文\r\n      const emoji = emojiObejct[src];\r\n      if (emoji) {\r\n        return `<img src=\"${prefixUrl}${emoji.value}.${emoji.ext}\" alt=\"${emoji.title}\" />`;\r\n      }\r\n      return `[${src}]`;\r\n    })\r\n    .replace(/\\n/g, \"<br />\");\r\n}\r\n"]}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "comment",
-  "version": "0.5.9",
+  "version": "0.5.10",
   "main": "lib/App.js",
   "description": "通用评论",
   "keywords": [

src/components/Editor/Emoji.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { Carousel } from "antd";
-import emoji, { prefixUrl, ext } from "../../emoji";
+import emoji, { prefixUrl } from "../../emoji";
 import "./Emoji.css";
 // 每页 20  5*4
 // 共 20 * 3 = 60 (实际是 54)
@@ -8,58 +8,36 @@ import "./Emoji.css";
 // class Emoji
 
 const Emoji = ({ onClick }) => {
-  const content = [[], [], []];
-
-  for (let i = 0; i < emoji.length; i++) {
-    if (i < 20) {
-      content[0].push(emoji[i]);
-    } else if (i < 40) {
-      content[1].push(emoji[i]);
-    } else if (i < emoji.length) {
-      content[2].push(emoji[i]);
+  const content = [];
+  let curPage = [];
+  for (let i = 0; i < 115; i++) {
+    if (curPage.length < 20) {
+      curPage.push(emoji[i]);
+    } else {
+      content.push(curPage);
+      curPage = [];
     }
   }
+  if (curPage.length > 0) {
+    content.push(curPage);
+  }
   return (
     <Carousel>
-      <div>
-        {content[0].map((item, index) => (
-          <div className="item" key={item.value}>
-            <span className="helper" />
-            <img
-              src={`${prefixUrl}${item.value}.${ext}`}
-              alt={item.title}
-              style={{ display: "inline-block" }}
-              onClick={() => onClick(item.title)}
-            />
-          </div>
-        ))}
-      </div>
-      <div>
-        {content[1].map((item, index) => (
-          <div className="item" key={item.value}>
-            <span className="helper" />
-            <img
-              src={`${prefixUrl}${item.value}.${ext}`}
-              alt={item.title}
-              style={{ display: "inline-block" }}
-              onClick={() => onClick(item.title)}
-            />
-          </div>
-        ))}
-      </div>
-      <div>
-        {content[2].map(item => (
-          <div className="item" key={item.value}>
-            <span className="helper" />
-            <img
-              src={`${prefixUrl}${item.value}.${ext}`}
-              alt={item.title}
-              style={{ display: "inline-block" }}
-              onClick={() => onClick(item.title)}
-            />
-          </div>
-        ))}
-      </div>
+      {content.map((page, index) => (
+        <div key={index}>
+          {page.map((item, index) => (
+            <div className="item" key={item.value}>
+              <span className="helper" />
+              <img
+                src={`${prefixUrl}${item.value}.${item.ext}`}
+                alt={item.title}
+                style={{ display: "inline-block" }}
+                onClick={() => onClick(item.title)}
+              />
+            </div>
+          ))}
+        </div>
+      ))}
     </Carousel>
   );
 };

src/emoji.js

@@ -1,225 +1,817 @@
 const emoji = [
   {
-    value: "0",
-    title: "捶地"
+    value: "14",
+    title: "\u5fae\u7b11",
+    ext: "gif"
   },
   {
-    value: "1",
-    title: "怀疑"
+    value: "101",
+    title: "撇嘴",
+    ext: "gif"
   },
-
   {
-    value: "2",
-    title: "撇嘴"
+    value: "102",
+    title: "色",
+    ext: "gif"
   },
   {
-    value: "3",
-    title: "色"
+    value: "4",
+    title: "\u53d1\u5446",
+    ext: "gif"
   },
   {
-    value: "4",
-    title: "发呆"
+    value: "104",
+    title: "\u58a8\u955c",
+    ext: "gif"
   },
   {
-    value: "5",
-    title: "酷"
+    value: "105",
+    title: "\u54ed",
+    ext: "gif"
   },
   {
-    value: "6",
-    title: "害羞"
+    value: "106",
+    title: "害羞",
+    ext: "gif"
   },
-
   {
-    value: "7",
-    title: "闭嘴"
+    value: "107",
+    title: "闭嘴",
+    ext: "gif"
   },
   {
-    value: "8",
-    title: "睡觉"
+    value: "108",
+    title: "睡觉",
+    ext: "gif"
   },
   {
-    value: "9",
-    title: "大哭"
+    value: "109",
+    title: "\u54ed2",
+    ext: "gif"
   },
   {
-    value: "10",
-    title: "尴尬"
+    value: "110",
+    title: "尴尬",
+    ext: "gif"
   },
   {
-    value: "11",
-    title: "发怒"
+    value: "111",
+    title: "发怒",
+    ext: "gif"
   },
   {
     value: "12",
-    title: "调皮"
+    title: "\u8c03\u76ae",
+    ext: "gif"
   },
   {
-    value: "13",
-    title: "呲牙"
+    value: "113",
+    title: "呲牙",
+    ext: "gif"
   },
   {
-    value: "14",
-    title: "微笑"
+    value: "114",
+    title: "怀疑",
+    ext: "gif"
   },
   {
     value: "15",
-    title: "难过"
+    title: "\u96be\u8fc7",
+    ext: "gif"
   },
   {
-    value: "16",
-    title: "帅呆"
+    value: "5",
+    title: "\u9177",
+    ext: "gif"
   },
   {
-    value: "17",
-    title: "折磨"
+    value: "117",
+    title: "\u6c57",
+    ext: "gif"
+  },
+  {
+    value: "118",
+    title: "\u6293\u72c2",
+    ext: "gif"
   },
   {
     value: "18",
-    title: "吐"
+    title: "\u5410",
+    ext: "gif"
+  },
+  {
+    value: "120",
+    title: "\u7b112",
+    ext: "gif"
+  },
+  {
+    value: "121",
+    title: "\u5feb\u4e50",
+    ext: "gif"
+  },
+  {
+    value: "122",
+    title: "\u5947",
+    ext: "gif"
+  },
+  {
+    value: "123",
+    title: "\u50b2",
+    ext: "gif"
+  },
+  {
+    value: "124",
+    title: "\u997f",
+    ext: "gif"
+  },
+  {
+    value: "125",
+    title: "\u7d2f",
+    ext: "gif"
+  },
+  {
+    value: "126",
+    title: "\u5413",
+    ext: "gif"
+  },
+  {
+    value: "127",
+    title: "\u6c572",
+    ext: "gif"
+  },
+  {
+    value: "128",
+    title: "\u9ad8\u5174",
+    ext: "gif"
+  },
+  {
+    value: "129",
+    title: "\u95f2",
+    ext: "gif"
+  },
+  {
+    value: "130",
+    title: "\u52aa\u529b",
+    ext: "gif"
+  },
+  {
+    value: "131",
+    title: "\u9a82",
+    ext: "gif"
+  },
+  {
+    value: "30",
+    title: "\u7591\u95ee",
+    ext: "gif"
+  },
+  {
+    value: "133",
+    title: "\u79d8\u5bc6",
+    ext: "gif"
+  },
+  {
+    value: "134",
+    title: "\u4e71",
+    ext: "gif"
+  },
+  {
+    value: "135",
+    title: "\u75af",
+    ext: "gif"
+  },
+  {
+    value: "136",
+    title: "\u54c0",
+    ext: "gif"
+  },
+  {
+    value: "137",
+    title: "\u9b3c",
+    ext: "gif"
+  },
+  {
+    value: "138",
+    title: "\u6253\u51fb",
+    ext: "gif"
+  },
+  {
+    value: "139",
+    title: "bye",
+    ext: "gif"
+  },
+  {
+    value: "140",
+    title: "\u6c573",
+    ext: "gif"
+  },
+  {
+    value: "141",
+    title: "\u62a0",
+    ext: "gif"
+  },
+  {
+    value: "142",
+    title: "\u9f13\u638c",
+    ext: "gif"
+  },
+  {
+    value: "143",
+    title: "\u7cdf\u7cd5",
+    ext: "gif"
+  },
+  {
+    value: "144",
+    title: "\u6076\u641e",
+    ext: "gif"
+  },
+  {
+    value: "145",
+    title: "\u4ec0\u4e48",
+    ext: "gif"
+  },
+  {
+    value: "146",
+    title: "\u4ec0\u4e482",
+    ext: "gif"
+  },
+  {
+    value: "147",
+    title: "\u7d2f2",
+    ext: "gif"
+  },
+  {
+    value: "148",
+    title: "\u770b",
+    ext: "gif"
+  },
+  {
+    value: "149",
+    title: "\u96be\u8fc72",
+    ext: "gif"
+  },
+  {
+    value: "150",
+    title: "\u96be\u8fc73",
+    ext: "gif"
+  },
+  {
+    value: "151",
+    title: "\u574f",
+    ext: "gif"
+  },
+  {
+    value: "152",
+    title: "\u4eb2",
+    ext: "gif"
+  },
+  {
+    value: "153",
+    title: "\u54132",
+    ext: "gif"
+  },
+  {
+    value: "154",
+    title: "\u53ef\u601c",
+    ext: "gif"
+  },
+  {
+    value: "45",
+    title: "\u5200",
+    ext: "gif"
+  },
+  {
+    value: "156",
+    title: "\u6c34\u679c",
+    ext: "gif"
+  },
+  {
+    value: "157",
+    title: "\u9152",
+    ext: "gif"
+  },
+  {
+    value: "158",
+    title: "\u7bee\u7403",
+    ext: "gif"
+  },
+  {
+    value: "159",
+    title: "\u4e52\u4e53",
+    ext: "gif"
+  },
+  {
+    value: "48",
+    title: "\u5496\u5561",
+    ext: "gif"
+  },
+  {
+    value: "161",
+    title: "\u7f8e\u98df",
+    ext: "gif"
+  },
+  {
+    value: "162",
+    title: "\u52a8\u7269",
+    ext: "gif"
+  },
+  {
+    value: "163",
+    title: "\u9c9c\u82b1",
+    ext: "gif"
+  },
+  {
+    value: "164",
+    title: "\u67af",
+    ext: "gif"
+  },
+  {
+    value: "165",
+    title: "\u5507",
+    ext: "gif"
+  },
+  {
+    value: "166",
+    title: "\u7231",
+    ext: "gif"
+  },
+  {
+    value: "167",
+    title: "\u5206\u624b",
+    ext: "gif"
+  },
+  {
+    value: "168",
+    title: "\u751f\u65e5",
+    ext: "gif"
+  },
+  {
+    value: "169",
+    title: "\u7535",
+    ext: "gif"
+  },
+  {
+    value: "170",
+    title: "\u70b8\u5f39",
+    ext: "gif"
+  },
+  {
+    value: "171",
+    title: "\u5200\u5b50",
+    ext: "gif"
+  },
+  {
+    value: "46",
+    title: "\u8db3\u7403",
+    ext: "gif"
+  },
+  {
+    value: "173",
+    title: "\u74e2\u866b",
+    ext: "gif"
+  },
+  {
+    value: "174",
+    title: "\u7fd4",
+    ext: "gif"
+  },
+  {
+    value: "175",
+    title: "\u6708\u4eae",
+    ext: "gif"
+  },
+  {
+    value: "176",
+    title: "\u592a\u9633",
+    ext: "gif"
+  },
+  {
+    value: "177",
+    title: "\u793c\u7269",
+    ext: "gif"
+  },
+  {
+    value: "178",
+    title: "\u62b1\u62b1",
+    ext: "gif"
+  },
+  {
+    value: "179",
+    title: "\u62c7\u6307",
+    ext: "gif"
+  },
+  {
+    value: "180",
+    title: "\u8d2c\u4f4e",
+    ext: "gif"
+  },
+  {
+    value: "181",
+    title: "\u63e1\u624b",
+    ext: "gif"
+  },
+  {
+    value: "182",
+    title: "\u526a\u5200\u624b",
+    ext: "gif"
+  },
+  {
+    value: "183",
+    title: "\u62b1\u62f3",
+    ext: "gif"
+  },
+  {
+    value: "184",
+    title: "\u52fe\u5f15",
+    ext: "gif"
+  },
+  {
+    value: "185",
+    title: "\u62f3\u5934",
+    ext: "gif"
+  },
+  {
+    value: "186",
+    title: "\u5c0f\u62c7\u6307",
+    ext: "gif"
+  },
+  {
+    value: "187",
+    title: "\u62c7\u6307\u516b",
+    ext: "gif"
+  },
+  {
+    value: "188",
+    title: "\u98df\u6307",
+    ext: "gif"
+  },
+  {
+    value: "189",
+    title: "ok",
+    ext: "gif"
+  },
+  {
+    value: "190",
+    title: "\u60c5\u4fa3",
+    ext: "gif"
+  },
+  {
+    value: "52",
+    title: "\u7231\u5fc3",
+    ext: "gif"
+  },
+  {
+    value: "192",
+    title: "\u8e66\u54d2",
+    ext: "gif"
+  },
+  {
+    value: "193",
+    title: "\u98a4\u6296",
+    ext: "gif"
+  },
+  {
+    value: "194",
+    title: "\u6004\u6c14",
+    ext: "gif"
+  },
+  {
+    value: "195",
+    title: "\u8df3\u821e",
+    ext: "gif"
+  },
+  {
+    value: "196",
+    title: "\u53d1\u54462",
+    ext: "gif"
+  },
+  {
+    value: "197",
+    title: "\u80cc\u7740",
+    ext: "gif"
+  },
+  {
+    value: "198",
+    title: "\u4f38\u624b",
+    ext: "gif"
+  },
+  {
+    value: "199",
+    title: "\u800d\u5e05",
+    ext: "gif"
+  },
+  {
+    value: "201",
+    title: "\u751f\u75c5",
+    ext: "png"
+  },
+  {
+    value: "202",
+    title: "\u54ed\u6ce3",
+    ext: "png"
+  },
+  {
+    value: "203",
+    title: "\u5410\u820c",
+    ext: "png"
+  },
+  {
+    value: "204",
+    title: "\u8ff7\u7cca",
+    ext: "png"
+  },
+  {
+    value: "205",
+    title: "\u77aa\u773c",
+    ext: "png"
+  },
+  {
+    value: "206",
+    title: "\u6050\u6016",
+    ext: "png"
+  },
+  {
+    value: "207",
+    title: "\u5fe7\u6101",
+    ext: "png"
+  },
+  {
+    value: "208",
+    title: "\u7728\u7709",
+    ext: "png"
+  },
+  {
+    value: "209",
+    title: "\u95ed\u773c",
+    ext: "png"
+  },
+  {
+    value: "210",
+    title: "\u9119\u89c6",
+    ext: "png"
+  },
+  {
+    value: "211",
+    title: "\u9634\u6697",
+    ext: "png"
+  },
+  {
+    value: "212",
+    title: "\u5c0f\u9b3c",
+    ext: "png"
+  },
+  {
+    value: "213",
+    title: "\u793c\u72692",
+    ext: "png"
+  },
+  {
+    value: "214",
+    title: "\u62dc\u4f5b",
+    ext: "png"
+  },
+  {
+    value: "215",
+    title: "\u529b\u91cf",
+    ext: "png"
+  },
+  {
+    value: "216",
+    title: "\u91d1\u94b1",
+    ext: "png"
+  },
+  {
+    value: "217",
+    title: "\u86cb\u7cd5",
+    ext: "png"
+  },
+  {
+    value: "218",
+    title: "\u5f69\u5e26",
+    ext: "png"
+  },
+  {
+    value: "219",
+    title: "\u793c\u72693",
+    ext: "png"
+  },
+  {
+    value: "0",
+    title: "\u6376\u5730",
+    ext: "gif"
+  },
+  {
+    value: "1",
+    title: "\u6000\u7591",
+    ext: "gif"
+  },
+  {
+    value: "2",
+    title: "\u6487\u5634",
+    ext: "gif"
+  },
+  {
+    value: "3",
+    title: "\u8272",
+    ext: "gif"
+  },
+  {
+    value: "6",
+    title: "\u5bb3\u7f9e",
+    ext: "gif"
+  },
+  {
+    value: "7",
+    title: "\u95ed\u5634",
+    ext: "gif"
+  },
+  {
+    value: "8",
+    title: "\u7761\u89c9",
+    ext: "gif"
+  },
+  {
+    value: "9",
+    title: "\u5927\u54ed",
+    ext: "gif"
+  },
+  {
+    value: "10",
+    title: "\u5c34\u5c2c",
+    ext: "gif"
+  },
+  {
+    value: "11",
+    title: "\u53d1\u6012",
+    ext: "gif"
+  },
+  {
+    value: "13",
+    title: "\u5472\u7259",
+    ext: "gif"
+  },
+  {
+    value: "16",
+    title: "\u5e05\u5446",
+    ext: "gif"
+  },
+  {
+    value: "17",
+    title: "\u6298\u78e8",
+    ext: "gif"
   },
   {
     value: "19",
-    title: "偷笑"
+    title: "\u5077\u7b11",
+    ext: "gif"
   },
   {
     value: "20",
-    title: "可爱"
+    title: "\u53ef\u7231",
+    ext: "gif"
   },
   {
     value: "21",
-    title: "白眼"
+    title: "\u767d\u773c",
+    ext: "gif"
   },
   {
     value: "22",
-    title: "傲慢"
+    title: "\u50b2\u6162",
+    ext: "gif"
   },
   {
     value: "23",
-    title: "嘴馋"
+    title: "\u5634\u998b",
+    ext: "gif"
   },
   {
     value: "24",
-    title: "困"
+    title: "\u56f0",
+    ext: "gif"
   },
   {
     value: "25",
-    title: "恐慌"
+    title: "\u6050\u614c",
+    ext: "gif"
   },
   {
     value: "26",
-    title: "流汗"
+    title: "\u6d41\u6c57",
+    ext: "gif"
   },
   {
     value: "27",
-    title: "憨笑"
+    title: "\u61a8\u7b11",
+    ext: "gif"
   },
   {
     value: "28",
-    title: "大兵"
+    title: "\u5927\u5175",
+    ext: "gif"
   },
   {
     value: "29",
-    title: "奋斗"
-  },
-  {
-    value: "30",
-    title: "疑问"
+    title: "\u594b\u6597",
+    ext: "gif"
   },
   {
     value: "31",
-    title: "嘘"
+    title: "\u5618",
+    ext: "gif"
   },
   {
     value: "32",
-    title: "晕"
+    title: "\u6655",
+    ext: "gif"
   },
   {
     value: "33",
-    title: "被炸了"
+    title: "\u88ab\u70b8\u4e86",
+    ext: "gif"
   },
   {
     value: "34",
-    title: "骷髅"
+    title: "\u9ab7\u9ac5",
+    ext: "gif"
   },
   {
     value: "35",
-    title: "敲打"
+    title: "\u6572\u6253",
+    ext: "gif"
   },
   {
     value: "36",
-    title: "拜拜"
+    title: "\u62dc\u62dc",
+    ext: "gif"
   },
   {
     value: "37",
-    title: "发抖"
+    title: "\u53d1\u6296",
+    ext: "gif"
   },
   {
     value: "38",
-    title: "亲密"
+    title: "\u4eb2\u5bc6",
+    ext: "gif"
   },
   {
     value: "39",
-    title: "跳"
+    title: "\u8df3",
+    ext: "gif"
   },
   {
     value: "40",
-    title: "猪头"
+    title: "\u732a\u5934",
+    ext: "gif"
   },
   {
     value: "41",
-    title: "拥抱"
+    title: "\u62e5\u62b1",
+    ext: "gif"
   },
   {
     value: "42",
-    title: "生日蛋糕"
+    title: "\u751f\u65e5\u86cb\u7cd5",
+    ext: "gif"
   },
   {
     value: "43",
-    title: "闪电"
+    title: "\u95ea\u7535",
+    ext: "gif"
   },
   {
     value: "44",
-    title: "地雷"
-  },
-  {
-    value: "45",
-    title: "刀"
-  },
-  {
-    value: "46",
-    title: "足球"
+    title: "\u5730\u96f7",
+    ext: "gif"
   },
   {
     value: "47",
-    title: "便便"
-  },
-  {
-    value: "48",
-    title: "咖啡"
+    title: "\u4fbf\u4fbf",
+    ext: "gif"
   },
   {
     value: "49",
-    title: "米饭"
+    title: "\u7c73\u996d",
+    ext: "gif"
   },
   {
     value: "50",
-    title: "玫瑰"
+    title: "\u73ab\u7470",
+    ext: "gif"
   },
   {
     value: "51",
-    title: "枯萎玫瑰"
-  },
-  {
-    value: "52",
-    title: "爱心"
+    title: "\u67af\u840e\u73ab\u7470",
+    ext: "gif"
   },
   {
     value: "53",
-    title: "心碎"
+    title: "\u5fc3\u788e",
+    ext: "gif"
   }
 ];
 
-export const prefixUrl = "https://a.links123.cn/site/src/feed/imgs/qq/";
+export const prefixUrl = "https://a.links123.cn/site/src/feed/imgs/comment/";
 
 export const ext = "gif";
 

src/helper.js

@@ -1,5 +1,5 @@
 import { REGEXP, IMAGE_SPLIT } from "./constant";
-import emoji, { prefixUrl, ext } from "./emoji";
+import emoji, { prefixUrl } from "./emoji";
 
 const emojiObejct = arrayToObject(emoji, "title");
 
@@ -63,9 +63,11 @@ export function renderContent(content, onClick) {
         return `<br/><img src="${src}" alt="${src}" style="max-width: 100%" />`;
       }
       // 如果不存在对应的表情, 则返回原文
-      if (emojiObejct[src]) {
-        const value = emojiObejct[src].value;
-        return `<img src="${prefixUrl}${value}.${ext}" alt="${value}" />`;
+      const emoji = emojiObejct[src];
+      if (emoji) {
+        return `<img src="${prefixUrl}${emoji.value}.${emoji.ext}" alt="${
+          emoji.title
+        }" />`;
       }
       return `[${src}]`;
     })