tuikit-atomicx-vue3 3.4.2 → 4.3.0

package/dist/components/LiveAudienceList/LiveAudienceList.js

@@ -1,32 +1,31 @@
-import { defineComponent as T, ref as u, computed as b, onMounted as H, onUnmounted as D, createElementBlock as o, openBlock as r, normalizeStyle as N, createElementVNode as n, createCommentVNode as p, createBlock as F, Fragment as K, renderList as P, unref as e, createVNode as U, renderSlot as j, normalizeClass as q, toDisplayString as c } from "vue";
+import { defineComponent as T, ref as u, computed as b, onMounted as H, onUnmounted as D, createElementBlock as o, openBlock as r, normalizeStyle as V, createElementVNode as n, createCommentVNode as p, createBlock as F, Fragment as K, renderList as P, unref as e, createVNode as $, renderSlot as j, normalizeClass as q, toDisplayString as c } from "vue";
 import { useUIKit as G } from "@tencentcloud/uikit-base-component-vue3";
 import { useLiveAudienceState as J } from "../../states/LiveAudienceState.js";
-import { useLiveState as Q } from "../../states/LiveState/index.js";
-import { useLoginState as W } from "../../states/LoginState.js";
-import X from "./UserActionMenu.js";
-import V from "../Avatar/Avatar.js";
-import { LiveStatus as Y } from "../../types/live.js";
-import { _ as Z } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const ee = ["onClick"], te = { class: "viewer-info" }, se = { class: "viewer-name" }, re = {
+import { useLoginState as Q } from "../../states/LoginState.js";
+import z from "../Avatar/Avatar.js";
+import W from "./UserActionMenu.js";
+import { useLiveListState as X } from "../../states/LiveListState/LiveListState.js";
+import { _ as Y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const Z = ["onClick"], ee = { class: "viewer-info" }, te = { class: "viewer-name" }, se = {
   key: 0,
   class: "loading-indicator"
-}, ne = {
+}, re = {
   key: 1,
   class: "viewer-bottom-line"
-}, ae = {
+}, ne = {
   key: 2,
   class: "empty-state"
-}, le = {
+}, ae = {
   key: 0,
   class: "viewer-item current-user-item"
-}, ie = { class: "viewer-info" }, oe = { class: "viewer-name" }, ue = /* @__PURE__ */ T({
+}, le = { class: "viewer-info" }, ie = { class: "viewer-name" }, oe = /* @__PURE__ */ T({
   __name: "LiveAudienceList",
   props: {
     height: {},
     style: {}
   },
-  setup($) {
-    const { t: _ } = G(), g = u(null), a = u(null), v = u(!1), y = $, { loginUserInfo: d } = W(), { audienceList: L, audienceCount: z, fetchAudienceList: M } = J(), { localLiveStatus: x, currentLive: B } = Q(), E = (s) => {
+  setup(M) {
+    const { t: _ } = G(), g = u(null), a = u(null), d = u(!1), y = M, { loginUserInfo: v } = Q(), { audienceList: L, audienceCount: x, fetchAudienceList: B } = J(), { currentLive: w } = X(), E = (s) => {
       switch (s) {
         case 1:
           return "rank-first";
@@ -37,9 +36,9 @@ const ee = ["onClick"], te = { class: "viewer-info" }, se = { class: "viewer-nam
         default:
           return "rank-default";
       }
-    }, k = u(!1), m = u(null), w = u({}), C = b(() => {
+    }, k = u(!1), m = u(null), I = u({}), C = b(() => {
       var s, t;
-      return ((s = d.value) == null ? void 0 : s.userId) === ((t = B.value) == null ? void 0 : t.liveOwner.userId);
+      return ((s = v.value) == null ? void 0 : s.userId) === ((t = w.value) == null ? void 0 : t.liveOwner.userId);
     }), R = (s, t) => {
       if (!C.value)
         return;
@@ -47,34 +46,34 @@ const ee = ["onClick"], te = { class: "viewer-info" }, se = { class: "viewer-nam
       const l = t.currentTarget;
       g.value = l;
       const f = l.getBoundingClientRect();
-      w.value = {
+      I.value = {
         position: "fixed",
         left: `${f.left}px`,
         top: `${f.bottom + 8}px`,
         zIndex: 1001
       };
-    }, I = async () => {
-      if (!a.value || v.value)
+    }, S = async () => {
+      if (!a.value || d.value)
         return;
       const { scrollTop: s, clientHeight: t, scrollHeight: l } = a.value;
       if (s + t >= l - 50) {
-        v.value = !0;
+        d.value = !0;
         try {
-          await M();
+          await B();
         } finally {
-          v.value = !1;
+          d.value = !1;
         }
       }
     };
     return H(() => {
-      a.value && a.value.addEventListener("scroll", I);
+      a.value && a.value.addEventListener("scroll", S);
     }), D(() => {
-      a.value && a.value.removeEventListener("scroll", I);
+      a.value && a.value.removeEventListener("scroll", S);
     }), (s, t) => {
-      var l, f, S, A;
+      var l, f, A, N, U;
       return r(), o("div", {
         class: "viewers-panel",
-        style: N({ height: y.height, ...y.style })
+        style: V({ height: y.height, ...y.style })
       }, [
         n("div", {
           ref_key: "viewersListRef",
@@ -89,44 +88,44 @@ const ee = ["onClick"], te = { class: "viewer-info" }, se = { class: "viewer-nam
             n("span", {
               class: q(["rank", E(h + 1)])
             }, c(h < 10 ? h + 1 : "-"), 3),
-            U(e(V), {
+            $(e(z), {
               src: i.avatarUrl,
               size: 26
             }, null, 8, ["src"]),
             j(s.$slots, "audience-mark", { audience: i }, void 0, !0),
-            n("div", te, [
-              n("span", se, c(i.userName || i.userId), 1)
+            n("div", ee, [
+              n("span", te, c(i.userName || i.userId), 1)
             ])
-          ], 8, ee))), 128)),
-          v.value ? (r(), o("div", re, c(e(_)("Loading...")), 1)) : p("", !0),
-          e(z) >= 200 ? (r(), o("div", ne, c(e(_)("Only show 200 viewers")), 1)) : p("", !0),
-          e(L).length === 0 && !v.value ? (r(), o("div", ae, [
+          ], 8, Z))), 128)),
+          d.value ? (r(), o("div", se, c(e(_)("Loading...")), 1)) : p("", !0),
+          e(x) >= 200 ? (r(), o("div", re, c(e(_)("Only show 200 viewers")), 1)) : p("", !0),
+          e(L).length === 0 && !d.value ? (r(), o("div", ne, [
             n("p", null, c(e(_)("No audience yet")), 1)
           ])) : p("", !0)
         ], 512),
-        e(d) && e(x) === e(Y).Live && !C.value ? (r(), o("div", le, [
+        e(v) && ((l = e(w)) != null && l.liveId) && !C.value ? (r(), o("div", ae, [
           t[1] || (t[1] = n("span", { class: "rank" }, "-", -1)),
-          U(e(V), {
-            src: e(d).avatarUrl,
+          $(e(z), {
+            src: e(v).avatarUrl,
             size: 26
           }, null, 8, ["src"]),
-          n("div", ie, [
-            n("span", oe, c(`${e(d).userName || e(d).userId} (${e(_)("Me")})`), 1)
+          n("div", le, [
+            n("span", ie, c(`${e(v).userName || e(v).userId} (${e(_)("Me")})`), 1)
           ])
         ])) : p("", !0),
-        k.value ? (r(), F(X, {
+        k.value ? (r(), F(W, {
           key: 1,
-          "user-id": ((l = m.value) == null ? void 0 : l.userId) || "",
-          "user-name": ((f = m.value) == null ? void 0 : f.userName) || ((S = m.value) == null ? void 0 : S.userId) || "",
-          "avatar-url": (A = m.value) == null ? void 0 : A.avatarUrl,
-          style: N(w.value),
+          "user-id": ((f = m.value) == null ? void 0 : f.userId) || "",
+          "user-name": ((A = m.value) == null ? void 0 : A.userName) || ((N = m.value) == null ? void 0 : N.userId) || "",
+          "avatar-url": (U = m.value) == null ? void 0 : U.avatarUrl,
+          style: V(I.value),
           "click-target": g.value,
           onClose: t[0] || (t[0] = (i) => k.value = !1)
         }, null, 8, ["user-id", "user-name", "avatar-url", "style", "click-target"])) : p("", !0)
       ], 4);
     };
   }
-}), ge = /* @__PURE__ */ Z(ue, [["__scopeId", "data-v-51062739"]]);
+}), ke = /* @__PURE__ */ Y(oe, [["__scopeId", "data-v-924c6ef3"]]);
 export {
-  ge as default
+  ke as default
 };

package/dist/components/LiveAudienceList/LiveAudienceListH5.js

@@ -1,9 +1,9 @@
 import { defineComponent as C, ref as c, computed as S, createElementBlock as o, openBlock as r, normalizeStyle as x, createElementVNode as l, createCommentVNode as p, Fragment as V, renderList as A, unref as s, createVNode as N, renderSlot as b, toDisplayString as a } from "vue";
 import { useLoginState as z } from "../../states/LoginState.js";
-import { useLiveState as B } from "../../states/LiveState/index.js";
-import { useLiveAudienceState as O } from "../../states/LiveAudienceState.js";
-import { useUIKit as U } from "@tencentcloud/uikit-base-component-vue3";
-import $ from "../Avatar/Avatar.js";
+import { useLiveAudienceState as B } from "../../states/LiveAudienceState.js";
+import { useUIKit as O } from "@tencentcloud/uikit-base-component-vue3";
+import U from "../Avatar/Avatar.js";
+import { useLiveListState as $ } from "../../states/LiveListState/LiveListState.js";
 import { _ as E } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const H = { class: "viewers-list" }, M = ["onClick"], T = { class: "viewer-info" }, D = { class: "viewer-name" }, F = {
   key: 0,
@@ -18,7 +18,7 @@ const H = { class: "viewers-list" }, M = ["onClick"], T = { class: "viewer-info"
     style: {}
   },
   setup(v) {
-    const { t: u } = U(), _ = c(null), d = v, { loginUserInfo: f } = z(), { audienceList: m, audienceCount: h } = O(), { currentLive: g } = B(), y = c(!1), L = c(null), k = c({}), w = S(() => {
+    const { t: u } = O(), _ = c(null), d = v, { loginUserInfo: f } = z(), { audienceList: m, audienceCount: h } = B(), { currentLive: g } = $(), y = c(!1), L = c(null), k = c({}), w = S(() => {
       var t, n;
       return ((t = f.value) == null ? void 0 : t.userId) === ((n = g.value) == null ? void 0 : n.liveOwner.userId);
     }), I = (t, n) => {
@@ -44,7 +44,7 @@ const H = { class: "viewers-list" }, M = ["onClick"], T = { class: "viewer-info"
           class: "viewer-item",
           onClick: (i) => I(e, i)
         }, [
-          N(s($), {
+          N(s(U), {
             src: e.avatarUrl,
             size: 40
           }, null, 8, ["src"]),
@@ -60,7 +60,7 @@ const H = { class: "viewers-list" }, M = ["onClick"], T = { class: "viewer-info"
       ])
     ], 4));
   }
-}), X = /* @__PURE__ */ E(R, [["__scopeId", "data-v-68b59301"]]);
+}), X = /* @__PURE__ */ E(R, [["__scopeId", "data-v-0031b097"]]);
 export {
   X as default
 };

package/dist/components/LiveAudienceList/UserActionMenu.js

@@ -1,15 +1,16 @@
-import { defineComponent as D, ref as N, computed as d, onMounted as w, onUnmounted as E, createElementBlock as c, openBlock as u, withModifiers as R, createElementVNode as l, createCommentVNode as T, createVNode as x, unref as K, toDisplayString as k, Fragment as V, renderList as B } from "vue";
-import { useUIKit as z, TUIToast as b } from "@tencentcloud/uikit-base-component-vue3";
-import { useCoGuestState as $ } from "../../states/CoGuestState.js";
-import { useLiveAudienceState as j } from "../../states/LiveAudienceState.js";
-import { useLiveState as q } from "../../states/LiveState/index.js";
-import { useLoginState as H } from "../../states/LoginState.js";
-import J from "../Avatar/Avatar.js";
-import { _ as P } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const Q = { class: "action-menu-content" }, W = { class: "action-menu-header" }, X = { class: "user-info-simple" }, Y = { class: "user-name-simple" }, Z = {
+import { defineComponent as y, ref as F, computed as l, onMounted as D, onUnmounted as N, createElementBlock as c, openBlock as a, withModifiers as w, createElementVNode as u, createCommentVNode as E, createVNode as R, unref as T, toDisplayString as I, Fragment as x, renderList as K } from "vue";
+import { useUIKit as V, TUIToast as k } from "@tencentcloud/uikit-base-component-vue3";
+import { useCoGuestState as B } from "../../states/CoGuestState.js";
+import { useLiveAudienceState as G } from "../../states/LiveAudienceState.js";
+import { useLoginState as z } from "../../states/LoginState.js";
+import { useLiveSeatState as $ } from "../../states/LiveSeatState/index.js";
+import j from "../Avatar/Avatar.js";
+import { useLiveListState as q } from "../../states/LiveListState/LiveListState.js";
+import { _ as H } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const J = { class: "action-menu-content" }, P = { class: "action-menu-header" }, Q = { class: "user-info-simple" }, W = { class: "user-name-simple" }, X = {
   key: 0,
   class: "action-menu-list"
-}, ee = ["onClick"], se = /* @__PURE__ */ D({
+}, Y = ["onClick"], Z = /* @__PURE__ */ y({
   __name: "UserActionMenu",
   props: {
     userId: {},
@@ -18,85 +19,77 @@ const Q = { class: "action-menu-content" }, W = { class: "action-menu-header" },
     clickTarget: {}
   },
   emits: ["close"],
-  setup(a, { emit: g }) {
-    const { t: i } = z(), m = N(), f = g, t = a, { currentLive: _ } = q(), {
-      userListInCoGuest: h,
-      receivedCoGuestUserList: U,
-      sentCoGuestUserList: C,
-      availableCoGuestUserList: L,
-      disconnect: M
-    } = $(), { disableSendMessage: v, audienceList: O, kickUserOutOfRoom: S } = j(), { loginUserInfo: A } = H(), y = d(() => O.value.find((e) => e.userId === t.userId)), F = d(() => {
-      var e, s;
-      return ((e = A.value) == null ? void 0 : e.userId) === ((s = _.value) == null ? void 0 : s.liveOwner.userId);
-    }), I = d(() => {
-      var r;
+  setup(r, { emit: g }) {
+    const { t: o } = V(), d = F(), m = g, n = r, { currentLive: _ } = q(), { connected: h } = B(), { kickUserOutOfSeat: b } = $(), { disableSendMessage: f, audienceList: U, kickUserOutOfRoom: M } = G(), { loginUserInfo: S } = z(), O = l(() => U.value.find((e) => e.userId === n.userId)), L = l(() => {
+      var e, t;
+      return ((e = S.value) == null ? void 0 : e.userId) === ((t = _.value) == null ? void 0 : t.liveOwner.userId);
+    }), v = l(() => {
+      var i;
       const e = [];
-      if (!F.value)
+      if (!L.value)
         return [];
-      const s = h.value.some((o) => o.userId === t.userId);
-      C.value.some((o) => o.userId === t.userId), L.value.some((o) => o.userId === t.userId), U.value.some((o) => o.userId === t.userId);
-      const n = (r = y.value) == null ? void 0 : r.isMessageDisabled;
-      return n || e.push({
-        label: i("Mute"),
+      const t = h.value.some((A) => A.userId === n.userId), s = (i = O.value) == null ? void 0 : i.isMessageDisabled;
+      return s || e.push({
+        label: o("Mute"),
         action: "disableSendMessage",
-        actionFn: () => v({ userId: t.userId, isDisable: !0 })
-      }), n && e.push({
-        label: i("Unmute"),
+        actionFn: () => f({ userId: n.userId, isDisable: !0 })
+      }), s && e.push({
+        label: o("Unmute"),
         action: "disableSendMessage",
-        actionFn: () => v({ userId: t.userId, isDisable: !1 })
-      }), s && e.push({ label: i("Kick out"), action: "disconnect", actionFn: () => M(t.userId) }), e.push({
-        label: i("Kick out of room"),
+        actionFn: () => f({ userId: n.userId, isDisable: !1 })
+      }), t && e.push({ label: o("Kick out"), action: "disconnect", actionFn: () => b({ userId: n.userId }) }), e.push({
+        label: o("Kick out of room"),
         action: "kickUserOutOfRoom",
-        actionFn: () => S({ userId: t.userId })
+        actionFn: () => M({ userId: n.userId })
       }), e;
-    }), G = async (e) => {
+    }), C = async (e) => {
       try {
-        await e.actionFn(), b.success({
-          message: i("Operation successful")
+        await e.actionFn(), k.success({
+          message: o("Operation successful")
         });
-      } catch (s) {
-        console.error("Action failed:", s), b.error({
-          message: i("Operation failed")
+      } catch (t) {
+        console.error("Action failed:", t), k.error({
+          message: o("Operation failed")
         });
       }
-      f("close");
+      m("close");
     }, p = (e) => {
-      var n, r;
-      const s = e.target;
-      !((n = m.value) != null && n.contains(s)) && !((r = t.clickTarget) != null && r.contains(s)) && f("close");
+      var s, i;
+      const t = e.target;
+      !((s = d.value) != null && s.contains(t)) && !((i = n.clickTarget) != null && i.contains(t)) && m("close");
     };
-    return w(() => {
+    return D(() => {
       document.addEventListener("click", p);
-    }), E(() => {
+    }), N(() => {
       document.removeEventListener("click", p);
-    }), (e, s) => (u(), c("div", {
+    }), (e, t) => (a(), c("div", {
       ref_key: "actionMenuRef",
-      ref: m,
+      ref: d,
       class: "user-action-menu",
-      onClick: s[0] || (s[0] = R(() => {
+      onClick: t[0] || (t[0] = w(() => {
       }, ["stop"]))
     }, [
-      l("div", Q, [
-        l("div", W, [
-          l("div", X, [
-            x(K(J), {
-              src: a.avatarUrl,
+      u("div", J, [
+        u("div", P, [
+          u("div", Q, [
+            R(T(j), {
+              src: r.avatarUrl,
               size: 26
             }, null, 8, ["src"]),
-            l("span", Y, k(a.userName || a.userId), 1)
+            u("span", W, I(r.userName || r.userId), 1)
           ])
         ]),
-        I.value.length > 0 ? (u(), c("div", Z, [
-          (u(!0), c(V, null, B(I.value, (n) => (u(), c("button", {
-            key: n.label,
+        v.value.length > 0 ? (a(), c("div", X, [
+          (a(!0), c(x, null, K(v.value, (s) => (a(), c("button", {
+            key: s.label,
             class: "action-menu-item",
-            onClick: (r) => G(n)
-          }, k(n.label), 9, ee))), 128))
-        ])) : T("", !0)
+            onClick: (i) => C(s)
+          }, I(s.label), 9, Y))), 128))
+        ])) : E("", !0)
       ])
     ], 512));
   }
-}), le = /* @__PURE__ */ P(se, [["__scopeId", "data-v-8fb62a68"]]);
+}), ue = /* @__PURE__ */ H(Z, [["__scopeId", "data-v-938908ee"]]);
 export {
-  le as default
+  ue as default
 };

package/dist/components/LiveList/LiveList.js

@@ -1,8 +1,8 @@
-import { defineComponent as A, useCssVars as F, ref as n, computed as g, watch as W, createElementBlock as a, createCommentVNode as d, unref as o, openBlock as r, createElementVNode as t, Fragment as D, renderList as G, createVNode as L, toDisplayString as c } from "vue";
+import { defineComponent as A, useCssVars as F, ref as n, computed as g, watch as E, createElementBlock as a, createCommentVNode as d, unref as o, openBlock as r, createElementVNode as t, Fragment as D, renderList as G, createVNode as L, toDisplayString as c } from "vue";
 import { useUIKit as T, IconLiveCoverHeader as q, IconNoLiveRoom as K } from "@tencentcloud/uikit-base-component-vue3";
-import { useLiveState as P } from "../../states/LiveState/index.js";
-import { useLoginState as Y } from "../../states/LoginState.js";
-import j from "../Avatar/Avatar.js";
+import { useLoginState as P } from "../../states/LoginState.js";
+import Y from "../Avatar/Avatar.js";
+import { useLiveListState as j } from "../../states/LiveListState/LiveListState.js";
 import { _ as J } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const Q = {
   key: 0,
@@ -19,7 +19,7 @@ const Q = {
 }, ve = {
   key: 1,
   class: "loading"
-}, M = "https://liteav-test-1252463788.cos.ap-guangzhou.myqcloud.com/voice_room/voice_room_cover1.png", ue = /* @__PURE__ */ A({
+}, W = "https://liteav-test-1252463788.cos.ap-guangzhou.myqcloud.com/voice_room/voice_room_cover1.png", ue = /* @__PURE__ */ A({
   __name: "LiveList",
   props: {
     columnCount: {
@@ -28,31 +28,31 @@ const Q = {
     }
   },
   emits: ["live-room-click"],
-  setup($, { emit: b }) {
+  setup(M, { emit: $ }) {
     F((e) => ({
-      v00e247a4: w.value,
-      v735e0d4a: N.value,
-      v4f04a082: I.value,
-      v56719468: R.value,
-      v5df1fec5: _.value
+      v54b2dea1: w.value,
+      v2af4bc06: b.value,
+      v27d9fbac: I.value,
+      v7d82ded5: R.value,
+      v190a01f8: _.value
     }));
-    const { liveList: m, currentCursor: h, fetchLiveList: C } = P(), { loginUserInfo: k } = Y(), { t: u } = T(), y = $, v = n(null), p = n(null), i = n(!1), x = g(() => h.value !== ""), w = n("356px"), I = n("270px"), R = n("356px"), _ = n("210px"), N = n("20px"), V = g(() => x.value && !i.value), E = g(() => V.value && !v.value);
-    W(
+    const { liveList: m, liveListCursor: h, fetchLiveList: C } = j(), { loginUserInfo: k } = P(), { t: u } = T(), y = M, v = n(null), p = n(null), i = n(!1), x = g(() => h.value !== ""), w = n("356px"), I = n("270px"), R = n("356px"), _ = n("210px"), b = n("20px"), N = g(() => x.value && !i.value), V = g(() => N.value && !v.value);
+    E(
       k,
       async (e) => {
         e && e.userId && (i.value = !0, h.value = "", m.value.length = 0, await C({}), i.value = !1);
       },
       { immediate: !0 }
-    ), W(p, () => {
+    ), E(p, () => {
       if (p.value && screen.width > screen.height) {
         const { width: e } = p.value.getBoundingClientRect();
         let s = 20;
-        e <= 1e3 ? s = 12 : s = 20, N.value = `${s}px`;
+        e <= 1e3 ? s = 12 : s = 20, b.value = `${s}px`;
         const l = s * (y.columnCount - 1), f = (e - l) / y.columnCount;
         R.value = `${f}px`, _.value = `${f * 0.6}px`, w.value = `${f}px`, I.value = `${_.value + 52}px`;
       }
     });
-    const H = b;
+    const H = $;
     function S(e) {
       console.log("liveRoomClick,liveInfo:", e), H("live-room-click", e);
     }
@@ -60,7 +60,7 @@ const Q = {
       return v.value ? v.value.scrollTop + v.value.clientHeight >= v.value.scrollHeight - e : !1;
     }
     function z(e) {
-      v.value && e.deltaY > 0 && U() && V.value && B();
+      v.value && e.deltaY > 0 && U() && N.value && B();
     }
     async function B() {
       if (!(!x.value || i.value))
@@ -72,7 +72,7 @@ const Q = {
     }
     function O(e) {
       const s = e.target;
-      s && (s.src = M);
+      s && (s.src = W);
     }
     return (e, s) => o(k) ? (r(), a("div", Q, [
       o(m).length > 0 ? (r(), a("div", {
@@ -105,14 +105,14 @@ const Q = {
               ]),
               s[0] || (s[0] = t("div", { class: "gradient" }, null, -1)),
               t("img", {
-                src: l.coverUrl || M,
+                src: l.coverUrl || W,
                 alt: "",
                 onError: O
               }, null, 40, se)
             ]),
             t("span", le, c(l.liveName), 1),
             t("div", ie, [
-              L(o(j), {
+              L(o(Y), {
                 src: l.liveOwner.avatarUrl,
                 size: 20,
                 style: { border: "1px solid var(--uikit-color-white-7)" }
@@ -125,13 +125,13 @@ const Q = {
         L(o(K), { size: 60 }),
         t("span", null, c(o(u)("No Live")), 1)
       ])),
-      o(m).length > 0 && (E.value || i.value) ? (r(), a("div", re, [
-        E.value ? (r(), a("span", ce, c(o(u)("Load More")), 1)) : d("", !0),
+      o(m).length > 0 && (V.value || i.value) ? (r(), a("div", re, [
+        V.value ? (r(), a("span", ce, c(o(u)("Load More")), 1)) : d("", !0),
         i.value ? (r(), a("span", ve, c(o(u)("Loading...")), 1)) : d("", !0)
       ])) : d("", !0)
     ])) : d("", !0);
   }
-}), ge = /* @__PURE__ */ J(ue, [["__scopeId", "data-v-1ee7a26b"]]);
+}), ge = /* @__PURE__ */ J(ue, [["__scopeId", "data-v-9ca7b189"]]);
 export {
   ge as default
 };