@jayfong/x-text-render 2.21.10 → 2.22.0

package/lib/_cjs/code_render.css

@@ -1,9 +1,9 @@
-.xtr_10809 {
+.xtr_19695 {
   margin: 6px 0;
   margin-left: var(--text-indent, 0px);
 }
 
-.xtr_10809 .xtr_6067 {
+.xtr_19695 .xtr_1350 {
   text-indent: 0;
   white-space: pre-wrap;
   background-color: rgba(0, 0, 0, 0.5);

package/lib/_cjs/code_render.js

@@ -6,11 +6,11 @@ require("./code_render.css");
 var _vtils = require("vtils");
 var _html_render = require("./html_render");
 // @ts-ignore
-var _ = {"code":"xtr_10809","content":"xtr_6067"};
+var _ = {"code":"xtr_19695","content":"xtr_1350"};
 var codeRegExp = /```[^\r\n]*[\r\n]([\s\S]+?)```/g;
 var CodeRender = /*#__PURE__*/function () {
   function CodeRender() {}
-  CodeRender.render = function render(text) {
+  CodeRender.render = function render(text, _options) {
     return text.replace(codeRegExp, function (__, v) {
       return _html_render.HTMLRender.freeze("<div class=\"" + _.code + "\">\n        <div class=\"" + _.content + "\">" + (0, _vtils.escape)(v) + "</div>\n      </div>");
     });

package/lib/_cjs/douyin_emoji_render.css

@@ -1,4 +1,4 @@
-.xtr_14403 {
+.xtr_7843 {
   display: inline-block;
   font-size: 1.2em;
   width: 1em;
@@ -6,82 +6,88 @@
   vertical-align: -0.2em;
 }
 
-.xtr_5110 {
+.xtr_13180 {
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.xtr_13681 {
   width: 1.0781em;
 }
 
-.xtr_14342 {
+.xtr_6601 {
   width: 1.0313em;
 }
 
-.xtr_15901 {
+.xtr_3900 {
   width: 1.0625em;
 }
 
-.xtr_16911 {
+.xtr_12866 {
   width: 1.1563em;
 }
 
-.xtr_11704 {
+.xtr_19203 {
   width: 1.0469em;
 }
 
-.xtr_11750 {
+.xtr_13987 {
   width: 1.1406em;
 }
 
-.xtr_6129 {
+.xtr_3983 {
   width: 1.0625em;
 }
 
-.xtr_346 {
+.xtr_17911 {
   width: 1.0781em;
 }
 
-.xtr_11756 {
+.xtr_14624 {
   width: 1.1406em;
 }
 
-.xtr_7121 {
+.xtr_11065 {
   width: 1.0781em;
 }
 
-.xtr_12147 {
+.xtr_10687 {
   width: 1.1406em;
 }
 
-.xtr_9902 {
+.xtr_210 {
   width: 1.0781em;
 }
 
-.xtr_13485 {
+.xtr_17680 {
   width: 1.375em;
 }
 
-.xtr_9153 {
+.xtr_857 {
   width: 1.0625em;
 }
 
-.xtr_5473 {
+.xtr_16488 {
   width: 1.1406em;
 }
 
-.xtr_13887 {
+.xtr_13201 {
   width: 1.1406em;
 }
 
-.xtr_2079 {
+.xtr_1612 {
   width: 1.0625em;
 }
 
-.xtr_9094 {
+.xtr_3810 {
   width: 1.125em;
 }
 
-.xtr_8960 {
+.xtr_3997 {
   width: 1.1094em;
 }
 
-.xtr_4502 {
+.xtr_16768 {
   width: 1.0469em;
 }

package/lib/_cjs/douyin_emoji_render.js

@@ -5,7 +5,7 @@ exports.DouyinEmojiRender = void 0;
 require("./douyin_emoji_render.css");
 var _html_render = require("./html_render");
 // @ts-ignore
-var _ = {"emoji":"xtr_14403","_互粉":"xtr_5110","_再见":"xtr_14342","_吐血":"xtr_15901","_听歌":"xtr_16911","_嘿哈":"xtr_11704","_大哭":"xtr_11750","_小鼓掌":"xtr_6129","_强":"xtr_346","_我想静静":"xtr_11756","_擦汗":"xtr_7121","_机智":"xtr_12147","_来看我":"xtr_9902","_求抱抱":"xtr_13485","_灵机一动":"xtr_9153","_熊吉":"xtr_5473","_笑哭":"xtr_13887","_紫薇别走":"xtr_2079","_耶":"xtr_9094","_震惊":"xtr_8960","_飞吻":"xtr_4502"};
+var _ = {"emoji":"xtr_7843","background":"xtr_13180","_互粉":"xtr_13681","_再见":"xtr_6601","_吐血":"xtr_3900","_听歌":"xtr_12866","_嘿哈":"xtr_19203","_大哭":"xtr_13987","_小鼓掌":"xtr_3983","_强":"xtr_17911","_我想静静":"xtr_14624","_擦汗":"xtr_11065","_机智":"xtr_10687","_来看我":"xtr_210","_求抱抱":"xtr_17680","_灵机一动":"xtr_857","_熊吉":"xtr_16488","_笑哭":"xtr_13201","_紫薇别走":"xtr_1612","_耶":"xtr_3810","_震惊":"xtr_3997","_飞吻":"xtr_16768"};
 // douyinEmojiLatestList
 // prettier-ignore
 var douyinEmojiLatestList = ["微笑", "色", "发呆", "酷拽", "抠鼻", "流泪", "捂脸", "发怒", "呲牙", "尬笑", "害羞", "调皮", "舔屏", "看", "爱心", "比心", "赞", "鼓掌", "感谢", "抱抱你", "玫瑰", "灵机一动", "耶", "打脸", "大笑", "机智", "送心", "666", "闭嘴", "来看我", "一起加油", "哈欠", "震惊", "晕", "衰", "困", "疑问", "泣不成声", "小鼓掌", "大金牙", "偷笑", "石化", "思考", "吐血", "可怜", "嘘", "撇嘴", "笑哭", "奸笑", "得意", "憨笑", "坏笑", "抓狂", "泪奔", "钱", "恐惧", "愉快", "快哭了", "翻白眼", "互粉", "我想静静", "委屈", "鄙视", "飞吻", "再见", "紫薇别走", "听歌", "求抱抱", "绝望的凝视", "不失礼貌的微笑", "不看", "裂开", "干饭人", "吐舌", "呆无辜", "白眼", "熊吉", "猪头", "冷漠", "微笑袋鼠", "凝视", "暗中观察", "二哈", "菜狗", "黑脸", "展开说说", "蜜蜂狗", "摸头", "皱眉", "擦汗", "红脸", "做鬼脸", "强", "如花", "吐", "惊喜", "敲打", "奋斗", "吐彩虹", "大哭", "嘿哈", "加好友", "惊恐", "惊讶", "囧", "难过", "斜眼", "阴险", "悠闲", "咒骂", "吃瓜群众", "绿帽子", "真的会谢", "达咩", "敢怒不敢言", "投降", "求求了", "眼含热泪", "叹气", "好开心", "不是吧", "动动脑子", "表面微笑", "表面呲牙", "鞠躬", "躺平", "强壮", "碰拳", "OK", "击掌", "左上", "握手", "抱拳", "勾引", "拳头", "弱", "胜利", "右边", "左边", "嘴唇", "心碎", "凋谢", "啤酒", "咖啡", "蛋糕", "礼物", "撒花", "加一", "减一", "okk", "V5", "绝", "给力", "红包", "屎", "发", "我太难了", "18禁", "炸弹", "去污粉", "西瓜", "加鸡腿", "我酸了", "握爪", "太阳", "月亮", "给跪了", "蕉绿", "扎心", "胡瓜", "yyds", "emo", "开心兔", "招财兔", "年兽兔", "打call", "栓Q", "无语", "雪人", "雪花", "圣诞树", "平安果", "圣诞帽", "气球", "干杯", "烟花", "福", "candy", "糖葫芦", "虎头", "饺子", "鞭炮", "元宝", "灯笼", "锦鲤", "巧克力", "汤圆", "情书", "iloveyou", "戒指", "小黄鸭", "棒棒糖", "纸飞机", "必胜", "粽子"];
@@ -232,9 +232,12 @@ var douyinEmojiUrlMap = {
 var douyinEmojiRegExp = new RegExp("\\[(" + Object.keys(douyinEmojiUrlMap).join('|') + ")\\]", 'g');
 var DouyinEmojiRender = /*#__PURE__*/function () {
   function DouyinEmojiRender() {}
-  DouyinEmojiRender.render = function render(text) {
+  DouyinEmojiRender.render = function render(text, options) {
     return text.replace(douyinEmojiRegExp, function (__, v) {
-      return _html_render.HTMLRender.freeze("<img\n            src=\"" + douyinEmojiBaseUrl + douyinEmojiUrlMap[v] + ".png\"\n            class=\"" + _.emoji + (_["_" + v] ? " " + _["_" + v] : '') + "\"\n            alt=\"[" + v + "]\"\n          />");
+      var url = "" + douyinEmojiBaseUrl + douyinEmojiUrlMap[v] + ".png";
+      var alt = "[" + v + "]";
+      var baseClass = "" + _.emoji + (_["_" + v] ? " " + _["_" + v] : '');
+      return _html_render.HTMLRender.freeze(options.emojiRenderer === 'background' ? "<span style=\"background-image:url('" + url + "')\" class=\"" + baseClass + " " + _.background + "\" alt=\"" + alt + "\" />" : "<img src=\"" + url + "\" class=\"" + baseClass + "\" alt=\"" + alt + "\" />");
     });
   };
   return DouyinEmojiRender;

package/lib/_cjs/html_render.js

@@ -15,7 +15,7 @@ var HTMLRender = /*#__PURE__*/function () {
   HTMLRender.freeze = function freeze(text) {
     return "" + freezeFlagStart + encodeURIComponent(text) + freezeFlagEnd;
   };
-  HTMLRender.render = function render(text) {
+  HTMLRender.render = function render(text, _options) {
     // 将没有渲染过的部分 escape 一下
     var renderedText = text.split(freezeRegExpSplit).map(function (v, i) {
       return i % 2 === 0 ? (0, _vtils.escape)(v) : v;

package/lib/_cjs/math_render.js

@@ -26,7 +26,7 @@ var mathRegExp = /\$\$([\s\S]+?)\$\$|\$([^\r\n]+?)\$/g;
 var mathRegExpTest = new RegExp(mathRegExp, 's');
 var MathRender = /*#__PURE__*/function () {
   function MathRender() {}
-  MathRender.render = function render(text) {
+  MathRender.render = function render(text, _options) {
     if (!mathRegExpTest.test(text)) return text;
     var run = function run() {
       return text.replace(mathRegExp, function (v) {

package/lib/_cjs/text_render.js

@@ -2,10 +2,10 @@
 
 exports.__esModule = true;
 exports.TextRender = void 0;
+var _vtils = require("vtils");
 var _code_render = require("./code_render");
 var _douyin_emoji_render = require("./douyin_emoji_render");
 var _html_render = require("./html_render");
-var _vtils = require("vtils");
 var _math_render = require("./math_render");
 var _unified_emoji_render = require("./unified_emoji_render");
 var _weixin_emoji_render = require("./weixin_emoji_render");
@@ -19,8 +19,8 @@ var TextRender = /*#__PURE__*/function () {
     var _loop = function _loop() {
       var render = _arr[_i];
       result = (0, _vtils.isPromiseLike)(result) ? result.then(function (temp) {
-        return render.render(temp);
-      }) : render.render(result);
+        return render.render(temp, options);
+      }) : render.render(result, options);
     };
     for (var _i = 0, _arr = [options.douyinEmoji && _douyin_emoji_render.DouyinEmojiRender, options.weixinEmoji && _weixin_emoji_render.WeixinEmojiRender, options.unifiedEmoji && _unified_emoji_render.UnifiedEmojiRender, options.code && _code_render.CodeRender, options.math && _math_render.MathRender, _html_render.HTMLRender].filter(Boolean); _i < _arr.length; _i++) {
       _loop();

package/lib/_cjs/unified_emoji_render.css

@@ -1,7 +1,13 @@
-.xtr_19299 {
+.xtr_7414 {
   display: inline-block;
   font-size: 1.2em;
   width: 1em;
   height: 1em;
   vertical-align: -0.2em;
 }
+
+.xtr_13902 {
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  background-position: center;
+}

package/lib/_cjs/unified_emoji_render.js

@@ -7,7 +7,7 @@ var _vtils = require("vtils");
 var _regexp = require("vtils/regexp");
 var _html_render = require("./html_render");
 // @ts-ignore
-var _ = {"unifiedEmoji":"xtr_19299"};
+var _ = {"unifiedEmoji":"xtr_7414","background":"xtr_13902"};
 var unifiedEmojiRegExp = _regexp.emojiRegExpBuilder.build({
   global: true
 });
@@ -57,7 +57,7 @@ var unifiedEmojiKeywordRegExp = new RegExp(Object.keys(unifiedEmojiKeywordMap).m
 }).join('|'), 'g');
 var UnifiedEmojiRender = /*#__PURE__*/function () {
   function UnifiedEmojiRender() {}
-  UnifiedEmojiRender.render = function render(text) {
+  UnifiedEmojiRender.render = function render(text, options) {
     text = text.replace(unifiedEmojiKeywordRegExp, function (v) {
       return unifiedEmojiKeywordMap[v];
     });
@@ -82,7 +82,7 @@ var UnifiedEmojiRender = /*#__PURE__*/function () {
         }
         imageUrl = "" + unifiedEmojiBaseUrl + (unifiedEmojiAlias.has(code) ? unifiedEmojiAlias.get(code) : code) + ".png";
       }
-      return _html_render.HTMLRender.freeze("<img\n        src=\"" + imageUrl + "\"\n        class=\"" + _.unifiedEmoji + "\"\n        alt=\"" + v + "\"\n      />");
+      return _html_render.HTMLRender.freeze(options.emojiRenderer === 'background' ? "<span style=\"background-image:url('" + imageUrl + "')\" class=\"" + _.unifiedEmoji + " " + _.background + "\" alt=\"" + v + "\" />" : "<img src=\"" + imageUrl + "\" class=\"" + _.unifiedEmoji + "\" alt=\"" + v + "\" />");
     });
   };
   return UnifiedEmojiRender;

package/lib/_cjs/weixin_emoji_render.css

@@ -1,7 +1,13 @@
-.xtr_8825 {
+.xtr_11169 {
   display: inline-block;
   font-size: 1.2em;
   width: 1em;
   height: 1em;
   vertical-align: -0.2em;
 }
+
+.xtr_3920 {
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  background-position: center;
+}

package/lib/_cjs/weixin_emoji_render.js

@@ -6,7 +6,7 @@ require("./weixin_emoji_render.css");
 var _vtils = require("vtils");
 var _html_render = require("./html_render");
 // @ts-ignore
-var _ = {"weixinEmoji":"xtr_8825"};
+var _ = {"weixinEmoji":"xtr_11169","background":"xtr_3920"};
 var weixinEmojiBaseUrl = "https://wxpublic-1251448646.file.myqcloud.com/public/common/files/";
 
 // weixinEmojiUrlMap
@@ -327,9 +327,10 @@ var weixinEmojiRegExp = new RegExp("(" + weixinEmojiNames.map(function (k) {
 }).join('|') + ")", 'g');
 var WeixinEmojiRender = /*#__PURE__*/function () {
   function WeixinEmojiRender() {}
-  WeixinEmojiRender.render = function render(text) {
+  WeixinEmojiRender.render = function render(text, options) {
     return text.replace(weixinEmojiRegExp, function (__, v) {
-      return _html_render.HTMLRender.freeze("<img\n        src=\"" + weixinEmojiBaseUrl + weixinEmojiMap2[v] + ".png\"\n        class=\"" + _.weixinEmoji + "\"\n        alt=\"" + v + "\"\n      />");
+      var url = "" + weixinEmojiBaseUrl + weixinEmojiMap2[v] + ".png";
+      return _html_render.HTMLRender.freeze(options.emojiRenderer === 'background' ? "<span style=\"background-image:url('" + url + "')\" class=\"" + _.weixinEmoji + " " + _.background + "\" alt=\"" + v + "\" />" : "<img src=\"" + url + "\" class=\"" + _.weixinEmoji + "\" alt=\"" + v + "\" />");
     });
   };
   return WeixinEmojiRender;

package/lib/code_render.css

@@ -1,9 +1,9 @@
-.xtr_10809 {
+.xtr_19695 {
   margin: 6px 0;
   margin-left: var(--text-indent, 0px);
 }
 
-.xtr_10809 .xtr_6067 {
+.xtr_19695 .xtr_1350 {
   text-indent: 0;
   white-space: pre-wrap;
   background-color: rgba(0, 0, 0, 0.5);

package/lib/code_render.d.ts

@@ -1,3 +1,4 @@
+import { TextRenderOptions } from './text_render';
 export declare class CodeRender {
-    static render(text: string): string;
+    static render(text: string, _options: TextRenderOptions): string;
 }

package/lib/code_render.js

@@ -1,12 +1,12 @@
 // @ts-ignore
 import "./code_render.css";
-var _ = {"code":"xtr_10809","content":"xtr_6067"};
+var _ = {"code":"xtr_19695","content":"xtr_1350"};
 import { escape } from 'vtils';
 import { HTMLRender } from "./html_render";
 var codeRegExp = /```[^\r\n]*[\r\n]([\s\S]+?)```/g;
 export var CodeRender = /*#__PURE__*/function () {
   function CodeRender() {}
-  CodeRender.render = function render(text) {
+  CodeRender.render = function render(text, _options) {
     return text.replace(codeRegExp, function (__, v) {
       return HTMLRender.freeze("<div class=\"" + _.code + "\">\n        <div class=\"" + _.content + "\">" + escape(v) + "</div>\n      </div>");
     });

package/lib/douyin_emoji_render.css

@@ -1,4 +1,4 @@
-.xtr_14403 {
+.xtr_7843 {
   display: inline-block;
   font-size: 1.2em;
   width: 1em;
@@ -6,82 +6,88 @@
   vertical-align: -0.2em;
 }
 
-.xtr_5110 {
+.xtr_13180 {
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.xtr_13681 {
   width: 1.0781em;
 }
 
-.xtr_14342 {
+.xtr_6601 {
   width: 1.0313em;
 }
 
-.xtr_15901 {
+.xtr_3900 {
   width: 1.0625em;
 }
 
-.xtr_16911 {
+.xtr_12866 {
   width: 1.1563em;
 }
 
-.xtr_11704 {
+.xtr_19203 {
   width: 1.0469em;
 }
 
-.xtr_11750 {
+.xtr_13987 {
   width: 1.1406em;
 }
 
-.xtr_6129 {
+.xtr_3983 {
   width: 1.0625em;
 }
 
-.xtr_346 {
+.xtr_17911 {
   width: 1.0781em;
 }
 
-.xtr_11756 {
+.xtr_14624 {
   width: 1.1406em;
 }
 
-.xtr_7121 {
+.xtr_11065 {
   width: 1.0781em;
 }
 
-.xtr_12147 {
+.xtr_10687 {
   width: 1.1406em;
 }
 
-.xtr_9902 {
+.xtr_210 {
   width: 1.0781em;
 }
 
-.xtr_13485 {
+.xtr_17680 {
   width: 1.375em;
 }
 
-.xtr_9153 {
+.xtr_857 {
   width: 1.0625em;
 }
 
-.xtr_5473 {
+.xtr_16488 {
   width: 1.1406em;
 }
 
-.xtr_13887 {
+.xtr_13201 {
   width: 1.1406em;
 }
 
-.xtr_2079 {
+.xtr_1612 {
   width: 1.0625em;
 }
 
-.xtr_9094 {
+.xtr_3810 {
   width: 1.125em;
 }
 
-.xtr_8960 {
+.xtr_3997 {
   width: 1.1094em;
 }
 
-.xtr_4502 {
+.xtr_16768 {
   width: 1.0469em;
 }

package/lib/douyin_emoji_render.d.ts

@@ -1,4 +1,5 @@
+import type { TextRenderOptions } from './text_render';
 export declare class DouyinEmojiRender {
     static latestEmojiList: ("微笑" | "色" | "发呆" | "酷拽" | "抠鼻" | "流泪" | "捂脸" | "发怒" | "呲牙" | "尬笑" | "害羞" | "调皮" | "舔屏" | "看" | "爱心" | "比心" | "赞" | "鼓掌" | "感谢" | "抱抱你" | "玫瑰" | "灵机一动" | "耶" | "打脸" | "大笑" | "机智" | "送心" | "666" | "闭嘴" | "来看我" | "一起加油" | "哈欠" | "震惊" | "晕" | "衰" | "困" | "疑问" | "泣不成声" | "小鼓掌" | "大金牙" | "偷笑" | "石化" | "思考" | "吐血" | "可怜" | "嘘" | "撇嘴" | "笑哭" | "奸笑" | "得意" | "憨笑" | "坏笑" | "抓狂" | "泪奔" | "钱" | "恐惧" | "愉快" | "快哭了" | "翻白眼" | "互粉" | "我想静静" | "委屈" | "鄙视" | "飞吻" | "再见" | "紫薇别走" | "听歌" | "求抱抱" | "绝望的凝视" | "不失礼貌的微笑" | "不看" | "裂开" | "干饭人" | "吐舌" | "呆无辜" | "白眼" | "熊吉" | "猪头" | "冷漠" | "微笑袋鼠" | "凝视" | "暗中观察" | "二哈" | "菜狗" | "黑脸" | "展开说说" | "蜜蜂狗" | "摸头" | "皱眉" | "擦汗" | "红脸" | "做鬼脸" | "强" | "如花" | "吐" | "惊喜" | "敲打" | "奋斗" | "吐彩虹" | "大哭" | "嘿哈" | "加好友" | "惊恐" | "惊讶" | "囧" | "难过" | "斜眼" | "阴险" | "悠闲" | "咒骂" | "吃瓜群众" | "绿帽子" | "真的会谢" | "达咩" | "敢怒不敢言" | "投降" | "求求了" | "眼含热泪" | "叹气" | "好开心" | "不是吧" | "动动脑子" | "表面微笑" | "表面呲牙" | "鞠躬" | "躺平" | "强壮" | "碰拳" | "OK" | "击掌" | "左上" | "握手" | "抱拳" | "勾引" | "拳头" | "弱" | "胜利" | "右边" | "左边" | "嘴唇" | "心碎" | "凋谢" | "啤酒" | "咖啡" | "蛋糕" | "礼物" | "撒花" | "加一" | "减一" | "okk" | "V5" | "绝" | "给力" | "红包" | "屎" | "发" | "我太难了" | "18禁" | "炸弹" | "去污粉" | "西瓜" | "加鸡腿" | "我酸了" | "握爪" | "太阳" | "月亮" | "给跪了" | "蕉绿" | "扎心" | "胡瓜" | "yyds" | "emo" | "开心兔" | "招财兔" | "年兽兔" | "打call" | "栓Q" | "无语" | "雪人" | "雪花" | "圣诞树" | "平安果" | "圣诞帽" | "气球" | "干杯" | "烟花" | "福" | "candy" | "糖葫芦" | "虎头" | "饺子" | "鞭炮" | "元宝" | "灯笼" | "锦鲤" | "巧克力" | "汤圆" | "情书" | "iloveyou" | "戒指" | "小黄鸭" | "棒棒糖" | "纸飞机" | "必胜" | "粽子")[];
-    static render(text: string): string;
+    static render(text: string, options: TextRenderOptions): string;
 }

package/lib/douyin_emoji_render.js

@@ -1,8 +1,7 @@
 // @ts-ignore
 import "./douyin_emoji_render.css";
-var _ = {"emoji":"xtr_14403","_互粉":"xtr_5110","_再见":"xtr_14342","_吐血":"xtr_15901","_听歌":"xtr_16911","_嘿哈":"xtr_11704","_大哭":"xtr_11750","_小鼓掌":"xtr_6129","_强":"xtr_346","_我想静静":"xtr_11756","_擦汗":"xtr_7121","_机智":"xtr_12147","_来看我":"xtr_9902","_求抱抱":"xtr_13485","_灵机一动":"xtr_9153","_熊吉":"xtr_5473","_笑哭":"xtr_13887","_紫薇别走":"xtr_2079","_耶":"xtr_9094","_震惊":"xtr_8960","_飞吻":"xtr_4502"};
+var _ = {"emoji":"xtr_7843","background":"xtr_13180","_互粉":"xtr_13681","_再见":"xtr_6601","_吐血":"xtr_3900","_听歌":"xtr_12866","_嘿哈":"xtr_19203","_大哭":"xtr_13987","_小鼓掌":"xtr_3983","_强":"xtr_17911","_我想静静":"xtr_14624","_擦汗":"xtr_11065","_机智":"xtr_10687","_来看我":"xtr_210","_求抱抱":"xtr_17680","_灵机一动":"xtr_857","_熊吉":"xtr_16488","_笑哭":"xtr_13201","_紫薇别走":"xtr_1612","_耶":"xtr_3810","_震惊":"xtr_3997","_飞吻":"xtr_16768"};
 import { HTMLRender } from "./html_render";
-
 // douyinEmojiLatestList
 // prettier-ignore
 var douyinEmojiLatestList = ["微笑", "色", "发呆", "酷拽", "抠鼻", "流泪", "捂脸", "发怒", "呲牙", "尬笑", "害羞", "调皮", "舔屏", "看", "爱心", "比心", "赞", "鼓掌", "感谢", "抱抱你", "玫瑰", "灵机一动", "耶", "打脸", "大笑", "机智", "送心", "666", "闭嘴", "来看我", "一起加油", "哈欠", "震惊", "晕", "衰", "困", "疑问", "泣不成声", "小鼓掌", "大金牙", "偷笑", "石化", "思考", "吐血", "可怜", "嘘", "撇嘴", "笑哭", "奸笑", "得意", "憨笑", "坏笑", "抓狂", "泪奔", "钱", "恐惧", "愉快", "快哭了", "翻白眼", "互粉", "我想静静", "委屈", "鄙视", "飞吻", "再见", "紫薇别走", "听歌", "求抱抱", "绝望的凝视", "不失礼貌的微笑", "不看", "裂开", "干饭人", "吐舌", "呆无辜", "白眼", "熊吉", "猪头", "冷漠", "微笑袋鼠", "凝视", "暗中观察", "二哈", "菜狗", "黑脸", "展开说说", "蜜蜂狗", "摸头", "皱眉", "擦汗", "红脸", "做鬼脸", "强", "如花", "吐", "惊喜", "敲打", "奋斗", "吐彩虹", "大哭", "嘿哈", "加好友", "惊恐", "惊讶", "囧", "难过", "斜眼", "阴险", "悠闲", "咒骂", "吃瓜群众", "绿帽子", "真的会谢", "达咩", "敢怒不敢言", "投降", "求求了", "眼含热泪", "叹气", "好开心", "不是吧", "动动脑子", "表面微笑", "表面呲牙", "鞠躬", "躺平", "强壮", "碰拳", "OK", "击掌", "左上", "握手", "抱拳", "勾引", "拳头", "弱", "胜利", "右边", "左边", "嘴唇", "心碎", "凋谢", "啤酒", "咖啡", "蛋糕", "礼物", "撒花", "加一", "减一", "okk", "V5", "绝", "给力", "红包", "屎", "发", "我太难了", "18禁", "炸弹", "去污粉", "西瓜", "加鸡腿", "我酸了", "握爪", "太阳", "月亮", "给跪了", "蕉绿", "扎心", "胡瓜", "yyds", "emo", "开心兔", "招财兔", "年兽兔", "打call", "栓Q", "无语", "雪人", "雪花", "圣诞树", "平安果", "圣诞帽", "气球", "干杯", "烟花", "福", "candy", "糖葫芦", "虎头", "饺子", "鞭炮", "元宝", "灯笼", "锦鲤", "巧克力", "汤圆", "情书", "iloveyou", "戒指", "小黄鸭", "棒棒糖", "纸飞机", "必胜", "粽子"];
@@ -229,9 +228,12 @@ var douyinEmojiUrlMap = {
 var douyinEmojiRegExp = new RegExp("\\[(" + Object.keys(douyinEmojiUrlMap).join('|') + ")\\]", 'g');
 export var DouyinEmojiRender = /*#__PURE__*/function () {
   function DouyinEmojiRender() {}
-  DouyinEmojiRender.render = function render(text) {
+  DouyinEmojiRender.render = function render(text, options) {
     return text.replace(douyinEmojiRegExp, function (__, v) {
-      return HTMLRender.freeze("<img\n            src=\"" + douyinEmojiBaseUrl + douyinEmojiUrlMap[v] + ".png\"\n            class=\"" + _.emoji + (_["_" + v] ? " " + _["_" + v] : '') + "\"\n            alt=\"[" + v + "]\"\n          />");
+      var url = "" + douyinEmojiBaseUrl + douyinEmojiUrlMap[v] + ".png";
+      var alt = "[" + v + "]";
+      var baseClass = "" + _.emoji + (_["_" + v] ? " " + _["_" + v] : '');
+      return HTMLRender.freeze(options.emojiRenderer === 'background' ? "<span style=\"background-image:url('" + url + "')\" class=\"" + baseClass + " " + _.background + "\" alt=\"" + alt + "\" />" : "<img src=\"" + url + "\" class=\"" + baseClass + "\" alt=\"" + alt + "\" />");
     });
   };
   return DouyinEmojiRender;

package/lib/html_render.d.ts

@@ -1,4 +1,5 @@
+import { TextRenderOptions } from './text_render';
 export declare class HTMLRender {
     static freeze(text: string): string;
-    static render(text: string): string;
+    static render(text: string, _options: TextRenderOptions): string;
 }

package/lib/html_render.js

@@ -11,7 +11,7 @@ export var HTMLRender = /*#__PURE__*/function () {
   HTMLRender.freeze = function freeze(text) {
     return "" + freezeFlagStart + encodeURIComponent(text) + freezeFlagEnd;
   };
-  HTMLRender.render = function render(text) {
+  HTMLRender.render = function render(text, _options) {
     // 将没有渲染过的部分 escape 一下
     var renderedText = text.split(freezeRegExpSplit).map(function (v, i) {
       return i % 2 === 0 ? escape(v) : v;

package/lib/math_render.d.ts

@@ -1,4 +1,5 @@
 import './math_render.css';
+import { TextRenderOptions } from './text_render';
 export declare class MathRender {
-    static render(text: string): string | Promise<string>;
+    static render(text: string, _options: TextRenderOptions): string | Promise<string>;
 }

package/lib/math_render.js

@@ -21,7 +21,7 @@ var mathRegExp = /\$\$([\s\S]+?)\$\$|\$([^\r\n]+?)\$/g;
 var mathRegExpTest = new RegExp(mathRegExp, 's');
 export var MathRender = /*#__PURE__*/function () {
   function MathRender() {}
-  MathRender.render = function render(text) {
+  MathRender.render = function render(text, _options) {
     if (!mathRegExpTest.test(text)) return text;
     var run = function run() {
       return text.replace(mathRegExp, function (v) {

package/lib/text_render.d.ts

@@ -1,9 +1,11 @@
+export type TextRenderEmojiRenderer = 'img' | 'background';
 export interface TextRenderOptions {
     douyinEmoji?: boolean;
     weixinEmoji?: boolean;
     unifiedEmoji?: boolean;
     code?: boolean;
     math?: boolean;
+    emojiRenderer?: TextRenderEmojiRenderer;
 }
 export declare class TextRender {
     static render(text: string, options?: TextRenderOptions): string | Promise<string>;

package/lib/text_render.js

@@ -1,7 +1,7 @@
+import { isPromiseLike } from 'vtils';
 import { CodeRender } from "./code_render";
 import { DouyinEmojiRender } from "./douyin_emoji_render";
 import { HTMLRender } from "./html_render";
-import { isPromiseLike } from 'vtils';
 import { MathRender } from "./math_render";
 import { UnifiedEmojiRender } from "./unified_emoji_render";
 import { WeixinEmojiRender } from "./weixin_emoji_render";
@@ -15,8 +15,8 @@ export var TextRender = /*#__PURE__*/function () {
     var _loop = function _loop() {
       var render = _arr[_i];
       result = isPromiseLike(result) ? result.then(function (temp) {
-        return render.render(temp);
-      }) : render.render(result);
+        return render.render(temp, options);
+      }) : render.render(result, options);
     };
     for (var _i = 0, _arr = [options.douyinEmoji && DouyinEmojiRender, options.weixinEmoji && WeixinEmojiRender, options.unifiedEmoji && UnifiedEmojiRender, options.code && CodeRender, options.math && MathRender, HTMLRender].filter(Boolean); _i < _arr.length; _i++) {
       _loop();

package/lib/unified_emoji_render.css

@@ -1,7 +1,13 @@
-.xtr_19299 {
+.xtr_7414 {
   display: inline-block;
   font-size: 1.2em;
   width: 1em;
   height: 1em;
   vertical-align: -0.2em;
 }
+
+.xtr_13902 {
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  background-position: center;
+}

package/lib/unified_emoji_render.d.ts

@@ -1,3 +1,4 @@
+import type { TextRenderOptions } from './text_render';
 export declare class UnifiedEmojiRender {
-    static render(text: string): string;
+    static render(text: string, options: TextRenderOptions): string;
 }

package/lib/unified_emoji_render.js

@@ -1,6 +1,6 @@
 // @ts-ignore
 import "./unified_emoji_render.css";
-var _ = {"unifiedEmoji":"xtr_19299"};
+var _ = {"unifiedEmoji":"xtr_7414","background":"xtr_13902"};
 import { characterToCodepoint, escapeRegExp } from 'vtils';
 import { emojiRegExpBuilder } from 'vtils/regexp';
 import { HTMLRender } from "./html_render";
@@ -53,7 +53,7 @@ var unifiedEmojiKeywordRegExp = new RegExp(Object.keys(unifiedEmojiKeywordMap).m
 }).join('|'), 'g');
 export var UnifiedEmojiRender = /*#__PURE__*/function () {
   function UnifiedEmojiRender() {}
-  UnifiedEmojiRender.render = function render(text) {
+  UnifiedEmojiRender.render = function render(text, options) {
     text = text.replace(unifiedEmojiKeywordRegExp, function (v) {
       return unifiedEmojiKeywordMap[v];
     });
@@ -78,7 +78,7 @@ export var UnifiedEmojiRender = /*#__PURE__*/function () {
         }
         imageUrl = "" + unifiedEmojiBaseUrl + (unifiedEmojiAlias.has(code) ? unifiedEmojiAlias.get(code) : code) + ".png";
       }
-      return HTMLRender.freeze("<img\n        src=\"" + imageUrl + "\"\n        class=\"" + _.unifiedEmoji + "\"\n        alt=\"" + v + "\"\n      />");
+      return HTMLRender.freeze(options.emojiRenderer === 'background' ? "<span style=\"background-image:url('" + imageUrl + "')\" class=\"" + _.unifiedEmoji + " " + _.background + "\" alt=\"" + v + "\" />" : "<img src=\"" + imageUrl + "\" class=\"" + _.unifiedEmoji + "\" alt=\"" + v + "\" />");
     });
   };
   return UnifiedEmojiRender;

package/lib/weixin_emoji_render.css

@@ -1,7 +1,13 @@
-.xtr_8825 {
+.xtr_11169 {
   display: inline-block;
   font-size: 1.2em;
   width: 1em;
   height: 1em;
   vertical-align: -0.2em;
 }
+
+.xtr_3920 {
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  background-position: center;
+}

package/lib/weixin_emoji_render.d.ts

@@ -1,3 +1,4 @@
+import type { TextRenderOptions } from './text_render';
 export declare class WeixinEmojiRender {
-    static render(text: string): string;
+    static render(text: string, options: TextRenderOptions): string;
 }

package/lib/weixin_emoji_render.js

@@ -1,6 +1,6 @@
 // @ts-ignore
 import "./weixin_emoji_render.css";
-var _ = {"weixinEmoji":"xtr_8825"};
+var _ = {"weixinEmoji":"xtr_11169","background":"xtr_3920"};
 import { escapeRegExp, keysStrict } from 'vtils';
 import { HTMLRender } from "./html_render";
 var weixinEmojiBaseUrl = "https://wxpublic-1251448646.file.myqcloud.com/public/common/files/";
@@ -323,9 +323,10 @@ var weixinEmojiRegExp = new RegExp("(" + weixinEmojiNames.map(function (k) {
 }).join('|') + ")", 'g');
 export var WeixinEmojiRender = /*#__PURE__*/function () {
   function WeixinEmojiRender() {}
-  WeixinEmojiRender.render = function render(text) {
+  WeixinEmojiRender.render = function render(text, options) {
     return text.replace(weixinEmojiRegExp, function (__, v) {
-      return HTMLRender.freeze("<img\n        src=\"" + weixinEmojiBaseUrl + weixinEmojiMap2[v] + ".png\"\n        class=\"" + _.weixinEmoji + "\"\n        alt=\"" + v + "\"\n      />");
+      var url = "" + weixinEmojiBaseUrl + weixinEmojiMap2[v] + ".png";
+      return HTMLRender.freeze(options.emojiRenderer === 'background' ? "<span style=\"background-image:url('" + url + "')\" class=\"" + _.weixinEmoji + " " + _.background + "\" alt=\"" + v + "\" />" : "<img src=\"" + url + "\" class=\"" + _.weixinEmoji + "\" alt=\"" + v + "\" />");
     });
   };
   return WeixinEmojiRender;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jayfong/x-text-render",
-  "version": "2.21.10",
+  "version": "2.22.0",
   "license": "ISC",
   "sideEffects": [
     "*.css"
@@ -25,7 +25,7 @@
     "vtils": "^4.95.0"
   },
   "devDependencies": {
-    "@jayfong/x-request": "^2.21.10",
+    "@jayfong/x-request": "^2.22.0",
     "fs-extra": "^10.0.1",
     "globby": "^11",
     "katex": "^0.16.8",