tuikit-atomicx-vue3 4.4.0 → 4.5.1

package/dist/states/RoomState/scheduleManager.js

@@ -0,0 +1,174 @@
+var g = Object.defineProperty;
+var p = (h, e, n) => e in h ? g(h, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : h[e] = n;
+var T = (h, e, n) => p(h, typeof e != "symbol" ? e + "" : e, n);
+import y, { TUIRoomType as E, TUIConferenceCancelReason as v, TUIConferenceListManagerEvents as f } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine as w } from "../../hooks/useRoomEngine.js";
+import { eventCenter as S } from "../../utils/eventCenter.js";
+import { roomInfoTransfer as a } from "./common.js";
+import { useRoomStore as D } from "./store.js";
+import { RoomEvent as I } from "../../types/room.js";
+const { scheduledRoomList: d, scheduledRoomListCursor: x, currentRoom: A } = D(), c = w(), l = class l {
+  constructor() {
+    this.onConferenceScheduled = this.onConferenceScheduled.bind(this), this.onConferenceWillStart = this.onConferenceWillStart.bind(this), this.onConferenceDidCancelled = this.onConferenceDidCancelled.bind(this), this.onConferenceInfoChanged = this.onConferenceInfoChanged.bind(this), this.onScheduleAttendeesUpdated = this.onScheduleAttendeesUpdated.bind(this), this.onConferenceStatusUpdated = this.onConferenceStatusUpdated.bind(this), this.bindEvent();
+  }
+  static getInstance() {
+    return l.instance || (l.instance = new l()), l.instance;
+  }
+  async getScheduledRoomList({ cursor: e }) {
+    var n;
+    try {
+      const o = (n = c.instance) == null ? void 0 : n.getConferenceListManager();
+      if (!o)
+        throw new Error("please login firstly by useLoginState");
+      const s = await o.fetchScheduledConferenceList({
+        cursor: e,
+        count: 20
+      }), i = ((s == null ? void 0 : s.conferenceList) || []).map((r) => a.transferConferenceInfoToRoomInfo(r)).reduce((r, u) => {
+        const R = r.findIndex((b) => b.roomId === u.roomId);
+        return R === -1 ? r.push(u) : r[R] = u, r;
+      }, []);
+      e === "" && (d.value = []), i.forEach((r) => {
+        const u = d.value.findIndex((R) => R.roomId === r.roomId);
+        u !== -1 ? d.value[u] = r : d.value.push(r);
+      });
+      const C = (s == null ? void 0 : s.cursor) || "";
+      return x.value = C, {
+        scheduledRoomList: [...i],
+        cursor: C
+      };
+    } catch (o) {
+      throw console.error("getScheduledRoomList failed", o), o;
+    }
+  }
+  async scheduleRoom({ roomId: e, options: n }) {
+    var t;
+    const o = (t = c.instance) == null ? void 0 : t.getConferenceListManager();
+    await (o == null ? void 0 : o.scheduleConference({
+      roomId: e,
+      roomName: n.roomName,
+      roomType: E.kConference,
+      scheduleStartTime: n.scheduleStartTime,
+      scheduleEndTime: n.scheduleEndTime,
+      reminderSecondsBeforeStart: n.reminderSecondsBeforeStart,
+      scheduleAttendees: n.scheduleAttendees,
+      isMicrophoneDisableForAllUser: n.isAllMicrophoneDisabled,
+      isScreenShareDisableForAllUser: n.isAllScreenShareDisabled,
+      isCameraDisableForAllUser: n.isAllCameraDisabled,
+      isMessageDisableForAllUser: n.isAllMessageDisabled,
+      password: n.password
+    })), n.scheduleAttendees && n.scheduleAttendees.length > 0 && this.addScheduledAttendees({ roomId: e, userIdList: n.scheduleAttendees });
+  }
+  async updateScheduledRoom({ roomId: e, options: n }) {
+    var t;
+    const o = (t = c.instance) == null ? void 0 : t.getConferenceListManager();
+    await (o == null ? void 0 : o.updateConferenceInfo({
+      roomId: e,
+      roomName: n.roomName,
+      scheduleStartTime: n.scheduleStartTime,
+      scheduleEndTime: n.scheduleEndTime
+    }));
+  }
+  async addScheduledAttendees({ roomId: e, userIdList: n }) {
+    var t;
+    const o = (t = c.instance) == null ? void 0 : t.getConferenceListManager();
+    await (o == null ? void 0 : o.addAttendeesByAdmin({
+      roomId: e,
+      userIdList: n
+    }));
+  }
+  async removeScheduledAttendees({ roomId: e, userIdList: n }) {
+    var t;
+    const o = (t = c.instance) == null ? void 0 : t.getConferenceListManager();
+    await (o == null ? void 0 : o.removeAttendeesByAdmin({
+      roomId: e,
+      userIdList: n
+    }));
+  }
+  async cancelScheduledRoom({ roomId: e }) {
+    var o;
+    const n = (o = c.instance) == null ? void 0 : o.getConferenceListManager();
+    await (n == null ? void 0 : n.cancelConference({
+      roomId: e
+    })), d.value = d.value.filter((t) => t.roomId !== e);
+  }
+  async getScheduledAttendees({ roomId: e, cursor: n }) {
+    var m;
+    const o = (m = c.instance) == null ? void 0 : m.getConferenceListManager();
+    if (!o)
+      throw new Error("please login firstly by useLoginState");
+    const t = await o.fetchAttendeeList({
+      roomId: e,
+      cursor: n,
+      count: 50
+    });
+    return {
+      attendees: (t.attendeeList || []).map((i) => a.transferTUIUserInfoToRoomUser(i)),
+      cursor: t.cursor || "",
+      totalAttendeesCount: t.totalCount || 0
+    };
+  }
+  // TODO: 测试这里如果是我自己预约的会议是否会收到这个通知
+  // TODO: 缺少 operateUser 的数据，xxx 邀请我加入 xxx 的会议, 需要确认
+  async onConferenceScheduled({ conferenceInfo: e }) {
+    const { roomId: n } = e.basicRoomInfo, o = d.value.findIndex((s) => s.roomId === n), t = a.transferConferenceInfoToRoomInfo(e);
+    o !== -1 ? d.value[o] = t : d.value.push(t), S.emit(I.onAddedToScheduledRoom, { roomInfo: t });
+  }
+  onConferenceInfoChanged({ conferenceModifyInfo: e }) {
+    const { roomId: n } = e.basicRoomInfo, o = d.value.findIndex((t) => t.roomId === n);
+    o !== -1 && (d.value[o] = {
+      ...d.value[o],
+      scheduledStartTime: e.scheduleStartTime,
+      scheduledEndTime: e.scheduleEndTime,
+      roomName: e.basicRoomInfo.roomName
+    });
+  }
+  onConferenceStatusUpdated({ conferenceInfo: e, status: n }) {
+    const o = d.value.findIndex((s) => s.roomId === e.basicRoomInfo.roomId), t = a.transferConferenceStatusToRoomStatus(n);
+    o !== -1 && (d.value[o] = {
+      ...d.value[o],
+      roomStatus: t
+    });
+  }
+  onScheduleAttendeesUpdated(e) {
+  }
+  onConferenceDidCancelled({ conferenceInfo: e, reason: n, operateUser: o }) {
+    var m, i, C;
+    const { roomId: t } = e.basicRoomInfo;
+    d.value = d.value.filter((r) => r.roomId !== t);
+    const s = a.transferConferenceInfoToRoomInfo(e);
+    if (t === ((m = A.value) == null ? void 0 : m.roomId) && n === v.kConferenceCancelReasonCancelledByAdmin) {
+      S.emit(I.onRoomEnded, {
+        roomInfo: s
+      });
+      return;
+    }
+    if (t !== ((i = A.value) == null ? void 0 : i.roomId) && n === v.kConferenceCancelReasonCancelledByAdmin) {
+      S.emit(I.onScheduledRoomCancelled, {
+        roomInfo: s,
+        operateUser: a.transferTUIUserInfoToRoomUser(o)
+      });
+      return;
+    }
+    t !== ((C = A.value) == null ? void 0 : C.roomId) && n === v.kConferenceCancelReasonRemovedFromAttendees && S.emit(I.onRemovedFromScheduledRoom, {
+      roomInfo: s,
+      operateUser: a.transferTUIUserInfoToRoomUser(o)
+    });
+  }
+  onConferenceWillStart({ conferenceInfo: e }) {
+    S.emit(I.onScheduledRoomStartingSoon, {
+      roomInfo: a.transferConferenceInfoToRoomInfo(e)
+    });
+  }
+  bindEvent() {
+    y.once("ready", () => {
+      var n;
+      const e = (n = c.instance) == null ? void 0 : n.getConferenceListManager();
+      e == null || e.on(f.onConferenceScheduled, this.onConferenceScheduled), e == null || e.on(f.onConferenceWillStart, this.onConferenceWillStart), e == null || e.on(f.onConferenceDidCancelled, this.onConferenceDidCancelled), e == null || e.on(f.onConferenceInfoChanged, this.onConferenceInfoChanged), e == null || e.on(f.onScheduleAttendeesUpdated, this.onScheduleAttendeesUpdated), e == null || e.on(f.onConferenceStatusUpdated, this.onConferenceStatusUpdated);
+    });
+  }
+};
+T(l, "instance");
+let U = l;
+export {
+  U as default
+};

package/dist/states/RoomState/store.d.ts

@@ -0,0 +1,103 @@
+import { RoomInfo } from '../../types';
+
+export declare function useRoomStore(): {
+    scheduledRoomList: import('vue').Ref<{
+        readonly roomId: string;
+        roomName: string;
+        roomOwner: {
+            userId: string;
+            userName: string;
+            avatarUrl: string;
+        };
+        readonly participantCount?: number | undefined;
+        readonly createTime?: number | undefined;
+        readonly roomStatus?: import('../..').RoomStatus | undefined;
+        scheduledStartTime?: number | undefined;
+        scheduledEndTime?: number | undefined;
+        startReminderInSeconds?: number | undefined;
+        scheduleAttendees?: {
+            userId: string;
+            userName: string;
+            avatarUrl: string;
+        }[] | undefined;
+        password?: string | undefined;
+        isAllMicrophoneDisabled?: boolean | undefined;
+        isAllCameraDisabled?: boolean | undefined;
+        isAllScreenShareDisabled?: boolean | undefined;
+        isAllMessageDisabled?: boolean | undefined;
+    }[], RoomInfo[] | {
+        readonly roomId: string;
+        roomName: string;
+        roomOwner: {
+            userId: string;
+            userName: string;
+            avatarUrl: string;
+        };
+        readonly participantCount?: number | undefined;
+        readonly createTime?: number | undefined;
+        readonly roomStatus?: import('../..').RoomStatus | undefined;
+        scheduledStartTime?: number | undefined;
+        scheduledEndTime?: number | undefined;
+        startReminderInSeconds?: number | undefined;
+        scheduleAttendees?: {
+            userId: string;
+            userName: string;
+            avatarUrl: string;
+        }[] | undefined;
+        password?: string | undefined;
+        isAllMicrophoneDisabled?: boolean | undefined;
+        isAllCameraDisabled?: boolean | undefined;
+        isAllScreenShareDisabled?: boolean | undefined;
+        isAllMessageDisabled?: boolean | undefined;
+    }[]>;
+    scheduledRoomListCursor: import('vue').Ref<string, string>;
+    currentRoom: import('vue').Ref<{
+        readonly roomId: string;
+        roomName: string;
+        roomOwner: {
+            userId: string;
+            userName: string;
+            avatarUrl: string;
+        };
+        readonly participantCount?: number | undefined;
+        readonly createTime?: number | undefined;
+        readonly roomStatus?: import('../..').RoomStatus | undefined;
+        scheduledStartTime?: number | undefined;
+        scheduledEndTime?: number | undefined;
+        startReminderInSeconds?: number | undefined;
+        scheduleAttendees?: {
+            userId: string;
+            userName: string;
+            avatarUrl: string;
+        }[] | undefined;
+        password?: string | undefined;
+        isAllMicrophoneDisabled?: boolean | undefined;
+        isAllCameraDisabled?: boolean | undefined;
+        isAllScreenShareDisabled?: boolean | undefined;
+        isAllMessageDisabled?: boolean | undefined;
+    } | null, RoomInfo | {
+        readonly roomId: string;
+        roomName: string;
+        roomOwner: {
+            userId: string;
+            userName: string;
+            avatarUrl: string;
+        };
+        readonly participantCount?: number | undefined;
+        readonly createTime?: number | undefined;
+        readonly roomStatus?: import('../..').RoomStatus | undefined;
+        scheduledStartTime?: number | undefined;
+        scheduledEndTime?: number | undefined;
+        startReminderInSeconds?: number | undefined;
+        scheduleAttendees?: {
+            userId: string;
+            userName: string;
+            avatarUrl: string;
+        }[] | undefined;
+        password?: string | undefined;
+        isAllMicrophoneDisabled?: boolean | undefined;
+        isAllCameraDisabled?: boolean | undefined;
+        isAllScreenShareDisabled?: boolean | undefined;
+        isAllMessageDisabled?: boolean | undefined;
+    } | null>;
+};

package/dist/states/RoomState/store.js

@@ -0,0 +1,12 @@
+import { ref as o } from "vue";
+const r = o([]), t = o(""), e = o(null);
+function n() {
+  return {
+    scheduledRoomList: r,
+    scheduledRoomListCursor: t,
+    currentRoom: e
+  };
+}
+export {
+  n as useRoomStore
+};

package/dist/states/SeatStore.d.ts

@@ -1,55 +1,62 @@
-import { TUIRequestAction, TUIRequest, TUIUserInfo } from '@tencentcloud/tuiroom-engine-js';
+import { default as TUIRoomEngine, TUIUserInfo } from '@tencentcloud/tuiroom-engine-js';
 import { AudienceInfo, SeatInfo } from '../types';
 
+/**
+ * 使用座位状态管理
+ * @memberof module:SeatStore
+ * @description 导出座位状态管理的组合式函数，提供直播间座位相关的状态和操作方法
+ * @returns {Object} 座位状态管理对象，包含以下属性：
+ * @property {ComputedRef<string>} liveOwnerUserId - 直播间房主用户ID
+ * @property {ComputedRef<string>} localUserId - 本地用户ID
+ * @property {ComputedRef<SeatInfo[]>} seatList - 座位列表
+ * @property {ComputedRef<SeatInfo[]>} coHostUserList - 连麦用户列表
+ * @property {Ref<Map<string, TUIRequest>>} sentDeviceRequestMap - 已发送设备请求映射表
+ * @property {Ref<Map<string, TUIRequest>>} receivedDeviceRequestMap - 已接收设备请求映射表
+ * @property {Ref<Map<string, AudienceInfo>>} userInfoMap - 用户信息映射表
+ * @property {Function} getUserInfo - 获取用户信息函数
+ * @property {Function} convertUserInfoToAudienceInfo - 转换用户信息格式函数
+ * @example
+ * ```typescript
+ * import { useSeatStore } from './SeatStore';
+ *
+ * // 在Vue组件中使用
+ * const {
+ *   liveOwnerUserId,
+ *   localUserId,
+ *   seatList,
+ *   coHostUserList,
+ *   sentDeviceRequestMap,
+ *   receivedDeviceRequestMap,
+ *   userInfoMap,
+ *   getUserInfo,
+ *   convertUserInfoToAudienceInfo
+ * } = useSeatStore();
+ *
+ * // 使用座位列表
+ * console.log('当前座位列表:', seatList.value);
+ *
+ * // 获取用户信息
+ * const userInfo = await getUserInfo('user123');
+ * console.log('用户信息:', userInfo);
+ *
+ * // 判断当前用户是否为房主
+ * const isOwner = liveOwnerUserId.value === localUserId.value;
+ * console.log('是否为房主:', isOwner);
+ * ```
+ */
 export declare function useSeatStore(): {
     liveOwnerUserId: import('vue').ComputedRef<string>;
     localUserId: import('vue').ComputedRef<string>;
     seatList: import('vue').ComputedRef<SeatInfo[]>;
     coHostUserList: import('vue').ComputedRef<SeatInfo[]>;
-    sentDeviceRequestMap: import('vue').Ref<Map<string, {
-        requestAction: TUIRequestAction;
-        timestamp: number;
-        requestId: string;
-        userId: string;
-        userName: string;
-        nameCard: string;
-        avatarUrl: string;
-        content: string;
-    }> & Omit<Map<string, TUIRequest>, keyof Map<any, any>>, Map<string, TUIRequest> | (Map<string, {
-        requestAction: TUIRequestAction;
-        timestamp: number;
-        requestId: string;
-        userId: string;
-        userName: string;
-        nameCard: string;
-        avatarUrl: string;
-        content: string;
-    }> & Omit<Map<string, TUIRequest>, keyof Map<any, any>>)>;
-    receivedDeviceRequestMap: import('vue').Ref<Map<string, {
-        requestAction: TUIRequestAction;
-        timestamp: number;
-        requestId: string;
-        userId: string;
-        userName: string;
-        nameCard: string;
-        avatarUrl: string;
-        content: string;
-    }> & Omit<Map<string, TUIRequest>, keyof Map<any, any>>, Map<string, TUIRequest> | (Map<string, {
-        requestAction: TUIRequestAction;
-        timestamp: number;
-        requestId: string;
-        userId: string;
-        userName: string;
-        nameCard: string;
-        avatarUrl: string;
-        content: string;
-    }> & Omit<Map<string, TUIRequest>, keyof Map<any, any>>)>;
+    sentDeviceRequestMap: import('vue').Ref<Map<string, any> & Omit<Map<string, TUIRequest>, keyof Map<any, any>>, Map<string, TUIRequest> | (Map<string, any> & Omit<Map<string, TUIRequest>, keyof Map<any, any>>)>;
+    receivedDeviceRequestMap: import('vue').Ref<Map<string, any> & Omit<Map<string, TUIRequest>, keyof Map<any, any>>, Map<string, TUIRequest> | (Map<string, any> & Omit<Map<string, TUIRequest>, keyof Map<any, any>>)>;
     userInfoMap: import('vue').Ref<Map<string, {
         userId: string;
         userName: string;
         avatarUrl: string;
         customInfo: Record<string, any>;
-        userRole: import('@tencentcloud/tuiroom-engine-js').TUIRole;
+        userRole: TUIRoomEngine;
         isMessageDisabled: boolean;
         joinedTimestamp?: number | undefined;
     }> & Omit<Map<string, AudienceInfo>, keyof Map<any, any>>, Map<string, AudienceInfo> | (Map<string, {
@@ -57,24 +64,24 @@ export declare function useSeatStore(): {
         userName: string;
         avatarUrl: string;
         customInfo: Record<string, any>;
-        userRole: import('@tencentcloud/tuiroom-engine-js').TUIRole;
+        userRole: TUIRoomEngine;
         isMessageDisabled: boolean;
         joinedTimestamp?: number | undefined;
     }> & Omit<Map<string, AudienceInfo>, keyof Map<any, any>>)>;
     getUserInfo: (userId: string) => Promise<{
         userId: string;
-        userName: string;
-        avatarUrl: string;
-        customInfo: Record<string, any>;
-        userRole: import('@tencentcloud/tuiroom-engine-js').TUIRole;
-        isMessageDisabled: boolean;
+        userName: any;
+        avatarUrl: any;
+        customInfo: any;
+        userRole: any;
+        isMessageDisabled: any;
     }>;
     convertUserInfoToAudienceInfo: (userInfo: TUIUserInfo) => {
-        userId: string;
-        userName: string;
-        avatarUrl: string;
-        customInfo: Record<string, any>;
-        userRole: import('@tencentcloud/tuiroom-engine-js').TUIRole;
-        isMessageDisabled: boolean;
+        userId: any;
+        userName: any;
+        avatarUrl: any;
+        customInfo: any;
+        userRole: any;
+        isMessageDisabled: any;
     };
 };

package/dist/states/UIKitModalState/UIKitModalState.d.ts

@@ -0,0 +1,17 @@
+import { VNode } from 'vue';
+
+export interface UIKitModalConfig {
+    id: number;
+    title: string;
+    content: string | VNode;
+    type: 'info' | 'warning' | 'error' | 'success';
+    onConfirm?: () => void;
+    onCancel?: () => void;
+}
+declare function openModal(config: UIKitModalConfig): void;
+declare function closeModal(action?: 'confirm' | 'cancel' | 'mask' | 'timeout'): void;
+export declare function useUIKitModalState(): {
+    openModal: typeof openModal;
+    closeModal: typeof closeModal;
+};
+export default useUIKitModalState;

package/dist/states/UIKitModalState/UIKitModalState.js

@@ -0,0 +1,63 @@
+import { ref as a } from "vue";
+import f from "@tencentcloud/tuiroom-engine-js";
+const i = a(null), s = a(null), l = a(null);
+function r() {
+  const o = navigator.userAgent, e = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(o);
+  return {
+    userAgent: o,
+    platformCode: e ? 2 : 1
+  };
+}
+function u() {
+  let o = sessionStorage.getItem("uikit_session_id");
+  return o || (o = `session_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`, sessionStorage.setItem("uikit_session_id", o)), o;
+}
+function d(o) {
+  var e, n;
+  try {
+    (((n = (e = f) == null ? void 0 : e.Module) == null ? void 0 : n.logger) || console).info("[UIKitModal]", o);
+  } catch {
+    console.info("[UIKitModal]", o);
+  }
+}
+function g(o) {
+  const e = Date.now(), { userAgent: n, platformCode: t } = r();
+  i.value = o, s.value = o.id, l.value = e, d({
+    eventType: 1,
+    modalId: o.id,
+    timestamp: e,
+    sessionId: u(),
+    platformCode: t,
+    userAgent: n
+  });
+}
+function p(o = "confirm") {
+  if (s.value === null || !l.value)
+    return;
+  const e = Date.now(), n = e - l.value, { userAgent: t, platformCode: c } = r(), m = {
+    confirm: 1,
+    cancel: 2,
+    timeout: 3,
+    mask: 2
+  };
+  d({
+    eventType: 2,
+    modalId: s.value,
+    timestamp: e,
+    stayDuration: n,
+    closeReasonCode: m[o],
+    sessionId: u(),
+    platformCode: c,
+    userAgent: t
+  }), i.value = null, s.value = null, l.value = null;
+}
+function M() {
+  return {
+    openModal: g,
+    closeModal: p
+  };
+}
+export {
+  M as default,
+  M as useUIKitModalState
+};

package/dist/states/UIKitModalState/index.d.ts

@@ -0,0 +1 @@
+export * from './UIKitModalState';

package/dist/states/UIKitModalState/index.js

@@ -0,0 +1,4 @@
+import { useUIKitModalState as o } from "./UIKitModalState.js";
+export {
+  o as useUIKitModalState
+};

package/dist/states/UserState/index.js

@@ -1,35 +1,29 @@
-import f, { innerUserStore as i } from "./store.js";
-import c from "./userManager.js";
 import { watch as n } from "vue";
-import { useRoomState as U } from "../RoomState.js";
-import { useLoginState as I } from "../LoginState.js";
-import { LocalRoomStatus as u } from "../../types/room.js";
-const p = f(), m = new c(), { loginUserInfo: o } = I(), { localRoomStatus: v } = U();
-n(o, async (r, t) => {
-  var e, s, a;
-  !(t != null && t.userId) && (r != null && r.userId) && i.addUserInfo({
-    userId: (e = o.value) == null ? void 0 : e.userId,
-    userName: (s = o.value) == null ? void 0 : s.userName,
-    avatarUrl: (a = o.value) == null ? void 0 : a.avatarUrl
+import { useLoginState as a } from "../LoginState.js";
+import { useRoomState as f } from "../RoomState/index.js";
+import c, { innerUserStore as m } from "./store.js";
+import p from "./userManager.js";
+const U = c(), o = new p(), { loginUserInfo: s } = a(), { currentRoom: g } = f();
+n(s, async (t, r) => {
+  var e, i, u;
+  !(r != null && r.userId) && (t != null && t.userId) && m.addUserInfo({
+    userId: ((e = s.value) == null ? void 0 : e.userId) || "",
+    userName: (i = s.value) == null ? void 0 : i.userName,
+    avatarUrl: (u = s.value) == null ? void 0 : u.avatarUrl
   });
 }, { immediate: !0 });
-n(v, async (r, t) => {
-  var e, s, a;
-  t !== r && (t === u.IDLE && i.addUserInfo({
-    userId: ((e = o.value) == null ? void 0 : e.userId) || "",
-    userName: (s = o.value) == null ? void 0 : s.userName,
-    avatarUrl: (a = o.value) == null ? void 0 : a.avatarUrl
-  }), r === u.JOINED && await m.initUserList(), r === u.IDLE && i.resetUserList());
+n(g, async (t, r) => {
+  r !== t && (t && !r && await o.initUserList(), r && !t && m.resetUserList());
 }, { immediate: !0 });
-function E() {
-  const r = {
-    ...p
-  }, t = Object.getPrototypeOf(m);
-  return Object.getOwnPropertyNames(t).forEach((e) => {
-    e !== "constructor" && typeof t[e] == "function" && (r[e] = t[e].bind(m));
-  }), r;
+function b() {
+  const t = {
+    ...U
+  }, r = Object.getPrototypeOf(o);
+  return Object.getOwnPropertyNames(r).forEach((e) => {
+    e !== "constructor" && typeof r[e] == "function" && (t[e] = r[e].bind(o));
+  }), t;
 }
 export {
-  E as default,
-  E as useUserState
+  b as default,
+  b as useUserState
 };

package/dist/states/UserState/store.d.ts

@@ -1,5 +1,5 @@
-import { ConnectionStatus, DeviceStatus, SeatStatus, StreamPlayStatus, UserInfo, UserRoomStatus } from '../../types';
 import { Ref, ComputedRef } from 'vue';
+import { ConnectionStatus, DeviceStatus, SeatStatus, StreamPlayStatus, UserRoomStatus, UserInfo } from '../../types';
 
 export declare const receivedDeviceRequestList: Ref<(string | {
     readonly cache: RequestCache;