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

Comparing version 0.0.2 to 0.0.3

CHANGELOG.md

@@ -17,2 +17,9 @@ ## [0.0.1] (2023-07-07)
 ### Fix
+- 修复已知问题，提升稳定性
+
+## [0.0.3] (2023-08-09)
+### Features
+- 新增 音视频通话 功能
+- 新增 系统消息与群未决处理
+### Fix
 - 修复已知问题，提升稳定性

components/index.ts

 import TUIChat from "./TUIChat";
 import TUIConversation from "./TUIConversation";
-import TUIProfile from "./TUIProfile";
 import TUISearch from "./TUISearch";
@@ -10,3 +9,2 @@ import TUIContact from "./TUIContact";
   TUIConversation,
-  TUIProfile,
   TUIContact,
@@ -21,5 +19,4 @@ TUISearch,
   TUIConversation,
-  TUIProfile,
   TUIContact,
   TUISearch,
 };

components/TUIChat/index.ts

@@ -1,2 +0,6 @@
-import TUIChat from './index.vue';
-export default TUIChat;
+import TUIChat from "./index.vue";
+import Server from "./server";
+
+new Server();
+
+export default TUIChat;

components/TUIChat/message-input/message-input-at/index.ts

 import { SuggestionProps, SuggestionKeyDownProps } from "@tiptap/suggestion";
-import 
-TUIChatEngine,
-{
+import TUIChatEngine, {
   TUIGlobal,
@@ -40,10 +38,2 @@ TUIStore,
         isGroup = true;
-        const groupID = currentConversationID?.substring(5);
-        TUIGroupService.getGroupMemberList({
-          groupID,
-        }).then((res: any) => {
-          memberList = res?.data?.memberList;
-          allMemberList = [all, ...memberList];
-          showMemberList = allMemberList;
-        });
       } else {
@@ -59,2 +49,12 @@ memberList = [];
 
+TUIStore.watch(StoreName.CUSTOM, {
+  memberList: (list: Array<any>) => {
+    if (Array.isArray(list)) {
+      memberList = list;
+      allMemberList = [all, ...memberList];
+      showMemberList = allMemberList;
+    }
+  },
+});
+
 const MessageInputAtSuggestion = () => {
@@ -61,0 +61,0 @@ return {

components/TUIChat/utils/sendMessage.ts

@@ -29,2 +29,6 @@ import { TUIChatService } from "@tencentcloud/chat-uikit-engine";
           // @ text message
+          // 禁止发送空消息
+          if(!JSON.parse(JSON.stringify(content?.payload?.text))){
+            break;
+          }
           if (content?.payload?.atUserList) {
@@ -31,0 +35,0 @@ options.payload = {

components/TUIChat/utils/utils.ts

@@ -120,2 +120,1 @@ // Determine whether it is url
 }
-

constant.ts

@@ -37,2 +37,2 @@ export const CONV_OPERATION = {
   TARGET: "target",
-};
+};

index.ts

@@ -7,3 +7,2 @@ import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
   TUIConversation,
-  TUIProfile,
   TUIContact,
@@ -21,3 +20,2 @@ TUISearch,
   TUIConversation,
-  TUIProfile,
   TUIContact,
@@ -24,0 +22,0 @@ TUISearch,

locales/en/TUIChat.ts

@@ -71,4 +71,11 @@ const TUIChat = {
   "您当前购买使用的套餐包暂未开通此功能": "The package you purchased does not support this ability.",
+  "条入群申请": "Item group application",
+  "点击处理": "Click action",
+  "申请加入": "Application for join in",
+  "同意": "Agree",
+  "拒绝": "Reject",
+  "已同意": "Approved",
+  "已拒绝": "Rejected",
 };
 
 export default TUIChat;

locales/en/TUIContact.ts

@@ -25,5 +25,8 @@ const TUIContact = {
   "发送消息": "Send Message",
-  "个性签名": "Signature"
+  "个性签名": "Signature",
+  "等待管理员同意": "Successful application, waiting for the administrator to agree to join the group application",
+  "加群成功": "Join the group successfully",
+  "您已是群成员": "You are already a group member",
 }
 
 export default TUIContact;

locales/zh_cn/TUIChat.ts

@@ -73,4 +73,11 @@ const TUIChat = {
   "您当前购买使用的套餐包暂未开通此功能": "您当前购买使用的套餐包暂未开通此功能。",
+  "条入群申请": "条入群申请",
+  "点击处理": "点击处理",
+  "申请加入": "申请加入",
+  "同意": "同意",
+  "拒绝": "拒绝",
+  "已同意": "已同意",
+  "已拒绝": "已拒绝",
 };
 
 export default TUIChat;

locales/zh_cn/TUIContact.ts

@@ -27,5 +27,8 @@ import translate from "./translate"
   "发送消息": "发送消息",
-  "个性签名": "个性签名"
+  "个性签名": "个性签名",
+  "等待管理员同意": "申请成功，等待管理员同意入群申请",
+  "加群成功": "加群成功",
+  "您已是群成员": "您已是群成员",
 }
 
 export default TUIContact;

package.json

 {
   "name": "@tencentcloud/chat-uikit-vue2",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "TUIKit 是基于 IM SDK 实现的一套 UI 组件，其包含会话、聊天、群组、个人资料等功能，基于 TUIKit 组件您可以像搭积木一样快速搭建起自己的业务逻辑。",
@@ -18,4 +18,6 @@ "keywords": [
   "dependencies": {
-    "@tencentcloud/chat-uikit-engine": "^0.0.3",
-    "@tencentcloud/tui-core": "^0.0.2",
+    "@tencentcloud/chat-uikit-engine": "^0.0.4",
+    "@tencentcloud/tui-core": "^0.0.3",
+    "@tencentcloud/call-uikit-vue": "3.0.1",
+    "@tencentcloud/call-uikit-vue2": "3.0.1",
     "vue-clipboard3": "2.0.0",
@@ -22,0 +24,0 @@ "@tiptap/core": "^2.0.0-beta.220",

README.md

@@ -9,4 +9,2 @@ ## 关于 chat-uikit-vue2
 
-(“TUIContact 关系链功能”及“音视频通话功能”正在开发中，敬请期待)
-
 ## 发送您的第一条消息
@@ -91,3 +89,3 @@
   // UserSig 是用户登录即时通信 IM 的密码，其本质是对 UserID 等信息加密后得到的密文。
-  // 该方法仅适合本地跑通 Demo 和功能调试，详情请参见 https://cloud.tencent.com/document/product/269/32688  
+  // 该方法仅适合本地跑通 Demo 和功能调试，详情请参见 https://cloud.tencent.com/document/product/269/32688
   userSig: genTestUserSig({
@@ -104,3 +102,3 @@ SDKAppID,
   useProfanityFilterPlugin: false,
-  framework: 'vue2'
+  framework: "vue2",
 });
@@ -145,2 +143,11 @@
     </div>
+    <!-- TUICallKit 组件：通话 UI 组件主体 -->
+    <TUICallKit
+      :class="
+        !showCallMini ? 'callkit-drag-container' : 'callkit-drag-container-mini'
+      "
+      :allowedMinimized="true"
+      :allowedFullScreen="false"
+      :onMinimized="() => {showCallMini = true;}"
+    />
   </div>
@@ -153,2 +160,3 @@ </template>
 import { TUISearch, TUIConversation, TUIChat } from "./TUIKit";
+import { TUICallKit } from "@tencentcloud/call-uikit-vue2";
 
@@ -161,2 +169,3 @@ export default Vue.extend({
     TUIChat,
+    TUICallKit,
   },
@@ -168,2 +177,3 @@ data() {
       currentConversationID: "",
+      showCallMini: false,
     };
@@ -204,2 +214,18 @@ },
 }
+.callkit-drag-container {
+  position: fixed;
+  left: calc(50% - 25rem);
+  top: calc(50% - 18rem);
+  width: 50rem;
+  height: 36rem;
+  border-radius: 16px;
+  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
+}
+.callkit-drag-container-mini {
+  position: fixed;
+  width: 168px;
+  height: 56px;
+  right: 10px;
+  top: 70px;
+}
 </style>
@@ -220,2 +246,6 @@
 
+### 步骤 8: 拨打您的第一通电话
+<img width="1015" alt="page05" src="https://user-images.githubusercontent.com/57951148/196082955-e046f0b1-bba2-491d-91b3-f30f2c6f4aae.png">
+
+
 ### 常见问题
@@ -265,4 +295,4 @@
 - [chat-uikit-vue3 Demo 源码下载](https://github.com/TencentCloud/chat-uikit-vue/tree/main/Vue3/Demo)
-- [@tencentcloud/chat-uikit-vue2 npm仓库（vue2版本）](https://www.npmjs.com/package/@tencentcloud/chat-uikit-vue2)
-- [@tencentcloud/chat-uikit-vue npm仓库（vue3版本）](https://www.npmjs.com/package/@tencentcloud/chat-uikit-vue)
-- [CHAT WEB DEMO 体验地址](https://web.sdk.qcloud.com/im/demo/latest/index.html)
+- [@tencentcloud/chat-uikit-vue2 npm 仓库（vue2 版本）](https://www.npmjs.com/package/@tencentcloud/chat-uikit-vue2)
+- [@tencentcloud/chat-uikit-vue npm 仓库（vue3 版本）](https://www.npmjs.com/package/@tencentcloud/chat-uikit-vue)
+- [CHAT WEB DEMO 体验地址](https://web.sdk.qcloud.com/im/demo/latest/index.html)

server.ts

 import TUICore, { TUILogin, TUIConstants } from "@tencentcloud/tui-core";
-import 
+import
 TUIChatEngine,
@@ -11,2 +11,3 @@ {
 import { isFunction, isObject } from "./utils";
+import CallkitPluginServer from "./plugins/extension-server/callkit";
 export default class TUIChatKit {
@@ -27,2 +28,3 @@ public chat: any;
     this.SDKAppID = 0;
+    this.TUIGlobal.global._isTIMCallKit = true;
     TUICore.registerEvent(
@@ -53,2 +55,6 @@ TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED,
   public init() {
+    // 原生插件 TUICallKit 存在时执行 call server
+    if(TUIGlobal.getPlatform() === "app") {
+      new CallkitPluginServer();
+    }
     // TUITranslateService init
@@ -148,5 +154,5 @@ TUITranslateService.provideLanguages({ ...TUILocales });
         '[TUIChatKit]: A plugin must either be a function or an object with an "plugin" ' +
-          "function." +
-          this.TUIPlugins[TUIPluginName] +
-          "does not comply with the above rules."
+        "function." +
+        this.TUIPlugins[TUIPluginName] +
+        "does not comply with the above rules."
       );
@@ -153,0 +159,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

870641

increased by4.48%

Number of package files

243

increased by4.29%

Lines of code

2947

increased by2.47%

Number of lines in readme file

289

increased by12.02%

Worsened metrics

Dependency count

23

increased by9.52%

Dependency changes

• + Added@tencentcloud/call-uikit-vue@3.0.1

• + Added@tencentcloud/call-uikit-vue2@3.0.1

• + Added@tencentcloud/call-uikit-vue@3.0.1(transitive)

• + Added@tencentcloud/call-uikit-vue2@3.0.1(transitive)

• + Added@tencentcloud/chat-uikit-engine@0.0.4(transitive)

• + Added@tencentcloud/tui-core@0.0.3(transitive)

• + Addedrtc-ai-denoiser@1.1.7(transitive)

• + Addedsdp@3.2.0(transitive)

• + Addedtrtc-js-sdk@4.15.22(transitive)

• + Addedtuicall-engine-webrtc@2.1.2(transitive)

• + Addedwebrtc-adapter@8.2.3(transitive)

• - Removed@tencentcloud/chat-uikit-engine@0.0.3(transitive)

• - Removed@tencentcloud/tui-core@0.0.2(transitive)

• Updated@tencentcloud/chat-uikit-engine@^0.0.4

• Updated@tencentcloud/tui-core@^0.0.3