tuikit-atomicx-vue3 3.3.4 → 3.4.1

package/dist/rtc/index.js

@@ -1,89 +1,66 @@
-import { _ as _sfc_main$2 } from "../index.vue_vue_type_script_setup_true_lang-EcKm3pYY.js";
-import { AudioSettingPanel as AudioSettingPanelComponent } from "../components/AudioSettingPanel/index.js";
-import { BarrageInput as BarrageInput$1 } from "../components/BarrageInput/index.js";
-import { BarrageList as BarrageList$1 } from "../components/BarrageList/index.js";
-import { CameraButton as CameraButtonComponent } from "../components/CameraButton/index.js";
-import { CoGuestPanel as CoGuestPanel$1 } from "../components/CoGuestPanel/index.js";
-import { LiveAudienceList as LiveAudienceList$1 } from "../components/LiveAudienceList/index.js";
-import { LiveCoreView as LiveCoreViewComponent } from "../components/LiveCoreView/index.js";
-import { LiveList as LiveList$1 } from "../components/LiveList/index.js";
+import { _ as e } from "../index.vue_vue_type_script_setup_true_lang-DZIBxSQ7.js";
+import { AudioSettingPanel as t } from "../components/AudioSettingPanel/index.js";
+import { BarrageInput as o } from "../components/BarrageInput/index.js";
+import { BarrageList as i } from "../components/BarrageList/index.js";
+import { CameraButton as s } from "../components/CameraButton/index.js";
+import { CoGuestPanel as a } from "../components/CoGuestPanel/index.js";
+import { CoHostPanel as r } from "../components/CoHostPanel/index.js";
+import { LiveAudienceList as n } from "../components/LiveAudienceList/index.js";
+import { LiveCoreView as m } from "../components/LiveCoreView/index.js";
+import { LiveList as u } from "../components/LiveList/index.js";
 import "../components/LiveMonitorView/index.js";
-import { LiveScenePanel as LiveScenePanelComponent } from "../components/LiveScenePanel/index.js";
-import { MicButton as MicButtonComponent } from "../components/MicButton/index.js";
-import { StreamMixer as _sfc_main } from "../components/StreamMixer/index.js";
-import { StreamView as _sfc_main$1 } from "../components/StreamView/index.js";
-import { V as VideoSettingComponent } from "../index-DRcLhqhU.js";
-import { VideoSettingPanel as VideoSettingPanel$1 } from "../components/VideoSettingPanel/index.js";
-import { useCoGuestState as useCoGuestState$1 } from "../states/CoGuestState.js";
-import { useCoHostState as useCoHostState$1 } from "../states/CoHostState.js";
-import { useDeviceState as useDeviceState$1 } from "../states/DeviceState.js";
-import { useLiveAudienceState as useLiveAudienceState$1 } from "../states/LiveAudienceState.js";
-import { useLiveMonitorState as useLiveMonitorState$1 } from "../states/LiveMonitorState/index.js";
-import { useLiveSeatState as useLiveSeatState$1 } from "../states/LiveSeatState/index.js";
-import { useLiveState as useLiveState$1 } from "../states/LiveState/index.js";
-import { useRoomState as useRoomState$1 } from "../states/RoomState.js";
-import { useUserState as useUserState$1 } from "../states/UserState/index.js";
-import { useVideoMixerState as useVideoMixerState$1 } from "../states/VideoMixerState.js";
-import { useRoomEngine as useRoomEngine$1 } from "../hooks/useRoomEngine.js";
-import RTCLoginServer from "./server.js";
-import LiveMonitorViewComponent from "../components/LiveMonitorView/LiveMonitorView.js";
-import { useBarrageListState as useBarrageListState$1 } from "../states/BarrageListState/BarrageListState.js";
-RTCLoginServer.getInstance().init();
-const BarrageList = BarrageList$1;
-const BarrageInput = BarrageInput$1;
-const LiveCoreView = LiveCoreViewComponent;
-const StreamMixer = _sfc_main;
-const LiveScenePanel = LiveScenePanelComponent;
-const LiveAudienceList = LiveAudienceList$1;
-const CoGuestPanel = CoGuestPanel$1;
-const AudioSettingPanel = AudioSettingPanelComponent;
-const VideoSettingPanel = VideoSettingPanel$1;
-const MicButton = MicButtonComponent;
-const CameraButton = CameraButtonComponent;
-const LiveList = LiveList$1;
-const LiveMonitorView = LiveMonitorViewComponent;
-const StreamView = _sfc_main$1;
-const AudioSetting = _sfc_main$2;
-const VideoSetting = VideoSettingComponent;
-const useBarrageListState = useBarrageListState$1;
-const useLiveMonitorState = useLiveMonitorState$1;
-const useLiveSeatState = useLiveSeatState$1;
-const useLiveState = useLiveState$1;
-const useUserState = useUserState$1;
-const useCoGuestState = useCoGuestState$1;
-const useCoHostState = useCoHostState$1;
-const useDeviceState = useDeviceState$1;
-const useLiveAudienceState = useLiveAudienceState$1;
-const useRoomState = useRoomState$1;
-const useVideoMixerState = useVideoMixerState$1;
-const useRoomEngine = useRoomEngine$1;
+import { LiveScenePanel as S } from "../components/LiveScenePanel/index.js";
+import { MicButton as c } from "../components/MicButton/index.js";
+import { StreamMixer as p } from "../components/StreamMixer/index.js";
+import { StreamView as L } from "../components/StreamView/index.js";
+import { V as f } from "../index-DTq2ybsB.js";
+import { VideoSettingPanel as v } from "../components/VideoSettingPanel/index.js";
+import { useCoGuestState as C } from "../states/CoGuestState.js";
+import { useDeviceState as g } from "../states/DeviceState.js";
+import { useLiveAudienceState as $ } from "../states/LiveAudienceState.js";
+import { useLiveMonitorState as d } from "../states/LiveMonitorState/index.js";
+import { useLiveSeatState as l } from "../states/LiveSeatState/index.js";
+import { useLiveState as B } from "../states/LiveState/index.js";
+import { useRoomState as V } from "../states/RoomState.js";
+import { useUserState as P } from "../states/UserState/index.js";
+import { useVideoMixerState as M } from "../states/VideoMixerState.js";
+import { useBattleState as he } from "../states/BattleState.js";
+import { useRoomEngine as A } from "../hooks/useRoomEngine.js";
+import w from "./server.js";
+import x from "../components/LiveMonitorView/LiveMonitorView.js";
+import { useCoHostState as R } from "../states/CoHostState/CoHostState.js";
+import { useBarrageListState as _ } from "../states/BarrageListState/BarrageListState.js";
+w.getInstance().init();
+const ne = i, me = o, ue = m, Se = p, ce = S, pe = n, Le = a, fe = r, ve = t, Ce = v, ge = c, $e = s, de = u, le = x, Be = L, Ve = e, Pe = f, Me = _, Ae = d, we = l, xe = B, Re = P, _e = C, Ge = R, He = g, Ie = $, De = V, Ee = M, Ue = A;
 export {
-  AudioSetting,
-  AudioSettingPanel,
-  BarrageInput,
-  BarrageList,
-  CameraButton,
-  CoGuestPanel,
-  LiveAudienceList,
-  LiveCoreView,
-  LiveList,
-  LiveMonitorView,
-  LiveScenePanel,
-  MicButton,
-  StreamMixer,
-  StreamView,
-  VideoSetting,
-  VideoSettingPanel,
-  useBarrageListState,
-  useCoGuestState,
-  useCoHostState,
-  useDeviceState,
-  useLiveAudienceState,
-  useLiveMonitorState,
-  useLiveSeatState,
-  useLiveState,
-  useRoomEngine,
-  useRoomState,
-  useUserState,
-  useVideoMixerState
+  Ve as AudioSetting,
+  ve as AudioSettingPanel,
+  me as BarrageInput,
+  ne as BarrageList,
+  $e as CameraButton,
+  Le as CoGuestPanel,
+  fe as CoHostPanel,
+  pe as LiveAudienceList,
+  ue as LiveCoreView,
+  de as LiveList,
+  le as LiveMonitorView,
+  ce as LiveScenePanel,
+  ge as MicButton,
+  Se as StreamMixer,
+  Be as StreamView,
+  Pe as VideoSetting,
+  Ce as VideoSettingPanel,
+  Me as useBarrageListState,
+  he as useBattleState,
+  _e as useCoGuestState,
+  Ge as useCoHostState,
+  He as useDeviceState,
+  Ie as useLiveAudienceState,
+  Ae as useLiveMonitorState,
+  we as useLiveSeatState,
+  xe as useLiveState,
+  Ue as useRoomEngine,
+  De as useRoomState,
+  Re as useUserState,
+  Ee as useVideoMixerState
 };

package/dist/rtc/server.js

@@ -1,115 +1,92 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { ref } from "vue";
-import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
-import TUICore, { TUIConstants, TUILogin } from "@tencentcloud/tui-core";
-import TUIRoomEngine from "@tencentcloud/tuiroom-engine-js";
-import { useLoginState } from "../states/LoginState.js";
-const _RTCLoginServer = class _RTCLoginServer {
+var u = Object.defineProperty;
+var L = (o, i, t) => i in o ? u(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
+var s = (o, i, t) => L(o, typeof i != "symbol" ? i + "" : i, t);
+import { ref as f } from "vue";
+import U from "@tencentcloud/chat-uikit-engine";
+import S, { TUIConstants as g, TUILogin as T } from "@tencentcloud/tui-core";
+import c from "@tencentcloud/tuiroom-engine-js";
+import { useLoginState as m } from "../states/LoginState.js";
+const e = class e {
   constructor() {
-    __publicField(this, "isReady", false);
-    __publicField(this, "isEngineLoggingIn", false);
-    __publicField(this, "isLogin", ref(false));
-    __publicField(this, "resolveList", []);
-    __publicField(this, "rejectList", []);
+    s(this, "isReady", !1);
+    s(this, "isEngineLoggingIn", !1);
+    s(this, "isLogin", f(!1));
+    s(this, "resolveList", []);
+    s(this, "rejectList", []);
     this.init();
   }
   static getInstance() {
-    if (!_RTCLoginServer.instance) {
-      _RTCLoginServer.instance = new _RTCLoginServer();
-    }
-    return _RTCLoginServer.instance;
+    return e.instance || (e.instance = new e()), e.instance;
   }
   init() {
-    if (!this.isReady) {
-      this.isReady = true;
-      TUICore.registerEvent(
-        TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED,
-        TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS,
-        this
-      );
-    }
+    this.isReady || (this.isReady = !0, S.registerEvent(
+      g.TUILogin.EVENT.LOGIN_STATE_CHANGED,
+      g.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS,
+      this
+    ));
   }
   /**
    * @param { TUIInitParam } params
    */
-  onNotifyEvent(eventName, subKey) {
-    if (eventName === TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED) {
-      switch (subKey) {
-        case TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS:
+  onNotifyEvent(i, t) {
+    if (i === g.TUILogin.EVENT.LOGIN_STATE_CHANGED)
+      switch (t) {
+        case g.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS:
           this.login();
           break;
-        case TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGOUT_SUCCESS:
+        case g.TUILogin.EVENT_SUB_KEY.USER_LOGOUT_SUCCESS:
           this.logout();
           break;
       }
-    }
   }
   async login() {
     const {
-      chat,
-      SDKAppID,
-      userID,
-      userSig
-    } = TUILogin.getContext();
-    if (this.isEngineLoggingIn) {
-      return new Promise((resolve, reject) => {
-        this.resolveList.push(resolve);
-        this.rejectList.push(reject);
+      chat: i,
+      SDKAppID: t,
+      userID: l,
+      userSig: E
+    } = T.getContext();
+    if (this.isEngineLoggingIn)
+      return new Promise((n, r) => {
+        this.resolveList.push(n), this.rejectList.push(r);
       });
-    }
     try {
-      this.isEngineLoggingIn = true;
-      await TUIChatEngine.login({
-        chat,
-        SDKAppID,
-        userID,
-        userSig
+      this.isEngineLoggingIn = !0, await U.login({
+        chat: i,
+        SDKAppID: t,
+        userID: l,
+        userSig: E
       });
-      const res = await TUIRoomEngine.login({
-        sdkAppId: SDKAppID,
-        userId: userID,
-        userSig,
-        tim: chat
-      });
-      this.isLogin.value = true;
-      this.resolveList.forEach((resolve) => {
-        resolve();
-      });
-      this.rejectList = [];
-      this.resolveList = [];
-      const { loginUserInfo } = useLoginState();
-      const result = await chat.getUserProfile({ userIDList: [userID] });
-      const localUserInfo = result.data[0];
-      if (!localUserInfo.value) {
-        loginUserInfo.value = {
-          userId: localUserInfo.userID,
-          userName: localUserInfo.nick,
-          avatarUrl: localUserInfo.avatar,
-          customInfo: localUserInfo.profileCustomField
-        };
-      }
-      return res;
-    } catch (error) {
-      this.rejectList.forEach((reject) => {
-        reject(error);
+      const n = await c.login({
+        sdkAppId: t,
+        userId: l,
+        userSig: E,
+        tim: i
       });
-      this.rejectList = [];
-      this.resolveList = [];
-      throw error;
+      this.isLogin.value = !0, this.resolveList.forEach((h) => {
+        h();
+      }), this.rejectList = [], this.resolveList = [];
+      const { loginUserInfo: r } = m(), a = (await i.getUserProfile({ userIDList: [l] })).data[0];
+      return a.value || (r.value = {
+        userId: a.userID,
+        userName: a.nick,
+        avatarUrl: a.avatar,
+        customInfo: a.profileCustomField
+      }), n;
+    } catch (n) {
+      throw this.rejectList.forEach((r) => {
+        r(n);
+      }), this.rejectList = [], this.resolveList = [], n;
     } finally {
-      this.isEngineLoggingIn = false;
+      this.isEngineLoggingIn = !1;
     }
   }
   logout() {
-    TUIRoomEngine.logout();
-    this.isLogin.value = false;
-    this.isEngineLoggingIn = false;
+    c.logout(), this.isLogin.value = !1, this.isEngineLoggingIn = !1;
   }
 };
-__publicField(_RTCLoginServer, "instance");
-let RTCLoginServer = _RTCLoginServer;
+s(e, "instance");
+let I = e;
 export {
-  RTCLoginServer as default
+  I as default
 };

package/dist/states/BarrageListState/BarrageListState.js

@@ -1,207 +1,122 @@
-import { ref, shallowRef, watch, onUnmounted, triggerRef } from "vue";
-import { TUIStore, StoreName, TUIChatService } from "@tencentcloud/chat-uikit-engine";
-import TUIRoomEngine, { TUIRoomEvents } from "@tencentcloud/tuiroom-engine-js";
-import { useRoomEngine } from "../../hooks/useRoomEngine.js";
-import { useScroll } from "../../hooks/useScroll.js";
-import { useLiveState } from "../LiveState/index.js";
-import { LiveStatus } from "../../types/live.js";
-const roomEngine = useRoomEngine();
-const { localLiveStatus } = useLiveState();
-const messageGroupTipRef = ref(void 0);
-const messageListRef = ref(void 0);
-const hasMoreMessageRef = ref(void 0);
-const currentConversationIDRef = ref(void 0);
-const highlightMessageIDListRef = ref([]);
-const recalledMessageIDSetRef = shallowRef(/* @__PURE__ */ new Set());
-const messageListCursor = ref(0);
-const messageUpdateQueue = ref([]);
-const isProcessingQueue = ref(false);
-const messageGroupTipQueue = ref([]);
-const isProcessingMessageGroupTipQueue = ref(false);
-const MAX_MESSAGE_COUNT = 1e3;
-const MESSAGE_GROUP_TIP_AUTO_CLEAR_DELAY = 2e3;
-const MESSAGE_QUEUE_PROCESS_DELAY = 1e3;
-const BATCH_SIZE = 20;
-const MESSAGE_GROUP_TIP_QUEUE_MAX_LENGTH = 10;
-let enterRoomListener = null;
-let leaveRoomListener = null;
-const clearEventListeners = () => {
-  if (roomEngine.instance && enterRoomListener) {
-    roomEngine.instance.off(TUIRoomEvents.onRemoteUserEnterRoom, enterRoomListener);
-    enterRoomListener = null;
-  }
-  if (roomEngine.instance && leaveRoomListener) {
-    roomEngine.instance.off(TUIRoomEvents.onRemoteUserLeaveRoom, leaveRoomListener);
-    leaveRoomListener = null;
-  }
-};
-const truncateMessageList = (messages) => {
-  if (messages.length <= MAX_MESSAGE_COUNT) {
-    return messages;
-  }
-  const excessCount = messages.length - MAX_MESSAGE_COUNT;
-  const cleanedMessages = messages.slice(excessCount);
-  return cleanedMessages;
-};
-const processMessageQueue = async () => {
-  if (isProcessingQueue.value || messageUpdateQueue.value.length === 0) {
-    return;
-  }
-  isProcessingQueue.value = true;
-  try {
-    let currentBatch = [];
-    while (messageUpdateQueue.value.length > 0) {
-      const messages = messageUpdateQueue.value.splice(0, 1)[0];
-      currentBatch.push(...messages);
-      const newMessageList = [...messageListRef.value || [], ...currentBatch];
-      messageListRef.value = truncateMessageList(newMessageList);
-      currentBatch = [];
-      if (messageUpdateQueue.value.length > 0) {
-        await new Promise((resolve) => setTimeout(resolve, MESSAGE_QUEUE_PROCESS_DELAY));
+import { ref as o, shallowRef as G, watch as w, onUnmounted as I, triggerRef as T } from "vue";
+import { TUIStore as R, StoreName as L, TUIChatService as D } from "@tencentcloud/chat-uikit-engine";
+import y, { TUIRoomEvents as d } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine as P } from "../../hooks/useRoomEngine.js";
+import { useScroll as Q } from "../../hooks/useScroll.js";
+import { useLiveState as N } from "../LiveState/index.js";
+import { LiveStatus as M } from "../../types/live.js";
+const n = P(), { localLiveStatus: O } = N(), p = o(void 0), r = o(void 0), c = o(void 0), v = o(void 0), C = o([]), m = G(/* @__PURE__ */ new Set()), h = o(0), l = o([]), g = o(!1), a = o([]), f = o(!1), E = 1e3, B = 2e3, H = 1e3, S = 20, x = 10;
+let i = null, u = null;
+const _ = () => {
+  n.instance && i && (n.instance.off(d.onRemoteUserEnterRoom, i), i = null), n.instance && u && (n.instance.off(d.onRemoteUserLeaveRoom, u), u = null);
+}, X = (e) => {
+  if (e.length <= E)
+    return e;
+  const t = e.length - E;
+  return e.slice(t);
+}, Y = async () => {
+  if (!(g.value || l.value.length === 0)) {
+    g.value = !0;
+    try {
+      let e = [];
+      for (; l.value.length > 0; ) {
+        const t = l.value.splice(0, 1)[0];
+        e.push(...t);
+        const s = [...r.value || [], ...e];
+        r.value = X(s), e = [], l.value.length > 0 && await new Promise((A) => setTimeout(A, H));
       }
+    } finally {
+      g.value = !1;
     }
-  } finally {
-    isProcessingQueue.value = false;
   }
-};
-const processedMessageListUpdate = (list) => {
-  const newList = list.slice(messageListCursor.value);
-  messageListCursor.value = list.length;
-  if (newList.length === 0) {
-    messageListRef.value = list;
-    return;
-  }
-  for (let i = 0; i < newList.length; i += BATCH_SIZE) {
-    messageUpdateQueue.value.push(newList.slice(i, i + BATCH_SIZE));
-  }
-  processMessageQueue();
-};
-const processMessageGroupTipQueue = async () => {
-  if (isProcessingMessageGroupTipQueue.value || messageGroupTipQueue.value.length === 0) {
+}, k = (e) => {
+  const t = e.slice(h.value);
+  if (h.value = e.length, t.length === 0) {
+    r.value = e;
     return;
   }
-  isProcessingMessageGroupTipQueue.value = true;
-  try {
-    while (messageGroupTipQueue.value.length > 0) {
-      const tip = messageGroupTipQueue.value.splice(0, 1)[0];
-      messageGroupTipRef.value = tip;
-      await new Promise((resolve) => setTimeout(resolve, MESSAGE_GROUP_TIP_AUTO_CLEAR_DELAY));
-      messageGroupTipRef.value = void 0;
+  for (let s = 0; s < t.length; s += S)
+    l.value.push(t.slice(s, s + S));
+  Y();
+}, V = async () => {
+  if (!(f.value || a.value.length === 0)) {
+    f.value = !0;
+    try {
+      for (; a.value.length > 0; ) {
+        const e = a.value.splice(0, 1)[0];
+        p.value = e, await new Promise((t) => setTimeout(t, B)), p.value = void 0;
+      }
+    } catch (e) {
+      console.error("[BarrageListState] processMessageGroupTipQueue error", e);
+    } finally {
+      f.value = !1;
     }
-  } catch (error) {
-    console.error("[BarrageListState] processMessageGroupTipQueue error", error);
-  } finally {
-    isProcessingMessageGroupTipQueue.value = false;
   }
-};
-const processMessageGroupTipUpdate = (tip) => {
-  messageGroupTipQueue.value.push(tip);
-  if (messageGroupTipQueue.value.length > MESSAGE_GROUP_TIP_QUEUE_MAX_LENGTH) {
-    messageGroupTipQueue.value = messageGroupTipQueue.value.slice(-2);
-  }
-  processMessageGroupTipQueue();
-};
-const initWatchers = () => {
-  clearEventListeners();
-  TUIRoomEngine.once("ready", () => {
-    var _a, _b;
-    enterRoomListener = ({ userInfo }) => {
-      processMessageGroupTipUpdate({
-        avatarUrl: userInfo.avatarUrl,
-        nameCard: userInfo.nameCard,
-        roomCustomInfo: userInfo.roomCustomInfo,
-        userId: userInfo.userId,
-        userName: userInfo.userName,
-        userRole: userInfo.userRole,
+}, U = (e) => {
+  a.value.push(e), a.value.length > x && (a.value = a.value.slice(-2)), V();
+}, W = () => {
+  _(), y.once("ready", () => {
+    var e, t;
+    i = ({ userInfo: s }) => {
+      U({
+        avatarUrl: s.avatarUrl,
+        nameCard: s.nameCard,
+        roomCustomInfo: s.roomCustomInfo,
+        userId: s.userId,
+        userName: s.userName,
+        userRole: s.userRole,
         displayAction: "enter"
       });
-    };
-    leaveRoomListener = ({ userInfo }) => {
-      processMessageGroupTipUpdate({
-        avatarUrl: userInfo.avatarUrl,
-        nameCard: userInfo.nameCard,
-        roomCustomInfo: userInfo.roomCustomInfo,
-        userId: userInfo.userId,
-        userName: userInfo.userName,
-        userRole: userInfo.userRole,
+    }, u = ({ userInfo: s }) => {
+      U({
+        avatarUrl: s.avatarUrl,
+        nameCard: s.nameCard,
+        roomCustomInfo: s.roomCustomInfo,
+        userId: s.userId,
+        userName: s.userName,
+        userRole: s.userRole,
         displayAction: "leave"
       });
-    };
-    if (enterRoomListener) {
-      (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEvents.onRemoteUserEnterRoom, enterRoomListener);
-    }
-    if (leaveRoomListener) {
-      (_b = roomEngine.instance) == null ? void 0 : _b.on(TUIRoomEvents.onRemoteUserLeaveRoom, leaveRoomListener);
-    }
-  });
-  TUIStore.watch(StoreName.CHAT, {
-    messageList: (list) => {
-      if (!currentConversationIDRef.value) {
+    }, i && ((e = n.instance) == null || e.on(d.onRemoteUserEnterRoom, i)), u && ((t = n.instance) == null || t.on(d.onRemoteUserLeaveRoom, u));
+  }), R.watch(L.CHAT, {
+    messageList: (e) => {
+      if (!v.value)
         return;
-      }
-      const unDeletedList = list.filter((message) => {
-        if (message.isRevoked) {
-          recalledMessageIDSetRef.value.add(message.ID);
-        }
-        return !message.isDeleted;
-      });
-      triggerRef(recalledMessageIDSetRef);
-      processedMessageListUpdate(unDeletedList);
+      const t = e.filter((s) => (s.isRevoked && m.value.add(s.ID), !s.isDeleted));
+      T(m), k(t);
     },
-    isCompleted: (value) => {
-      hasMoreMessageRef.value = !value;
+    isCompleted: (e) => {
+      c.value = !e;
     }
-  });
-  TUIStore.watch(StoreName.CONV, {
-    currentConversationID: (conversationID) => {
-      if (!conversationID) {
-        messageListRef.value = void 0;
-        hasMoreMessageRef.value = void 0;
-        currentConversationIDRef.value = void 0;
-      } else {
-        currentConversationIDRef.value = conversationID;
-        messageListRef.value = void 0;
-        hasMoreMessageRef.value = void 0;
-      }
+  }), R.watch(L.CONV, {
+    currentConversationID: (e) => {
+      e ? (v.value = e, r.value = void 0, c.value = void 0) : (r.value = void 0, c.value = void 0, v.value = void 0);
     }
   });
+}, Z = () => {
+  r.value = void 0, c.value = void 0, v.value = void 0, h.value = 0, l.value = [], g.value = !1, p.value = void 0, C.value = [], m.value.clear(), a.value = [], T(m);
 };
-const resetState = () => {
-  messageListRef.value = void 0;
-  hasMoreMessageRef.value = void 0;
-  currentConversationIDRef.value = void 0;
-  messageListCursor.value = 0;
-  messageUpdateQueue.value = [];
-  isProcessingQueue.value = false;
-  messageGroupTipRef.value = void 0;
-  highlightMessageIDListRef.value = [];
-  recalledMessageIDSetRef.value.clear();
-  messageGroupTipQueue.value = [];
-  triggerRef(recalledMessageIDSetRef);
-};
-watch(localLiveStatus, (newVal, oldVal) => {
-  if (newVal !== LiveStatus.Live && oldVal === LiveStatus.Live) {
-    resetState();
-  }
+w(O, (e, t) => {
+  e !== M.Live && t === M.Live && Z();
 });
-onUnmounted(() => {
-  clearEventListeners();
+I(() => {
+  _();
 });
-initWatchers();
-function useBarrageListState() {
-  const { scrollToBottom, scrollToMessage } = useScroll();
+W();
+function $() {
+  const { scrollToBottom: e, scrollToMessage: t } = Q();
   return {
-    messageList: messageListRef,
-    messageGroupTip: messageGroupTipRef,
-    hasMoreMessage: hasMoreMessageRef,
-    highlightMessageIDList: highlightMessageIDListRef,
-    recalledMessageIDSet: recalledMessageIDSetRef,
-    currentConversationID: currentConversationIDRef,
-    loadMoreMessage: TUIChatService.getMessageList,
-    scrollToBottom,
-    scrollToMessage
+    messageList: r,
+    messageGroupTip: p,
+    hasMoreMessage: c,
+    highlightMessageIDList: C,
+    recalledMessageIDSet: m,
+    currentConversationID: v,
+    loadMoreMessage: D.getMessageList,
+    scrollToBottom: e,
+    scrollToMessage: t
   };
 }
 export {
-  useBarrageListState
+  $ as useBarrageListState
 };

package/dist/states/BarrageListState/index.js

@@ -1,4 +1,4 @@
-import { useBarrageListState } from "./BarrageListState.js";
+import { useBarrageListState as t } from "./BarrageListState.js";
 export {
-  useBarrageListState
+  t as useBarrageListState
 };