tuikit-atomicx-vue3 4.5.0 → 4.5.2

package/dist/types/index.js

@@ -2,54 +2,55 @@ import { AudioRoute as t, DeviceError as a, DevicePermission as r, DeviceStatus
 import { QuoteTypeEnum as l, TranslationStatusEnum as y, VoiceToTextStatusEnum as v } from "./message.js";
 import { VariantType as c, defaultTypeLabels as I } from "./search.js";
 import { ConversationType as U, MessageType as f, SearchType as S } from "./engine.js";
-import { CreateConvTypes as C, GroupLabelTypes as E, GroupType as M, PageStateTypes as L, PlaceHolderTypes as g } from "./conversation.js";
+import { CreateConvTypes as x, GroupLabelTypes as E, GroupType as M, PageStateTypes as L, PlaceHolderTypes as g } from "./conversation.js";
 import { ContactItemType as D, GroupApplicationType as k } from "./contact.js";
 import { CallMediaType as A } from "./call.js";
-import { TRTCRole as G, TUIAudioQuality as Q, TUIAudioRoute as O, TUICaptureSourceType as H, TUIChangeReason as b, TUIConferenceCancelReason as q, TUIConferenceInvitationManagerEvents as K, TUIConferenceListManagerEvents as N, TUIConferenceStatus as h, TUIErrorCode as w, TUIInvitationCode as F, TUIInvitationRejectedReason as j, TUIInvitationStatus as z, TUIKickedOutOfRoomReason as J, TUILiveLayoutManagerEvents as W, TUILiveListManagerEvents as X, TUILiveModifyFlag as Y, TUIMediaDevice as Z, TUIMediaDeviceState as _, TUIMediaDeviceType as $, TUINetworkQuality as ee, TUIRequestAction as oe, TUIRequestCallbackType as te, TUIResolutionMode as ae, TUIRole as re, TUIRoomDismissedReason as ie, TUIRoomEvents as ne, TUIRoomType as pe, TUISeatMode as Te, TUIVideoQuality as se, TUIVideoStreamType as ue } from "./types.js";
+import { TRTCRole as G, TUIAudioQuality as Q, TUIAudioRoute as O, TUICaptureSourceType as H, TUIChangeReason as b, TUIConferenceCancelReason as q, TUIConferenceInvitationManagerEvents as K, TUIConferenceListManagerEvents as N, TUIConferenceStatus as h, TUIErrorCode as j, TUIInvitationCode as w, TUIInvitationRejectedReason as F, TUIInvitationStatus as z, TUIKickedOutOfRoomReason as J, TUILiveLayoutManagerEvents as W, TUILiveListManagerEvents as X, TUILiveModifyFlag as Y, TUIMediaDevice as Z, TUIMediaDeviceState as _, TUIMediaDeviceType as $, TUINetworkQuality as ee, TUIRequestAction as oe, TUIRequestCallbackType as te, TUIResolutionMode as ae, TUIRole as re, TUIRoomDismissedReason as ie, TUIRoomEvents as ne, TUIRoomType as pe, TUISeatMode as Te, TUIVideoQuality as se, TUIVideoStreamType as ue } from "./types.js";
 import { LiveEndedReason as le, LiveKickedOutReason as ye, LiveListEvent as ve, LiveOrientation as Re, LiveType as ce } from "./live.js";
 import { StreamPlayMode as de, StreamPlayQuality as Ue } from "./stream.js";
 import { LiveAudienceEvent as Se } from "./audience.js";
-import { DeviceControlPolicy as Ce, LiveSeatEvent as Ee, MoveSeatPolicy as Me, Role as Le } from "./seat.js";
+import { DeviceControlPolicy as xe, LiveSeatEvent as Ee, MoveSeatPolicy as Me, Role as Le } from "./seat.js";
 import { MonitorDeviceStatus as Pe } from "./monitor.js";
 import { GuestEvent as ke, HostEvent as Ve, NoResponseReason as Ae } from "./coGuest.js";
 import { CoHostEvent as Ge, CoHostLayoutTemplate as Qe, CoHostStatus as Oe } from "./coHost.js";
 import { BattleEndedReason as be, BattleEvent as qe } from "./battle.js";
 import { BarrageType as Ne } from "./barrage.js";
-import { RoomCallResult as we, RoomCallStatus as Fe, RoomEvent as je, RoomStatus as ze } from "./room.js";
-import { FillMode as We, KickedOutOfRoomReason as Xe, RoomLayoutTemplate as Ye, RoomParticipantEvent as Ze, RoomParticipantRole as _e, RoomParticipantStatus as $e, VideoStreamType as eo } from "./participant.js";
-import { TRTCBeautyStyle as to } from "./beauty.js";
-import { VirtualBackgroundEvent as ro, VirtualBackgroundType as io } from "./virtualBackground.js";
-import { BattleStatus as po, ConnectionStatus as To, RequestType as so, SeatStatus as uo, StreamPlayStatus as mo, UserAction as lo, UserRoomStatus as yo } from "./user.js";
-import { GroupInviteType as Ro, GroupMemberRole as co, GroupPermission as Io } from "../states/GroupSettingState/types.js";
+import { CallRejectReason as je, RoomCallResult as we, RoomCallStatus as Fe, RoomEvent as ze, RoomStatus as Je } from "./room.js";
+import { FillMode as Xe, KickedOutOfRoomReason as Ye, RoomLayoutTemplate as Ze, RoomParticipantEvent as _e, RoomParticipantRole as $e, RoomParticipantStatus as eo, VideoStreamType as oo } from "./participant.js";
+import { TRTCBeautyStyle as ao } from "./beauty.js";
+import { VirtualBackgroundEvent as io, VirtualBackgroundType as no } from "./virtualBackground.js";
+import { BattleStatus as To, ConnectionStatus as so, RequestType as uo, SeatStatus as mo, StreamPlayStatus as lo, UserAction as yo, UserRoomStatus as vo } from "./user.js";
+import { GroupInviteType as co, GroupMemberRole as Io, GroupPermission as Uo } from "../states/GroupSettingState/types.js";
 export {
   t as AudioRoute,
   Ne as BarrageType,
   be as BattleEndedReason,
   qe as BattleEvent,
-  po as BattleStatus,
+  To as BattleStatus,
   A as CallMediaType,
+  je as CallRejectReason,
   Ge as CoHostEvent,
   Qe as CoHostLayoutTemplate,
   Oe as CoHostStatus,
-  To as ConnectionStatus,
+  so as ConnectionStatus,
   D as ContactItemType,
   U as ConversationType,
-  C as CreateConvTypes,
-  Ce as DeviceControlPolicy,
+  x as CreateConvTypes,
+  xe as DeviceControlPolicy,
   a as DeviceError,
   r as DevicePermission,
   i as DeviceStatus,
   n as DeviceType,
-  We as FillMode,
+  Xe as FillMode,
   k as GroupApplicationType,
-  Ro as GroupInviteType,
+  co as GroupInviteType,
   E as GroupLabelTypes,
-  co as GroupMemberRole,
-  Io as GroupPermission,
+  Io as GroupMemberRole,
+  Uo as GroupPermission,
   M as GroupType,
   ke as GuestEvent,
   Ve as HostEvent,
-  Xe as KickedOutOfRoomReason,
+  Ye as KickedOutOfRoomReason,
   Se as LiveAudienceEvent,
   le as LiveEndedReason,
   ye as LiveKickedOutReason,
@@ -67,22 +68,22 @@ export {
   L as PageStateTypes,
   g as PlaceHolderTypes,
   l as QuoteTypeEnum,
-  so as RequestType,
+  uo as RequestType,
   Le as Role,
   we as RoomCallResult,
   Fe as RoomCallStatus,
-  je as RoomEvent,
-  Ye as RoomLayoutTemplate,
-  Ze as RoomParticipantEvent,
-  _e as RoomParticipantRole,
-  $e as RoomParticipantStatus,
-  ze as RoomStatus,
+  ze as RoomEvent,
+  Ze as RoomLayoutTemplate,
+  _e as RoomParticipantEvent,
+  $e as RoomParticipantRole,
+  eo as RoomParticipantStatus,
+  Je as RoomStatus,
   S as SearchType,
-  uo as SeatStatus,
+  mo as SeatStatus,
   de as StreamPlayMode,
   Ue as StreamPlayQuality,
-  mo as StreamPlayStatus,
-  to as TRTCBeautyStyle,
+  lo as StreamPlayStatus,
+  ao as TRTCBeautyStyle,
   G as TRTCRole,
   Q as TUIAudioQuality,
   O as TUIAudioRoute,
@@ -92,9 +93,9 @@ export {
   K as TUIConferenceInvitationManagerEvents,
   N as TUIConferenceListManagerEvents,
   h as TUIConferenceStatus,
-  w as TUIErrorCode,
-  F as TUIInvitationCode,
-  j as TUIInvitationRejectedReason,
+  j as TUIErrorCode,
+  w as TUIInvitationCode,
+  F as TUIInvitationRejectedReason,
   z as TUIInvitationStatus,
   J as TUIKickedOutOfRoomReason,
   W as TUILiveLayoutManagerEvents,
@@ -115,13 +116,13 @@ export {
   se as TUIVideoQuality,
   ue as TUIVideoStreamType,
   y as TranslationStatusEnum,
-  lo as UserAction,
-  yo as UserRoomStatus,
+  yo as UserAction,
+  vo as UserRoomStatus,
   c as VariantType,
   u as VideoQuality,
-  eo as VideoStreamType,
-  ro as VirtualBackgroundEvent,
-  io as VirtualBackgroundType,
+  oo as VideoStreamType,
+  io as VirtualBackgroundEvent,
+  no as VirtualBackgroundType,
   v as VoiceToTextStatusEnum,
   I as defaultTypeLabels
 };

package/dist/types/participant.d.ts

@@ -139,6 +139,8 @@ export interface IRoomParticipantState {
         userId: string;
         device: DeviceType;
     }): Promise<void>;
+    muteMicrophone(): Promise<void>;
+    unmuteMicrophone(): Promise<void>;
     subscribeEvent(event: RoomParticipantEvent, callback: RoomParticipantEventPayloads[keyof RoomParticipantEventPayloads]): void;
     unsubscribeEvent(event: RoomParticipantEvent, callback: RoomParticipantEventPayloads[keyof RoomParticipantEventPayloads]): void;
 }

package/dist/types/room.d.ts

@@ -61,6 +61,22 @@ export declare enum RoomCallResult {
     AlreadyInCalling = 1,
     AlreadyInRoom = 2
 }
+/**
+ * 呼叫拒绝原因枚举
+ * @enum {number}
+ * @description 表示呼叫被拒绝的原因。
+ *
+ */
+export declare enum CallRejectReason {
+    /**
+     * 用户拒绝呼叫
+     */
+    Rejected = 0,
+    /**
+     * 用户已在其他房间中
+     */
+    InOtherRoom = 1
+}
 export interface RoomCall {
     caller: RoomUser;
     callee: RoomUser;
@@ -157,6 +173,21 @@ export declare enum RoomEvent {
     onCallCancelled = "onCallCancelled",
     onCallTimeout = "onCallTimeout",
     onCallAccepted = "onCallAccepted",
+    /**
+     * 当您发出的呼叫被被叫方拒绝时触发。
+     * @event
+     * @param {object} options - 事件参数对象
+     * @param {RoomInfo} options.roomInfo - 房间信息
+     * @param {RoomCall} options.call - 呼叫信息
+     * @param {string} options.extensionInfo - 被叫方拒绝的原因或附加信息
+     * @example
+     * import { useRoomState, RoomEvent } from 'tuikit-atomicx-vue3';
+     *
+     * const roomState = useRoomState();
+     * roomState.subscribeEvent(RoomEvent.onCallRejected, ({ roomInfo, call, reason }) => {
+     *   console.log(`${call.callee.userName} 拒绝了您的呼叫: ${reason}`);
+     * });
+     */
     onCallRejected = "onCallRejected",
     onCallHandledByOtherDevice = "onCallHandledByOtherDevice",
     onCallRevokedByAdmin = "onCallRevokedByAdmin"
@@ -196,11 +227,24 @@ export interface RoomEventHandlers {
         roomInfo: RoomInfo;
         call: RoomCall;
     }) => void;
+    /**
+     * onCallRejected 事件处理函数
+     * @param options - 事件数据
+     * @param options.roomInfo - 房间信息
+     * @param options.call - 呼叫信息
+     * @param options.reason - 被叫方拒绝原因
+     */
     onCallRejected: (options: {
         roomInfo: RoomInfo;
         call: RoomCall;
-        extensionInfo: string;
+        reason: CallRejectReason;
     }) => void;
+    /**
+     * onCallHandledByOtherDevice 事件处理函数
+     * @param options - 事件数据
+     * @param options.roomInfo - 房间信息
+     * @param options.isAccepted - 呼叫是否在其他设备上被接受
+     */
     onCallHandledByOtherDevice: (options: {
         roomInfo: RoomInfo;
         isAccepted: boolean;

package/dist/types/room.js

@@ -1,7 +1,8 @@
-var d = /* @__PURE__ */ ((e) => (e[e.Scheduled = 1] = "Scheduled", e[e.Running = 2] = "Running", e))(d || {}), n = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Calling = 1] = "Calling", e[e.Timeout = 2] = "Timeout", e[e.Rejected = 3] = "Rejected", e))(n || {}), l = /* @__PURE__ */ ((e) => (e[e.Success = 0] = "Success", e[e.AlreadyInCalling = 1] = "AlreadyInCalling", e[e.AlreadyInRoom = 2] = "AlreadyInRoom", e))(l || {}), c = /* @__PURE__ */ ((e) => (e.onAddedToScheduledRoom = "onAddedToScheduledRoom", e.onRemovedFromScheduledRoom = "onRemovedFromScheduledRoom", e.onScheduledRoomCancelled = "onScheduledRoomCancelled", e.onScheduledRoomStartingSoon = "onScheduledRoomStartingSoon", e.onRoomEnded = "onRoomEnded", e.onCallReceived = "onCallReceived", e.onCallCancelled = "onCallCancelled", e.onCallTimeout = "onCallTimeout", e.onCallAccepted = "onCallAccepted", e.onCallRejected = "onCallRejected", e.onCallHandledByOtherDevice = "onCallHandledByOtherDevice", e.onCallRevokedByAdmin = "onCallRevokedByAdmin", e))(c || {});
+var d = /* @__PURE__ */ ((e) => (e[e.Scheduled = 1] = "Scheduled", e[e.Running = 2] = "Running", e))(d || {}), n = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Calling = 1] = "Calling", e[e.Timeout = 2] = "Timeout", e[e.Rejected = 3] = "Rejected", e))(n || {}), c = /* @__PURE__ */ ((e) => (e[e.Success = 0] = "Success", e[e.AlreadyInCalling = 1] = "AlreadyInCalling", e[e.AlreadyInRoom = 2] = "AlreadyInRoom", e))(c || {}), r = /* @__PURE__ */ ((e) => (e[e.Rejected = 0] = "Rejected", e[e.InOtherRoom = 1] = "InOtherRoom", e))(r || {}), l = /* @__PURE__ */ ((e) => (e.onAddedToScheduledRoom = "onAddedToScheduledRoom", e.onRemovedFromScheduledRoom = "onRemovedFromScheduledRoom", e.onScheduledRoomCancelled = "onScheduledRoomCancelled", e.onScheduledRoomStartingSoon = "onScheduledRoomStartingSoon", e.onRoomEnded = "onRoomEnded", e.onCallReceived = "onCallReceived", e.onCallCancelled = "onCallCancelled", e.onCallTimeout = "onCallTimeout", e.onCallAccepted = "onCallAccepted", e.onCallRejected = "onCallRejected", e.onCallHandledByOtherDevice = "onCallHandledByOtherDevice", e.onCallRevokedByAdmin = "onCallRevokedByAdmin", e))(l || {});
 export {
-  l as RoomCallResult,
+  r as CallRejectReason,
+  c as RoomCallResult,
   n as RoomCallStatus,
-  c as RoomEvent,
+  l as RoomEvent,
   d as RoomStatus
 };

package/dist/{useId-CtirfF0W.js → useId-B1VwPJLm.js}

@@ -1,4 +1,4 @@
-import { i } from "./Teleport-CSEuZbpM.js";
+import { i } from "./Teleport-98QrIYDI.js";
 import * as t from "vue";
 let n = 0;
 function u(d, e = "reka") {

package/dist/utils/call.js

@@ -1,12 +1,14 @@
-import { TUIChatEngine as k, TUIFriendService as U, TUIUserService as L } from "@tencentcloud/chat-uikit-engine";
-import R, { TUIConstants as T } from "@tencentcloud/tui-core";
+import { TUIChatEngine as L, TUIFriendService as U, TUIUserService as N } from "@tencentcloud/chat-uikit-engine";
+import S, { TUIConstants as c } from "@tencentcloud/tui-core";
 import { safeJSONParse as u } from "./json.js";
-function P(r) {
+import "../components/UIKitModal/chatErrorModal/index.js";
+import { showChatErrorModalById as R, ChatErrorModalId as k } from "../components/UIKitModal/chatErrorModal/chatErrorModal.js";
+function G(a) {
   try {
-    const e = u(r.payload.data, {});
+    const e = u(a.payload.data, {});
     if (e.businessID === 1 && e.data) {
-      const s = u(e.data, {});
-      if (s.businessID === "av_call" || s.businessID === "rtc_call")
+      const i = u(e.data, {});
+      if (i.businessID === "av_call" || i.businessID === "rtc_call")
         return !0;
     }
   } catch {
@@ -14,42 +16,46 @@ function P(r) {
   }
   return !1;
 }
-function q(r) {
-  R.callService({
-    serviceName: T.TUICalling.SERVICE.NAME,
-    method: T.TUICalling.SERVICE.METHOD.START_CALL,
+function H(a) {
+  if (!S.getService(c.TUICalling.SERVICE.NAME)) {
+    R(k.CALL_KIT_NOT_INTEGRATED);
+    return;
+  }
+  S.callService({
+    serviceName: c.TUICalling.SERVICE.NAME,
+    method: c.TUICalling.SERVICE.METHOD.START_CALL,
     params: {
-      ...r,
+      ...a,
       version: "v3"
     }
   });
 }
-function A(r) {
-  const e = u(r.payload.data, void 0);
+function V(a) {
+  const e = u(a.payload.data, void 0);
   if (!e)
     return;
-  const s = u(e.data, void 0);
-  return s ? {
-    description: r.payload.description,
-    extension: r.payload.extension,
+  const i = u(e.data, void 0);
+  return i ? {
+    description: a.payload.description,
+    extension: a.payload.extension,
     data: {
       businessID: e.businessID,
       timeout: e.timeout,
       data: {
-        businessID: s.businessID,
-        call_end: s.call_end,
-        call_type: s.call_type,
+        businessID: i.businessID,
+        call_end: i.call_end,
+        call_type: i.call_type,
         data: {
-          cmd: s.data.cmd,
-          inviter: s.data.inviter,
-          message: s.data.message,
-          room_id: s.data.room_id,
-          str_room_id: s.data.str_room_id
+          cmd: i.data.cmd,
+          inviter: i.data.inviter,
+          message: i.data.message,
+          room_id: i.data.room_id,
+          str_room_id: i.data.str_room_id
         },
-        platform: s.platform,
-        room_id: s.room_id,
-        userData: s.userData,
-        version: s.version
+        platform: i.platform,
+        room_id: i.room_id,
+        userData: i.userData,
+        version: i.version
       },
       inviteID: e.inviteID,
       groupID: e.groupID,
@@ -59,74 +65,74 @@ function A(r) {
     }
   } : void 0;
 }
-function N(r) {
-  if (!r || r <= 0)
+function x(a) {
+  if (!a || a <= 0)
     return "00:00";
-  const e = Math.floor(r / 3600), s = Math.floor(r % 3600 / 60), i = Math.floor(r % 60);
-  return e > 0 ? `${e.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}:${i.toString().padStart(2, "0")}` : `${s.toString().padStart(2, "0")}:${i.toString().padStart(2, "0")}`;
+  const e = Math.floor(a / 3600), i = Math.floor(a % 3600 / 60), s = Math.floor(a % 60);
+  return e > 0 ? `${e.toString().padStart(2, "0")}:${i.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}` : `${i.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`;
 }
-function S(r, e = 12) {
-  return !r || r.length <= e ? r : `${r.substring(0, e)}...`;
+function $(a, e = 12) {
+  return !a || a.length <= e ? a : `${a.substring(0, e)}...`;
 }
-function V(r) {
-  return U.getFriendRemark([r])[r] || "";
+function B(a) {
+  return U.getFriendRemark([a])[a] || "";
 }
-const c = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map();
-function D(r, e) {
-  var f, g, _, m, p, C, M, h, v, I, w;
-  const s = A(r);
-  if (!s || s.data.businessID !== 1)
+const f = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
+function J(a, e) {
+  var g, _, m, p, C, M, h, I, v, T, w;
+  const i = V(a);
+  if (!i || i.data.businessID !== 1)
     return "";
-  const { data: i } = s, a = i.data, l = r.fromAccount || r.from, d = V(l), t = k.getMyUserID();
-  let n = d || r.nameCard || r.nick || l;
-  switch (n = S(n), i.actionType) {
+  const { data: s } = i, r = s.data, l = a.fromAccount || a.from, d = B(l), t = L.getMyUserID();
+  let n = d || a.nameCard || a.nick || l;
+  switch (n = $(n), s.actionType) {
     case 1:
-      return (((f = a == null ? void 0 : a.data) == null ? void 0 : f.cmd) === "audioCall" || ((g = a == null ? void 0 : a.data) == null ? void 0 : g.cmd) === "videoCall") && i.groupID ? e("CallMessage.start_call", { messageSender: n }) : ((_ = a == null ? void 0 : a.data) == null ? void 0 : _.cmd) === "hangup" ? i.groupID ? e("CallMessage.call_ended") : `${e("CallMessage.call_duration")}: ${N(a == null ? void 0 : a.call_end)}` : ((m = a == null ? void 0 : a.data) == null ? void 0 : m.cmd) === "switchToAudio" ? e("CallMessage.switch_to_audio_call") : ((p = a == null ? void 0 : a.data) == null ? void 0 : p.cmd) === "switchToVideo" ? e("CallMessage.switch_to_video_call") : e("CallMessage.start_call", { messageSender: "" });
+      return (((g = r == null ? void 0 : r.data) == null ? void 0 : g.cmd) === "audioCall" || ((_ = r == null ? void 0 : r.data) == null ? void 0 : _.cmd) === "videoCall") && s.groupID ? e("CallMessage.start_call", { messageSender: n }) : ((m = r == null ? void 0 : r.data) == null ? void 0 : m.cmd) === "hangup" ? s.groupID ? e("CallMessage.call_ended") : `${e("CallMessage.call_duration")}: ${x(r == null ? void 0 : r.call_end)}` : ((p = r == null ? void 0 : r.data) == null ? void 0 : p.cmd) === "switchToAudio" ? e("CallMessage.switch_to_audio_call") : ((C = r == null ? void 0 : r.data) == null ? void 0 : C.cmd) === "switchToVideo" ? e("CallMessage.switch_to_video_call") : e("CallMessage.start_call", { messageSender: "" });
     case 2:
-      return i.groupID ? `${n} ${e("CallMessage.cancel_call")}` : i.inviter === t ? e("CallMessage.canceled") : e("CallMessage.canceled_by_recipient");
+      return s.groupID ? `${n} ${e("CallMessage.cancel_call")}` : s.inviter === t ? e("CallMessage.canceled") : e("CallMessage.canceled_by_recipient");
     case 3:
-      return ((C = a == null ? void 0 : a.data) == null ? void 0 : C.cmd) === "switchToAudio" ? e("CallMessage.switch_to_audio_call") : ((M = a == null ? void 0 : a.data) == null ? void 0 : M.cmd) === "switchToVideo" ? e("CallMessage.switch_to_video_call") : i.groupID ? `${n} ${e("CallMessage.answered")}` : e("CallMessage.answered");
+      return ((M = r == null ? void 0 : r.data) == null ? void 0 : M.cmd) === "switchToAudio" ? e("CallMessage.switch_to_audio_call") : ((h = r == null ? void 0 : r.data) == null ? void 0 : h.cmd) === "switchToVideo" ? e("CallMessage.switch_to_video_call") : s.groupID ? `${n} ${e("CallMessage.answered")}` : e("CallMessage.answered");
     case 4:
-      return i.groupID ? `${n} ${e("CallMessage.decline_call")}` : (a == null ? void 0 : a.line_busy) === "line_busy" || ((h = a == null ? void 0 : a.data) == null ? void 0 : h.message) === "lineBusy" ? i.inviter === t ? e("CallMessage.line_busy") : e("CallMessage.missed_due_to_busy") : i.inviter === t ? e("CallMessage.declined_by_recipient") : e("CallMessage.declined");
+      return s.groupID ? `${n} ${e("CallMessage.decline_call")}` : (r == null ? void 0 : r.line_busy) === "line_busy" || ((I = r == null ? void 0 : r.data) == null ? void 0 : I.message) === "lineBusy" ? s.inviter === t ? e("CallMessage.line_busy") : e("CallMessage.missed_due_to_busy") : s.inviter === t ? e("CallMessage.declined_by_recipient") : e("CallMessage.declined");
     case 5:
-      if (((v = a == null ? void 0 : a.data) == null ? void 0 : v.cmd) === "switchToAudio")
+      if (((v = r == null ? void 0 : r.data) == null ? void 0 : v.cmd) === "switchToAudio")
         return e("CallMessage.switch_to_audio_call");
-      if (((I = a == null ? void 0 : a.data) == null ? void 0 : I.cmd) === "switchToVideo")
+      if (((T = r == null ? void 0 : r.data) == null ? void 0 : T.cmd) === "switchToVideo")
         return e("CallMessage.switch_to_video_call");
-      if (i.groupID) {
-        if (l === i.inviter) {
-          x(i.inviteeList);
+      if (s.groupID) {
+        if (l === s.inviter) {
+          O(s.inviteeList);
           let o = "";
-          return (w = i.inviteeList) == null || w.forEach((y) => {
-            const E = c.get(y) || y;
-            o += `${S(E)}、`;
+          return (w = s.inviteeList) == null || w.forEach((y) => {
+            const A = f.get(y) || y;
+            o += `${$(A)}、`;
           }), o = o.substring(0, o.lastIndexOf("、")), `${o} ${e("CallMessage.no_answer")}`;
         }
         return `${n} ${e("CallMessage.no_answer")}`;
       }
-      return i.inviter === t ? e("CallMessage.no_answer_from_recipient") : e("CallMessage.no_answer_timeout");
+      return s.inviter === t ? e("CallMessage.no_answer_from_recipient") : e("CallMessage.no_answer_timeout");
     default:
       return "";
   }
 }
-function x(r = []) {
-  if (r.length === 0)
+function O(a = []) {
+  if (a.length === 0)
     return;
-  const e = U.getFriendRemark(r), s = [];
-  r.forEach((i) => {
-    const a = e[i];
-    a ? c.set(i, a) : $.has(i) || (s.push(i), $.set(i, 1));
-  }), s.length > 0 && L.getUserProfile({ userIDList: s }).then((i) => {
-    (i.data || []).forEach((l) => {
+  const e = U.getFriendRemark(a), i = [];
+  a.forEach((s) => {
+    const r = e[s];
+    r ? f.set(s, r) : E.has(s) || (i.push(s), E.set(s, 1));
+  }), i.length > 0 && N.getUserProfile({ userIDList: i }).then((s) => {
+    (s.data || []).forEach((l) => {
       const { userID: d, nick: t } = l, n = t || d;
-      c.set(d, n);
+      f.set(d, n);
     });
   }).catch(() => {
   });
 }
 export {
-  P as isCallMessage,
-  A as parseCallMessage,
-  D as parseCallMessageText,
-  q as startCall
+  G as isCallMessage,
+  V as parseCallMessage,
+  J as parseCallMessageText,
+  H as startCall
 };

package/dist/{utils-DaB7eSu5.js → utils-BU8IkP_V.js}

@@ -1,4 +1,4 @@
-import { g as E } from "./Teleport-CSEuZbpM.js";
+import { g as E } from "./Teleport-98QrIYDI.js";
 const m = "menu.itemSelect", x = ["Enter", " "], S = [
   "ArrowDown",
   "PageUp",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tuikit-atomicx-vue3",
-  "version": "4.5.0",
+  "version": "4.5.2",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -16,8 +16,8 @@
       "import": "./dist/index.js"
     },
     "./chat": {
-      "types": "./dist/chat/index.d.ts",
-      "import": "./dist/chat/index.js"
+      "types": "./dist/subEntry/chat/index.d.ts",
+      "import": "./dist/subEntry/chat/index.js"
     },
     "./live": {
       "types": "./dist/subEntry/live/index.d.ts",
@@ -41,7 +41,6 @@
     "check-chinese:src": "node scripts/check-chinese-simple.js directory src",
     "check-chinese:staged": "node scripts/check-chinese-simple.js staged",
     "pre-commit": "npm run check-chinese:staged",
-    "publish": "npm publish --access public",
     "test:pre": "node scripts/test-pre.js",
     "test": "playwright test",
     "test:ci": "playwright test || exit 0",
@@ -57,14 +56,16 @@
     "@tencentcloud/chat-uikit-engine": "~2.5.7",
     "@tencentcloud/tui-core": "latest",
     "@tencentcloud/tuiroom-engine-js": "~3.5.0",
-    "@tencentcloud/uikit-base-component-vue3": "1.3.0",
-    "vue": "^3.4.21"
+    "@tencentcloud/uikit-base-component-vue3": "1.3.2",
+    "vue": "^3.4.0"
   },
   "dependencies": {
     "@tencentcloud/universal-api": "^2.4.0",
+    "@tiptap/extension-mention": "^2.11.5",
+    "@tiptap/suggestion": "^2.11.5",
     "@tiptap/extension-image": "^2.11.5",
     "@tiptap/extension-placeholder": "^2.11.5",
-    "@tiptap/pm": "^3.1.0",
+    "@tiptap/pm": "^2.11.5",
     "@tiptap/starter-kit": "^2.11.5",
     "@tiptap/vue-3": "^2.11.5",
     "@vue/tsconfig": "^0.7.0",

package/src/components/AudioSettingPanel/index.vue

@@ -131,18 +131,16 @@ const volumeTotalNum = ref(28);
 const volumeNum = computed(() => {
   if (isMicrophoneTesting.value) {
     return (testingMicVolume.value * volumeTotalNum.value) / 100;
-  } else {
-    return (currentMicVolume.value * volumeTotalNum.value) / 100;
   }
+  return (currentMicVolume.value * volumeTotalNum.value) / 100;
 });
 
 const showInputVolume = computed(() => {
   if (props.micTestVisible) {
     return isMicrophoneTesting.value;
-  } else {
-    return true;
   }
-})
+  return true;
+});
 
 const captureVolumeValue = ref(captureVolume.value);
 const outputVolumeValue = ref(outputVolume.value);
@@ -161,6 +159,7 @@ watch(outputVolumeValue, async (value) => {
   width: 100%;
   font-size: 14px;
   border-radius: 4px;
+  text-align: initial;
 
   .item-setting {
     width: 100%;

package/src/components/ConversationList/ConversationActions/ConversationActions.vue

@@ -25,8 +25,9 @@
     <TUIDropdown
       v-else
       trigger="click"
-      :teleported="false"
+      :teleported="true"
       placement="bottom-end"
+      @visible-change="handleDropdownVisibleChange"
     >
       <div
         :class="$style['conversationActions__popup-icon']"
@@ -71,6 +72,7 @@ const props = withDefaults(defineProps<ConversationActionsProps>(), {
 const emit = defineEmits<{
   click: [e: Event, key?: string, conversation?: ConversationModel];
   close: [];
+  dropdownVisibleChange: [visible: boolean];
   markConversationUnread: [conversation: ConversationModel, e?: Event];
   conversationPin: [conversation: ConversationModel, e?: Event];
   conversationMute: [conversation: ConversationModel, e?: Event];
@@ -169,6 +171,10 @@ const handleMaskClick = (e: Event) => {
     props.onClose();
   }
 };
+
+const handleDropdownVisibleChange = (visible: boolean) => {
+  emit('dropdownVisibleChange', visible);
+};
 </script>
 
 <style lang="scss" module>

package/src/components/ConversationList/ConversationCreate/ConversationCreate.vue

@@ -189,7 +189,11 @@ const handleCreateGroupConversation = async () => {
     const conversation = await createGroupConversation(options);
     _onConversationCreated(conversation);
   } catch (error: any) {
-    TUIToast.error({ message: error.message });
+    if (error.code === 10021) {
+      TUIToast.error({ message: t('TUIConversation.group_id_already_used') });
+    } else {
+      TUIToast.error({ message: error.message });
+    }
   }
 };
 

package/src/components/ConversationList/ConversationList.vue

@@ -25,7 +25,6 @@
         @created="handleCreated"
       />
     </component>
-
     <component
       :is="List"
       :empty="renderConversationList.length === 0"

package/src/components/ConversationList/ConversationPreview/ConversationPreview.scss

@@ -18,7 +18,7 @@
   }
 
   &--active {
-    background-color: var(--list-color-hover, #e3f2fd);
+    background-color: var(--list-color-focused, #e3f2fd);
   }
 
   &--pin {
@@ -71,6 +71,14 @@
     color: var(--text-color-secondary, #666);
 
     @include mixins.text-ellipsis();
+
+    &__drafts {
+      color: var(--text-color-error);
+    }
+
+    &__at-info {
+      color: var(--text-color-error);
+    }
   }
 
   &__external {
@@ -115,4 +123,4 @@
     border-radius: 4px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   }
-} 
+}