tuikit-atomicx-vue3 3.4.1 → 4.3.0

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

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
 };