tuikit-atomicx-vue3 3.4.2 → 4.3.0

package/dist/components/CoHostPanel/ConnectionPanel.js

@@ -1,42 +1,44 @@
-import { defineComponent as ce, computed as G, ref as S, onMounted as de, onUnmounted as me, createElementBlock as I, openBlock as r, Fragment as O, createElementVNode as c, createCommentVNode as y, createVNode as h, unref as s, toDisplayString as l, renderList as ve, withCtx as m, createBlock as T, createTextVNode as p } from "vue";
-import { TUILiveBattleManagerEvents as v, TUIConnectionCode as _ } from "@tencentcloud/tuiroom-engine-js";
-import { useUIKit as Ce, TUIButton as R, TUIDialog as pe, TUIToast as u, TOAST_TYPE as i } from "@tencentcloud/uikit-base-component-vue3";
-import { useBattleState as Ie } from "../../states/BattleState.js";
-import { useLoginState as Re } from "../../states/LoginState.js";
+import { defineComponent as ce, computed as G, ref as k, onMounted as de, onUnmounted as me, createElementBlock as p, openBlock as i, Fragment as w, createElementVNode as c, createCommentVNode as y, createVNode as h, unref as s, toDisplayString as l, renderList as ve, withCtx as m, createBlock as T, createTextVNode as R } from "vue";
+import { TUIConnectionCode as _ } from "@tencentcloud/tuiroom-engine-js";
+import { useUIKit as Ce, TUIButton as f, TUIDialog as Re, TUIToast as r, TOAST_TYPE as u } from "@tencentcloud/uikit-base-component-vue3";
+import { useLoginState as pe } from "../../states/LoginState.js";
 import fe from "../Avatar/Avatar.js";
-import ye from "./RecommendHostList.js";
+import Ie from "./RecommendHostList.js";
+import { ERROR_MESSAGE as ye } from "./constants.js";
 import { useCoHostState as he } from "../../states/CoHostState/CoHostState.js";
+import { useBattleState as _e } from "../../states/BattleState/BattleState.js";
 import { CoHostEvent as q, CoHostStatus as N, CoHostLayoutTemplate as J } from "../../types/coHost.js";
-import { _ as _e } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const qe = {
+import { BattleEvent as v } from "../../types/battle.js";
+import { _ as qe } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const be = {
   id: "AtomicxCoHostPanel",
   class: "connection-panel"
-}, be = {
+}, ge = {
   key: 0,
   id: "userListContainer",
   class: "user-list-container"
-}, ge = { class: "user-list-title" }, Be = { class: "user-list-title-text" }, Ee = { class: "user-list-title-count" }, He = { class: "user-list" }, ke = { class: "user-item-left" }, Se = { class: "user-item-right" }, Te = { class: "user-info" }, Ne = { class: "user-name" }, Ue = { class: "user-status" }, xe = {
+}, Ee = { class: "user-list-title" }, Be = { class: "user-list-title-text" }, He = { class: "user-list-title-count" }, Se = { class: "user-list" }, ke = { class: "user-item-left" }, Te = { class: "user-item-right" }, Ne = { class: "user-info" }, xe = { class: "user-name" }, Ue = { class: "user-status" }, Oe = {
   key: 0,
   class: "empty-state"
 }, we = {
   key: 0,
   class: "connection-panel-footer"
-}, Oe = /* @__PURE__ */ ce({
+}, Ae = /* @__PURE__ */ ce({
   __name: "ConnectionPanel",
   props: {
     battleDuration: {},
     coHostLayoutTemplate: {}
   },
   setup(K) {
-    const U = K, { t: o } = Ce(), { loginUserInfo: f } = Re(), {
+    const x = K, { t: o } = Ce(), { loginUserInfo: I } = pe(), {
       coHostStatus: H,
-      connected: k,
+      connected: S,
       invitees: Y,
       requestHostConnection: Q,
       cancelHostConnection: W,
-      exitHostConnection: L,
-      subscribeEvent: x,
-      unsubscribeEvent: w
+      exitHostConnection: A,
+      subscribeEvent: U,
+      unsubscribeEvent: O
     } = he(), {
       currentBattleInfo: X,
       battleUsers: Z,
@@ -44,152 +46,159 @@ const qe = {
       cancelBattleRequest: te,
       subscribeEvent: b,
       unsubscribeEvent: g
-    } = Ie(), se = G(() => ({
+    } = _e(), se = G(() => ({
       [J.HostDynamicGrid]: 9,
       [J.HostDynamic1v6]: 7
-    })[U.coHostLayoutTemplate]), B = S(!1), d = S(/* @__PURE__ */ new Set()), E = S(""), oe = (e, t) => Y.value.some((a) => a.userId === e && a.liveId === t), A = G(() => Z.value.some((e) => {
-      var t;
-      return e.userId === ((t = f.value) == null ? void 0 : t.userId);
-    })), C = S(/* @__PURE__ */ new Set()), ne = async (e) => {
+    })[x.coHostLayoutTemplate]), E = k(!1), d = k(/* @__PURE__ */ new Set()), B = k(""), oe = (t, e) => Y.value.some((n) => n.userId === t && n.liveId === e), L = G(() => Z.value.some((t) => {
+      var e;
+      return t.userId === ((e = I.value) == null ? void 0 : e.userId);
+    })), C = k(/* @__PURE__ */ new Set()), ne = async (t) => {
       try {
-        const t = await Q({
-          liveId: e.liveId,
-          layoutTemplate: U.coHostLayoutTemplate,
+        const e = await Q({
+          liveId: t.liveId,
+          layoutTemplate: x.coHostLayoutTemplate,
           timeout: 10,
           extensionInfo: JSON.stringify({
             timeout: 10,
             withBattle: !1
           })
         });
-        if (t.get(e.liveId) === _.TUIConnectionCodeSuccess)
-          C.value.add(e.userId), u({ type: i.SUCCESS, message: o("Co-host invitation sent to user", { userName: e.userName || e.userId }) });
+        if (e.get(t.liveId) === _.TUIConnectionCodeSuccess)
+          C.value.add(t.userId), r({ type: u.SUCCESS, message: o("Co-host invitation sent to user", { userName: t.userName || t.userId }) });
         else
-          switch (t.get(e.liveId)) {
+          switch (e.get(t.liveId)) {
             case _.TUIConnectionCodeRoomNotExist:
-              u({ type: i.ERROR, message: o("Send co-host request failed, Room not exist") });
+              r({ type: u.ERROR, message: o("Send co-host request failed, Room not exist") });
               break;
             case _.TUIConnectionCodeConnecting:
-              u({ type: i.ERROR, message: o("Send co-host request failed, Room is connecting") });
+              r({ type: u.ERROR, message: o("Send co-host request failed, Room is connecting") });
               break;
             case _.TUIConnectionCodeConnectingOtherRoom:
-              u({ type: i.ERROR, message: o("Send co-host request failed, Room is connecting other room") });
+              r({ type: u.ERROR, message: o("Send co-host request failed, Room is connecting other room") });
               break;
             case _.TUIConnectionCodeFull:
-              u({ type: i.ERROR, message: o("Send co-host request failed, Connected count is full") });
+              r({ type: u.ERROR, message: o("Send co-host request failed, Connected count is full") });
               break;
             case _.TUIConnectionCodeRetry:
-              u({ type: i.ERROR, message: o("Send co-host request failed") });
+              r({ type: u.ERROR, message: o("Send co-host request failed") });
               break;
             default:
-              u({ type: i.ERROR, message: o("Send co-host request failed") });
+              r({ type: u.ERROR, message: o("Send co-host request failed") });
               break;
           }
-      } catch (t) {
-        throw u({ type: i.ERROR, message: o("Send co-host request failed") }), t;
+      } catch (e) {
+        throw r({ type: u.ERROR, message: o("Send co-host request failed") }), e;
       }
-    }, ae = async (e) => {
+    }, ae = async (t) => {
       try {
-        await W({ liveId: e.liveId }), C.value.delete(e.userId);
-      } catch (t) {
-        throw u({ type: i.ERROR, message: o("Cancel co-host request failed") }), t;
+        await W({ liveId: t.liveId }), C.value.delete(t.userId);
+      } catch (e) {
+        throw r({ type: u.ERROR, message: o("Cancel co-host request failed") }), e;
       }
     }, le = () => {
-      L(), B.value = !1;
-    }, ue = async () => {
-      const e = k.value.filter((a) => {
+      A(), E.value = !1;
+    }, re = async () => {
+      const t = S.value.filter((e) => {
         var n;
-        return a.userId !== ((n = f.value) == null ? void 0 : n.userId);
-      }).map((a) => a.userId), t = await ee({
-        config: {
-          duration: U.battleDuration,
-          needResponse: !0
-        },
-        userIdList: e,
-        timeout: 10
-      });
-      E.value = t.battleId, e.forEach((a) => d.value.add(a));
-    }, ie = async () => {
+        return e.userId !== ((n = I.value) == null ? void 0 : n.userId);
+      }).map((e) => e.userId);
+      try {
+        const e = await ee({
+          config: {
+            duration: x.battleDuration,
+            needResponse: !0,
+            extensionInfo: ""
+          },
+          userIdList: t,
+          timeout: 10
+        });
+        B.value = e.battleId, t.forEach((n) => d.value.add(n));
+      } catch (e) {
+        const n = o(ye[e.code] || "Request battle failed");
+        r.error({ message: n });
+      }
+    }, ue = async () => {
       await te({
-        battleId: E.value,
+        battleId: B.value,
         userIdList: Array.from(d.value)
-      }), E.value = "", d.value.clear();
-    }, $ = ({ invitee: e }) => {
-      C.value.has(e.userId) && C.value.delete(e.userId);
-    }, j = ({ invitee: e }) => {
-      C.value.has(e.userId) && (u({ type: i.INFO, message: o("Co-host request rejected by user", { userName: e.userName || e.userId }) }), C.value.delete(e.userId));
-    }, D = ({ inviter: e, invitee: t }) => {
-      var a;
-      e.userId === ((a = f.value) == null ? void 0 : a.userId) && C.value.has(t.userId) && (u({ type: i.INFO, message: o("Co-host request timeout for user", { userName: t.userName || t.userId }) }), C.value.delete(t.userId));
-    }, z = (e) => {
-      var t;
-      e.inviter.userId === ((t = f.value) == null ? void 0 : t.userId) && d.value.delete(e.invitee.userId);
-    }, F = (e) => {
-      var t;
-      e.inviter.userId === ((t = f.value) == null ? void 0 : t.userId) && (u({ type: i.INFO, message: o("Battle request rejected by user", { userName: e.invitee.userName || e.invitee.userId }) }), d.value.delete(e.invitee.userId));
-    }, P = (e) => {
-      var t;
-      e.inviter.userId === ((t = f.value) == null ? void 0 : t.userId) && d.value.delete(e.invitee.userId);
-    }, M = (e) => {
-      E.value = "", d.value.clear();
-    }, V = (e) => {
-      E.value = "", d.value.clear();
+      }), B.value = "", d.value.clear();
+    }, $ = ({ invitee: t }) => {
+      C.value.has(t.userId) && C.value.delete(t.userId);
+    }, j = ({ invitee: t }) => {
+      C.value.has(t.userId) && (r({ type: u.INFO, message: o("Co-host request rejected by user", { userName: t.userName || t.userId }) }), C.value.delete(t.userId));
+    }, D = ({ inviter: t, invitee: e }) => {
+      var n;
+      t.userId === ((n = I.value) == null ? void 0 : n.userId) && C.value.has(e.userId) && (r({ type: u.INFO, message: o("Co-host request timeout for user", { userName: e.userName || e.userId }) }), C.value.delete(e.userId));
+    }, z = (t) => {
+      var e;
+      t.inviter.userId === ((e = I.value) == null ? void 0 : e.userId) && d.value.delete(t.invitee.userId);
+    }, F = (t) => {
+      var e;
+      t.inviter.userId === ((e = I.value) == null ? void 0 : e.userId) && (r({ type: u.INFO, message: o("Battle request rejected by user", { userName: t.invitee.userName || t.invitee.userId }) }), d.value.delete(t.invitee.userId));
+    }, P = (t) => {
+      var e;
+      t.inviter.userId === ((e = I.value) == null ? void 0 : e.userId) && d.value.delete(t.invitee.userId);
+    }, M = () => {
+      B.value = "", d.value.clear();
+    }, V = () => {
+      B.value = "", d.value.clear();
     };
     return de(() => {
-      x(q.onCoHostRequestAccepted, $), x(q.onCoHostRequestRejected, j), x(q.onCoHostRequestTimeout, D), b(v.onBattleRequestAccept, z), b(v.onBattleRequestReject, F), b(v.onBattleRequestTimeout, P), b(v.onBattleStarted, M), b(v.onBattleEnded, V);
+      U(q.onCoHostRequestAccepted, $), U(q.onCoHostRequestRejected, j), U(q.onCoHostRequestTimeout, D), b(v.onBattleRequestAccept, z), b(v.onBattleRequestReject, F), b(v.onBattleRequestTimeout, P), b(v.onBattleStarted, M), b(v.onBattleEnded, V);
     }), me(() => {
-      w(q.onCoHostRequestAccepted, $), w(q.onCoHostRequestRejected, j), w(q.onCoHostRequestTimeout, D), g(v.onBattleRequestAccept, z), g(v.onBattleRequestReject, F), g(v.onBattleRequestTimeout, P), g(v.onBattleStarted, M), g(v.onBattleEnded, V);
-    }), (e, t) => {
-      var a;
-      return r(), I(O, null, [
-        c("div", qe, [
-          s(H) === s(N).Connected ? (r(), I("div", be, [
-            c("div", ge, [
+      O(q.onCoHostRequestAccepted, $), O(q.onCoHostRequestRejected, j), O(q.onCoHostRequestTimeout, D), g(v.onBattleRequestAccept, z), g(v.onBattleRequestReject, F), g(v.onBattleRequestTimeout, P), g(v.onBattleStarted, M), g(v.onBattleEnded, V);
+    }), (t, e) => {
+      var n;
+      return i(), p(w, null, [
+        c("div", be, [
+          s(H) === s(N).Connected ? (i(), p("div", ge, [
+            c("div", Ee, [
               c("span", Be, l(s(o)("Current seat")), 1),
-              c("span", Ee, l(`(${s(k).length}/${se.value})`), 1)
+              c("span", He, l(`(${s(S).length}/${se.value})`), 1)
             ]),
-            c("div", He, [
-              (r(!0), I(O, null, ve(s(k), (n) => (r(), I("div", {
-                key: `${n.userId}-${n.liveId}`,
+            c("div", Se, [
+              (i(!0), p(w, null, ve(s(S), (a) => (i(), p("div", {
+                key: `${a.userId}-${a.liveId}`,
                 class: "user-item"
               }, [
                 c("div", ke, [
                   h(s(fe), {
-                    src: n.avatarUrl,
+                    src: a.avatarUrl,
                     size: 40
                   }, null, 8, ["src"])
                 ]),
-                c("div", Se, [
-                  c("div", Te, [
-                    c("span", Ne, l(n.userName || n.userId), 1)
+                c("div", Te, [
+                  c("div", Ne, [
+                    c("span", xe, l(a.userName || a.userId), 1)
                   ]),
                   c("div", Ue, l(s(o)("Connecting")) + "... ", 1)
                 ])
               ]))), 128))
             ]),
-            s(k).length === 0 ? (r(), I("div", xe, [
+            s(S).length === 0 ? (i(), p("div", Oe, [
               c("span", null, l(s(o)("Seat is empty")), 1)
             ])) : y("", !0)
           ])) : y("", !0),
-          h(ye, { class: "recommend-host-list" }, {
-            "host-item-actions": m(({ user: n }) => [
-              oe(n.userId, n.liveId) ? (r(), T(s(R), {
+          h(Ie, { class: "recommend-host-list" }, {
+            "host-item-actions": m(({ user: a }) => [
+              oe(a.userId, a.liveId) ? (i(), T(s(f), {
                 key: 1,
                 size: "small",
                 color: "gray",
-                onClick: (re) => ae(n)
+                onClick: (ie) => ae(a)
               }, {
                 default: m(() => [
-                  p(l(s(o)("Cancel invitation")), 1)
+                  R(l(s(o)("Cancel invitation")), 1)
                 ]),
                 _: 1
-              }, 8, ["onClick"])) : (r(), T(s(R), {
+              }, 8, ["onClick"])) : (i(), T(s(f), {
                 key: 0,
                 size: "small",
                 type: s(H) === s(N).Connected ? "default" : "primary",
-                onClick: (re) => ne(n)
+                onClick: (ie) => ne(a)
               }, {
                 default: m(() => [
-                  p(l(s(o)("Invite connection")), 1)
+                  R(l(s(o)("Invite connection")), 1)
                 ]),
                 _: 1
               }, 8, ["type", "onClick"]))
@@ -197,77 +206,77 @@ const qe = {
             _: 1
           })
         ]),
-        s(H) === s(N).Connected ? (r(), I("div", we, [
-          h(s(R), {
+        s(H) === s(N).Connected ? (i(), p("div", we, [
+          h(s(f), {
             color: "red",
-            onClick: t[0] || (t[0] = (n) => B.value = !0)
+            onClick: e[0] || (e[0] = (a) => E.value = !0)
           }, {
             default: m(() => [
-              p(l(s(o)("Exit connection")), 1)
+              R(l(s(o)("Exit connection")), 1)
             ]),
             _: 1
           }),
-          (a = s(X)) != null && a.battleId ? y("", !0) : (r(), I(O, { key: 0 }, [
-            !A.value && d.value.size === 0 ? (r(), T(s(R), {
+          (n = s(X)) != null && n.battleId ? y("", !0) : (i(), p(w, { key: 0 }, [
+            !L.value && d.value.size === 0 ? (i(), T(s(f), {
               key: 0,
               type: "primary",
-              onClick: ue
+              onClick: re
             }, {
               default: m(() => [
-                p(l(s(o)("Start battle")), 1)
+                R(l(s(o)("Start battle")), 1)
               ]),
               _: 1
             })) : y("", !0),
-            !A.value && d.value.size > 0 ? (r(), T(s(R), {
+            !L.value && d.value.size > 0 ? (i(), T(s(f), {
               key: 1,
-              onClick: ie
+              onClick: ue
             }, {
               default: m(() => [
-                p(l(s(o)("Cancel battle")), 1)
+                R(l(s(o)("Cancel battle")), 1)
               ]),
               _: 1
             })) : y("", !0)
           ], 64))
         ])) : y("", !0),
-        h(s(pe), {
-          visible: s(H) === s(N).Connected && B.value,
+        h(s(Re), {
+          visible: s(H) === s(N).Connected && E.value,
           showClose: !1,
           modal: !1,
           customClasses: ["exit-co-host-dialog"],
-          onConfirm: s(L),
-          onCancel: t[2] || (t[2] = (n) => B.value = !1)
+          onConfirm: s(A),
+          onCancel: e[2] || (e[2] = (a) => E.value = !1)
         }, {
           footer: m(() => [
-            h(s(R), {
+            h(s(f), {
               type: "default",
               color: "gray",
-              onClick: t[1] || (t[1] = (n) => B.value = !1)
+              onClick: e[1] || (e[1] = (a) => E.value = !1)
             }, {
               default: m(() => [
-                p(l(s(o)("Cancel")), 1)
+                R(l(s(o)("Cancel")), 1)
               ]),
               _: 1
             }),
-            h(s(R), {
+            h(s(f), {
               type: "primary",
               color: "red",
               onClick: le
             }, {
               default: m(() => [
-                p(l(s(o)("Exit connection")), 1)
+                R(l(s(o)("Exit connection")), 1)
               ]),
               _: 1
             })
           ]),
           default: m(() => [
-            p(l(s(o)("Are you sure you want to exit the connection")) + " ", 1)
+            R(l(s(o)("Are you sure you want to exit the connection")) + " ", 1)
           ]),
           _: 1
         }, 8, ["visible", "onConfirm"])
       ], 64);
     };
   }
-}), Ge = /* @__PURE__ */ _e(Oe, [["__scopeId", "data-v-fdce3ba7"]]);
+}), Ye = /* @__PURE__ */ qe(Ae, [["__scopeId", "data-v-79a3c742"]]);
 export {
-  Ge as default
+  Ye as default
 };

package/dist/components/CoHostPanel/RecommendHostList.js

@@ -1,12 +1,12 @@
-import { defineComponent as E, ref as u, onMounted as T, onUnmounted as M, createElementBlock as r, openBlock as a, createElementVNode as e, createCommentVNode as S, createVNode as R, toDisplayString as c, unref as t, normalizeClass as N, Fragment as U, renderList as w, renderSlot as H } from "vue";
-import { useUIKit as b, IconRefresh as x, TUIToast as y, TOAST_TYPE as I } from "@tencentcloud/uikit-base-component-vue3";
-import { TUIErrorCode as O } from "@tencentcloud/tuiroom-engine-js";
-import { useLiveState as P } from "../../states/LiveState/index.js";
+import { defineComponent as T, ref as m, computed as E, onMounted as H, onUnmounted as M, createElementBlock as r, openBlock as a, createElementVNode as e, createCommentVNode as S, createVNode as g, toDisplayString as c, unref as t, normalizeClass as N, Fragment as U, renderList as x, renderSlot as b } from "vue";
+import { useUIKit as w, IconRefresh as O, TUIToast as y, TOAST_TYPE as L } from "@tencentcloud/uikit-base-component-vue3";
+import { TUIErrorCode as P } from "@tencentcloud/tuiroom-engine-js";
 import V from "../Avatar/Avatar.js";
 import { useCoHostState as $ } from "../../states/CoHostState/CoHostState.js";
-import { CoHostStatus as q } from "../../types/coHost.js";
-import { _ as z } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const A = { class: "recommend-host-list-container" }, B = { class: "recommend-host-list-title" }, F = { class: "recommend-host-list-title-text" }, D = { class: "recommend-host-list-content" }, K = { class: "recommend-host-list" }, Q = { class: "user-item-left" }, Y = { class: "user-item-right" }, j = { class: "user-info" }, G = { class: "user-name" }, J = { class: "user-actions" }, W = {
+import { useLiveListState as q } from "../../states/LiveListState/LiveListState.js";
+import { CoHostStatus as z } from "../../types/coHost.js";
+import { _ as A } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const B = { class: "recommend-host-list-container" }, F = { class: "recommend-host-list-title" }, D = { class: "recommend-host-list-title-text" }, K = { class: "recommend-host-list" }, Q = { class: "user-item-left" }, Y = { class: "user-item-right" }, j = { class: "user-info" }, G = { class: "user-name" }, J = { class: "user-actions" }, W = {
   key: 0,
   class: "loading-content"
 }, X = {
@@ -18,35 +18,34 @@ const A = { class: "recommend-host-list-container" }, B = { class: "recommend-ho
 }, ee = {
   key: 0,
   class: "empty-state"
-}, te = /* @__PURE__ */ E({
+}, te = /* @__PURE__ */ T({
   __name: "RecommendHostList",
   setup(se) {
-    const { t: o } = b(), { currentCursor: p, liveList: m, fetchLiveList: g } = P(), { coHostStatus: L, invitees: k, candidates: v } = $(), l = u(null);
+    const { t: o } = w(), { liveListCursor: h, fetchLiveList: p } = q(), { coHostStatus: I, invitees: C, candidates: u } = $(), v = m(null), l = m(null);
     let i = null;
-    const _ = u(!1), d = u(!1), f = u(!0);
-    async function C() {
-      _.value = !0, Promise.all([
+    const f = m(!1), d = m(!1), R = E(() => h.value !== "");
+    async function k() {
+      f.value = !0, v.value && (v.value.scrollTop = 0), Promise.all([
         new Promise((n) => setTimeout(n, 500)),
-        g({
+        p({
           cursor: "",
           count: 20
         })
       ]).catch((n) => {
-        n.code === O.ERR_FREQ_LIMIT ? y({ type: I.ERROR, message: o("Request too frequent, please try again later") }) : y({ type: I.ERROR, message: o("Refresh error, please try again later") });
+        n.code === P.ERR_FREQ_LIMIT ? y({ type: L.ERROR, message: o("Request too frequent, please try again later") }) : y({ type: L.ERROR, message: o("Refresh error, please try again later") });
       }).finally(() => {
-        _.value = !1;
+        f.value = !1;
       });
     }
-    return T(() => {
+    return H(() => {
       l.value && (i = new IntersectionObserver(async (n) => {
-        if (n[0].isIntersecting && !d.value && f.value) {
+        if (n[0].isIntersecting && !d.value && R.value) {
           d.value = !0;
           try {
-            const s = m.value.length;
-            await g({
-              cursor: p.value === "" ? m.value.length + "" : p.value,
+            await p({
+              cursor: h.value,
               count: 20
-            }), m.value.length - s < 20 && (f.value = !1);
+            });
           } catch (s) {
             console.error("Load more users failed:", s);
           } finally {
@@ -59,22 +58,26 @@ const A = { class: "recommend-host-list-container" }, B = { class: "recommend-ho
       }), i.observe(l.value));
     }), M(() => {
       l.value && (i == null || i.unobserve(l.value));
-    }), (n, h) => (a(), r("div", A, [
-      e("div", B, [
-        e("span", F, c(t(L) === t(q).Connected ? t(o)("Invite more") : t(o)("Recommend hosts")), 1),
-        R(t(x), {
-          class: N(["refresh-icon", _.value ? "loading" : ""]),
-          onClick: C
+    }), (n, _) => (a(), r("div", B, [
+      e("div", F, [
+        e("span", D, c(t(I) === t(z).Connected ? t(o)("Invite more") : t(o)("Recommend hosts")), 1),
+        g(t(O), {
+          class: N(["refresh-icon", f.value ? "loading" : ""]),
+          onClick: k
         }, null, 8, ["class"])
       ]),
-      e("div", D, [
+      e("div", {
+        class: "recommend-host-list-content",
+        ref_key: "recommendHostListContentRef",
+        ref: v
+      }, [
         e("div", K, [
-          (a(!0), r(U, null, w([...t(k), ...t(v)], (s) => (a(), r("div", {
+          (a(!0), r(U, null, x([...t(C), ...t(u)], (s) => (a(), r("div", {
             key: `${s.userId}-${s.liveId}`,
             class: "user-item"
           }, [
             e("div", Q, [
-              R(t(V), {
+              g(t(V), {
                 src: s.avatarUrl,
                 size: 40
               }, null, 8, ["src"])
@@ -84,7 +87,7 @@ const A = { class: "recommend-host-list-container" }, B = { class: "recommend-ho
                 e("span", G, c(s.userName || s.userId), 1)
               ]),
               e("div", J, [
-                H(n.$slots, "host-item-actions", { user: s }, void 0, !0)
+                b(n.$slots, "host-item-actions", { user: s }, void 0, !0)
               ])
             ])
           ]))), 128))
@@ -95,19 +98,19 @@ const A = { class: "recommend-host-list-container" }, B = { class: "recommend-ho
           ref: l
         }, [
           d.value ? (a(), r("div", W, [
-            h[0] || (h[0] = e("div", { class: "loading-spinner" }, null, -1)),
+            _[0] || (_[0] = e("div", { class: "loading-spinner" }, null, -1)),
             e("span", null, c(t(o)("Loading more users...")), 1)
-          ])) : !f.value && t(v).length > 0 ? (a(), r("div", X, [
+          ])) : !R.value && t(u).length > 0 ? (a(), r("div", X, [
             e("span", null, c(t(o)("No more users")), 1)
           ])) : (a(), r("div", Z))
         ], 512)
-      ]),
-      t(v).length === 0 ? (a(), r("div", ee, [
+      ], 512),
+      t(u).length === 0 ? (a(), r("div", ee, [
         e("span", null, c(t(o)("No hosts available to invite")), 1)
       ])) : S("", !0)
     ]));
   }
-}), me = /* @__PURE__ */ z(te, [["__scopeId", "data-v-9b8c9a7e"]]);
+}), me = /* @__PURE__ */ A(te, [["__scopeId", "data-v-6106f308"]]);
 export {
   me as default
 };

package/dist/components/CoHostPanel/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const ERROR_MESSAGE: {
+    100412: string;
+};

package/dist/components/CoHostPanel/constants.js

@@ -0,0 +1,6 @@
+const o = {
+  100412: "there is no one valid room for battle"
+};
+export {
+  o as ERROR_MESSAGE
+};

package/dist/components/CoHostPanel/i18n/en-US/index.d.ts

@@ -71,4 +71,5 @@ export declare const resource: {
     'Battle duration': string;
     'Number minutes': string;
     'Connection Layout': string;
+    'there is no one valid room for battle': string;
 };

package/dist/components/CoHostPanel/i18n/en-US/index.js

@@ -74,7 +74,8 @@ const e = {
   "Anchor battle settings": "Anchor battle settings",
   "Battle duration": "Battle duration",
   "Number minutes": "{{number}} minutes",
-  "Connection Layout": "Connection Layout"
+  "Connection Layout": "Connection Layout",
+  "there is no one valid room for battle": "There is no one valid room for battle"
 };
 export {
   e as resource

package/dist/components/CoHostPanel/i18n/zh-CN/index.d.ts

@@ -72,4 +72,5 @@ export declare const resource: {
     'Battle duration': string;
     'Number minutes': string;
     'Connection Layout': string;
+    'there is no one valid room for battle': string;
 };

package/dist/components/CoHostPanel/i18n/zh-CN/index.js

@@ -54,7 +54,7 @@ const e = {
   "Refresh error, please try again later": "刷新失败，请稍后再试",
   "Are you sure you want to exit the battle": "确定要退出 PK 吗？",
   "Request battle failed": "发起 PK 失败",
-  "Battle ended": "PK 已结束",
+  "Battle ended": "PK 结束",
   "Battle started": "PK 已开始",
   "User joined battle": "用户{{userName}}已加入 PK",
   "User exited battle": "用户{{userName}}已退出 PK",
@@ -75,7 +75,8 @@ const e = {
   "Anchor battle settings": "主播PK设置",
   "Battle duration": "发起 PK 时长",
   "Number minutes": "{{number}} 分钟",
-  "Connection Layout": "连线布局"
+  "Connection Layout": "连线布局",
+  "there is no one valid room for battle": "发起的 PK 中无有效的房间"
 };
 export {
   e as resource