@tencentcloud/chat-uikit-vue - npm Package Compare versions

Comparing version 2.0.4 to 2.0.5

CHANGELOG.md

@@ -0,1 +1,12 @@
+## [2.0.5] (2023-02-04)
+
+### Features
+
+- 新增表情回复功能
+- 添加音频播放动画
+
+### Fix
+
+- 语音场景优化 修复了语音播放相关的体验问题
+
 ## [2.0.4] (2023-01-19)
@@ -2,0 +13,0 @@

components/TUIChat/server.ts

@@ -60,2 +60,5 @@ import TUICore, { TUIConstants } from "@tencentcloud/tui-core";
         break;
+      case TUIConstants.TUIChat.SERVICE.METHOD.CLOSE_MESSAGE_POP_MENU:
+        TUIStore.update(StoreName.CUSTOM, "isShowMessagePopMenu", false);
+        break;
       default:
@@ -62,0 +65,0 @@ break;

components/TUIChat/utils/emojiList.ts

 import { IEmojiList } from "../../../interface";
 import { EMOJI_TYPE } from "../../../constant";
-export const basicEmojiUrl = 'https://web.sdk.qcloud.com/im/assets/emoji/';
-export const basicEmojiMap:any = {
-  '[NO]': '[e-mail]',
-  '[OK]': '[e-mail]',
-  '[下雨]': '[e-mail]',
-  '[么么哒]': '[e-mail]',
-  '[乒乓]': '[e-mail]',
-  '[便便]': '[e-mail]',
-  '[信封]': '[e-mail]',
-  '[偷笑]': '[e-mail]',
-  '[傲慢]': '[e-mail]',
-  '[再见]': '[e-mail]',
-  '[冷汗]': '[e-mail]',
-  '[凋谢]': '[e-mail]',
-  '[刀]': '[e-mail]',
-  '[删除]': '[e-mail]',
-  '[勾引]': '[e-mail]',
-  '[发呆]': '[e-mail]',
-  '[发抖]': '[e-mail]',
-  '[可怜]': '[e-mail]',
-  '[可爱]': '[e-mail]',
-  '[右哼哼]': '[e-mail]',
-  '[右太极]': '[e-mail]',
-  '[右车头]': '[e-mail]',
-  '[吐]': '[e-mail]',
-  '[吓]': '[e-mail]',
-  '[咒骂]': '[e-mail]',
-  '[咖啡]': '[e-mail]',
-  '[啤酒]': '[e-mail]',
-  '[嘘]': '[e-mail]',
-  '[回头]': '[e-mail]',
-  '[困]': '[e-mail]',
-  '[坏笑]': '[e-mail]',
-  '[多云]': '[e-mail]',
-  '[大兵]': '[e-mail]',
-  '[大哭]': '[e-mail]',
-  '[太阳]': '[e-mail]',
-  '[奋斗]': '[e-mail]',
-  '[奶瓶]': '[e-mail]',
-  '[委屈]': '[e-mail]',
-  '[害羞]': '[e-mail]',
-  '[尴尬]': '[e-mail]',
-  '[左哼哼]': '[e-mail]',
-  '[左太极]': '[e-mail]',
-  '[左车头]': '[e-mail]',
-  '[差劲]': '[e-mail]',
-  '[弱]': '[e-mail]',
-  '[强]': '[e-mail]',
-  '[彩带]': '[e-mail]',
-  '[彩球]': '[e-mail]',
-  '[得意]': '[e-mail]',
-  '[微笑]': '[e-mail]',
-  '[心碎了]': '[e-mail]',
-  '[快哭了]': '[e-mail]',
-  '[怄火]': '[e-mail]',
-  '[怒]': '[e-mail]',
-  '[惊恐]': '[e-mail]',
-  '[惊讶]': '[e-mail]',
-  '[憨笑]': '[e-mail]',
-  '[手枪]': '[e-mail]',
-  '[打哈欠]': '[e-mail]',
-  '[抓狂]': '[e-mail]',
-  '[折磨]': '[e-mail]',
-  '[抠鼻]': '[e-mail]',
-  '[抱抱]': '[e-mail]',
-  '[抱拳]': '[e-mail]',
-  '[拳头]': '[e-mail]',
-  '[挥手]': '[e-mail]',
-  '[握手]': '[e-mail]',
-  '[撇嘴]': '[e-mail]',
-  '[擦汗]': '[e-mail]',
-  '[敲打]': '[e-mail]',
-  '[晕]': '[e-mail]',
-  '[月亮]': '[e-mail]',
-  '[棒棒糖]': '[e-mail]',
-  '[汽车]': '[e-mail]',
-  '[沙发]': '[e-mail]',
-  '[流汗]': '[e-mail]',
-  '[流泪]': '[e-mail]',
-  '[激动]': '[e-mail]',
-  '[灯泡]': '[e-mail]',
-  '[炸弹]': '[e-mail]',
-  '[熊猫]': '[e-mail]',
-  '[爆筋]': '[e-mail]',
-  '[爱你]': '[e-mail]',
-  '[爱心]': '[e-mail]',
-  '[爱情]': '[e-mail]',
-  '[猪头]': '[e-mail]',
-  '[猫咪]': '[e-mail]',
-  '[献吻]': '[e-mail]',
-  '[玫瑰]': '[e-mail]',
-  '[瓢虫]': '[e-mail]',
-  '[疑问]': '[e-mail]',
-  '[白眼]': '[e-mail]',
-  '[皮球]': '[e-mail]',
-  '[睡觉]': '[e-mail]',
-  '[磕头]': '[e-mail]',
-  '[示爱]': '[e-mail]',
-  '[礼品袋]': '[e-mail]',
-  '[礼物]': '[e-mail]',
-  '[篮球]': '[e-mail]',
-  '[米饭]': '[e-mail]',
-  '[糗大了]': '[e-mail]',
-  '[红双喜]': '[e-mail]',
-  '[红灯笼]': '[e-mail]',
-  '[纸巾]': '[e-mail]',
-  '[胜利]': '[e-mail]',
-  '[色]': '[e-mail]',
-  '[药]': '[e-mail]',
-  '[菜刀]': '[e-mail]',
-  '[蛋糕]': '[e-mail]',
-  '[蜡烛]': '[e-mail]',
-  '[街舞]': '[e-mail]',
-  '[衰]': '[e-mail]',
-  '[西瓜]': '[e-mail]',
-  '[调皮]': '[e-mail]',
-  '[象棋]': '[e-mail]',
-  '[跳绳]': '[e-mail]',
-  '[跳跳]': '[e-mail]',
-  '[车厢]': '[e-mail]',
-  '[转圈]': '[e-mail]',
-  '[鄙视]': '[e-mail]',
-  '[酷]': '[e-mail]',
-  '[钞票]': '[e-mail]',
-  '[钻戒]': '[e-mail]',
-  '[闪电]': '[e-mail]',
-  '[闭嘴]': '[e-mail]',
-  '[闹钟]': '[e-mail]',
-  '[阴险]': '[e-mail]',
-  '[难过]': '[e-mail]',
-  '[雨伞]': '[e-mail]',
-  '[青蛙]': '[e-mail]',
-  '[面条]': '[e-mail]',
-  '[鞭炮]': '[e-mail]',
-  '[风车]': '[e-mail]',
-  '[飞吻]': '[e-mail]',
-  '[飞机]': '[e-mail]',
-  '[饥饿]': '[e-mail]',
-  '[香蕉]': '[e-mail]',
-  '[骷髅]': '[e-mail]',
-  '[麦克风]': '[e-mail]',
-  '[麻将]': '[e-mail]',
-  '[鼓掌]': '[e-mail]',
-  '[龇牙]': '[e-mail]',
-};
-
-export const basicEmojiList:Array<string> = [
-  '[龇牙]',
-  '[调皮]',
-  '[流汗]',
-  '[偷笑]',
-  '[再见]',
-  '[敲打]',
-  '[擦汗]',
-  '[猪头]',
-  '[玫瑰]',
-  '[流泪]',
-  '[大哭]',
-  '[嘘]',
-  '[酷]',
-  '[抓狂]',
-  '[委屈]',
-  '[便便]',
-  '[炸弹]',
-  '[菜刀]',
-  '[可爱]',
-  '[色]',
-  '[害羞]',
-  '[得意]',
-  '[吐]',
-  '[微笑]',
-  '[怒]',
-  '[尴尬]',
-  '[惊恐]',
-  '[冷汗]',
-  '[爱心]',
-  '[示爱]',
-  '[白眼]',
-  '[傲慢]',
-  '[难过]',
-  '[惊讶]',
-  '[疑问]',
-  '[困]',
-  '[么么哒]',
-  '[憨笑]',
-  '[爱情]',
-  '[衰]',
-  '[撇嘴]',
-  '[阴险]',
-  '[奋斗]',
-  '[发呆]',
-  '[右哼哼]',
-  '[抱抱]',
-  '[坏笑]',
-  '[飞吻]',
-  '[鄙视]',
-  '[晕]',
-  '[大兵]',
-  '[可怜]',
-  '[强]',
-  '[弱]',
-  '[握手]',
-  '[胜利]',
-  '[抱拳]',
-  '[凋谢]',
-  '[米饭]',
-  '[蛋糕]',
-  '[西瓜]',
-  '[啤酒]',
-  '[瓢虫]',
-  '[勾引]',
-  '[OK]',
-  '[爱你]',
-  '[咖啡]',
-  '[月亮]',
-  '[刀]',
-  '[发抖]',
-  '[差劲]',
-  '[拳头]',
-  '[心碎了]',
-  '[太阳]',
-  '[礼物]',
-  '[皮球]',
-  '[骷髅]',
-  '[挥手]',
-  '[闪电]',
-  '[饥饿]',
-  '[咒骂]',
-  '[折磨]',
-  '[抠鼻]',
-  '[鼓掌]',
-  '[糗大了]',
-  '[左哼哼]',
-  '[打哈欠]',
-  '[快哭了]',
-  '[吓]',
-  '[篮球]',
-  '[乒乓]',
-  '[NO]',
-  '[跳跳]',
-  '[怄火]',
-  '[转圈]',
-  '[磕头]',
-  '[回头]',
-  '[跳绳]',
-  '[激动]',
-  '[街舞]',
-  '[献吻]',
-  '[左太极]',
-  '[右太极]',
-  '[闭嘴]',
-  '[猫咪]',
-  '[红双喜]',
-  '[鞭炮]',
-  '[红灯笼]',
-  '[麻将]',
-  '[麦克风]',
-  '[礼品袋]',
-  '[信封]',
-  '[象棋]',
-  '[彩带]',
-  '[蜡烛]',
-  '[爆筋]',
-  '[棒棒糖]',
-  '[奶瓶]',
-  '[面条]',
-  '[香蕉]',
-  '[飞机]',
-  '[左车头]',
-  '[车厢]',
-  '[右车头]',
-  '[多云]',
-  '[下雨]',
-  '[钞票]',
-  '[熊猫]',
-  '[灯泡]',
-  '[风车]',
-  '[闹钟]',
-  '[雨伞]',
-  '[彩球]',
-  '[钻戒]',
-  '[沙发]',
-  '[纸巾]',
-  '[手枪]',
-  '[青蛙]',
-];
-
+import { emojiConfig } from "./emoji-config";
+export const basicEmojiUrl = emojiConfig.emojiBaseUrl;
+export const basicEmojiMap = emojiConfig.emojiUrlMapping;
+export const basicEmojiList = emojiConfig.emojiNameMapping;
+export const basicEmojiKey = emojiConfig.emojiKeyMapping;
 export const bigEmojiUrl = 'https://web.sdk.qcloud.com/im/assets/face-elem/';
@@ -320,5 +38,31 @@
     url: basicEmojiUrl,
-    list: basicEmojiList,
+    list: Object.keys(basicEmojiList),
   },
   ...bigEmojiList
 ];
+
+export const decodeTextMessage = (text: string) => {
+  if (!text) {
+    return '';
+  }
+  const reg = /(\[.+?\])/g;
+  let txt: string = text;
+  if (reg.test(text)) {
+    txt = text.replace(reg, (match) => basicEmojiList[match] || match);
+  }
+  return txt;
+};
+
+// 把中文的 value [微笑] 转化为英文的 key [TUIEmoji_Smile]
+export const transformEmojiValueToKey = (text: string) => {
+  if (!text) {
+    return '';
+  }
+  const reg = /(\[.+?\])/g;
+  let txt: string = text;
+  if (reg.test(text)) {
+    txt = text.replace(reg, (match) => basicEmojiKey[match] || match);
+  }
+  return txt;
+};
+

interface.ts

@@ -220,2 +220,23 @@ import { IMessageModel } from "@tencentcloud/chat-uikit-engine";
 
+export interface IAudioMessageContent {
+  showName: string;
+  url: string;
+  second: number;
+}
+
+export interface IAudioContext {
+  src: string | undefined;
+  startTime: number;
+  duration: number;
+  play: () => void;
+  pause: () => void;
+  stop: () => void;
+  destroy: () => void;
+  onPlay: (callback: (...args: unknown[]) => void) => void;
+  onPause: (callback: (...args: unknown[]) => void) => void;
+  onStop: (callback: (...args: unknown[]) => void) => void;
+  onEnded: (callback: (...args: unknown[]) => void) => void;
+  onError: (callback: (...args: unknown[]) => void) => void;
+}
+
 export interface ITipTapEditorContent {
@@ -222,0 +243,0 @@ type: "text" | "image" | "video" | "file";

package.json

 {
   "name": "@tencentcloud/chat-uikit-vue",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "repository": "https://github.com/TencentCloud/chat-uikit-vue",
@@ -25,2 +25,3 @@ "description": "TUIKit 是基于 IM SDK 实现的一套 UI 组件，其包含会话、聊天、群组、个人资料等功能，基于 TUIKit 组件您可以像搭积木一样快速搭建起自己的业务逻辑。",
     "@tencentcloud/call-uikit-vue2.6": "latest",
+    "@tencentcloud/tui-emoji-plugin": "latest",
     "@tencentcloud/tui-customer-service-plugin": "latest",
@@ -27,0 +28,0 @@ "vue-clipboard3": "2.0.0",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1171191

increased by1.19%

Number of package files

349

increased by0.58%

Worsened metrics

Dependency count

29

increased by3.57%

Lines of code

5649

decreased by-0.41%

Dependency changes

• + Added@tencentcloud/tui-emoji-plugin@latest

• + Added@tencentcloud/tui-emoji-plugin@2.2.8(transitive)