tuikit-atomicx-vue3 3.4.2 → 3.5.0-beta.8

package/dist/components/ConversationList/index.d.ts

@@ -433,9 +433,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('../..').ConversationModel) => void;
+                selectConversation: (conversation: import('../..').ConversationModel) => void;
             }, import('vue').PublicProps, {
                 Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -768,7 +768,7 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, {
                 Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -1098,9 +1098,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 type: import('vue').PropType<import('../..').ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            select: (conversation: import('../..').ConversationModel) => void;
+            selectConversation: (conversation: import('../..').ConversationModel) => void;
         }, string, {
             Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
             isSelected: boolean;
@@ -4108,9 +4108,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('../..').ConversationModel) => void;
+                selectConversation: (conversation: import('../..').ConversationModel) => void;
             }, import('vue').PublicProps, {
                 Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -4443,7 +4443,7 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, {
                 Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -4773,9 +4773,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 type: import('vue').PropType<import('../..').ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            select: (conversation: import('../..').ConversationModel) => void;
+            selectConversation: (conversation: import('../..').ConversationModel) => void;
         }, string, {
             Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
             isSelected: boolean;
@@ -8265,9 +8265,9 @@ declare const ConversationPreview: {
                         type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                     };
                 }>> & Readonly<{
-                    onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                    onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    select: (conversation: import('../..').ConversationModel) => void;
+                    selectConversation: (conversation: import('../..').ConversationModel) => void;
                 }, import('vue').PublicProps, {
                     Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                     isSelected: boolean;
@@ -8600,7 +8600,7 @@ declare const ConversationPreview: {
                         type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                     };
                 }>> & Readonly<{
-                    onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                    onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
                 }>, {}, {}, {}, {}, {
                     Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                     isSelected: boolean;
@@ -8930,9 +8930,9 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('../..').ConversationModel) => void;
+                selectConversation: (conversation: import('../..').ConversationModel) => void;
             }, string, {
                 Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -9555,9 +9555,9 @@ declare const ConversationPreview: {
                         type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                     };
                 }>> & Readonly<{
-                    onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                    onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    select: (conversation: import('../..').ConversationModel) => void;
+                    selectConversation: (conversation: import('../..').ConversationModel) => void;
                 }, import('vue').PublicProps, {
                     Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                     isSelected: boolean;
@@ -9890,7 +9890,7 @@ declare const ConversationPreview: {
                         type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                     };
                 }>> & Readonly<{
-                    onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                    onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
                 }>, {}, {}, {}, {}, {
                     Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                     isSelected: boolean;
@@ -10220,9 +10220,9 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('../..').ConversationModel) => void;
+                selectConversation: (conversation: import('../..').ConversationModel) => void;
             }, string, {
                 Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -10840,9 +10840,9 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('../..').ConversationModel) => void;
+                selectConversation: (conversation: import('../..').ConversationModel) => void;
             }, import('vue').PublicProps, {
                 Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -11175,7 +11175,7 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, {
                 Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -11505,9 +11505,9 @@ declare const ConversationPreview: {
                 type: import('vue').PropType<import('../..').ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            select: (conversation: import('../..').ConversationModel) => void;
+            selectConversation: (conversation: import('../..').ConversationModel) => void;
         }, string, {
             Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
             isSelected: boolean;
@@ -12008,9 +12008,9 @@ declare const ConversationPreviewUI: {
             type: import('vue').PropType<import('../..').ConversationActionsConfig>;
         };
     }>> & Readonly<{
-        onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+        onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        select: (conversation: import('../..').ConversationModel) => void;
+        selectConversation: (conversation: import('../..').ConversationModel) => void;
     }, import('vue').PublicProps, {
         Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
         isSelected: boolean;
@@ -12343,7 +12343,7 @@ declare const ConversationPreviewUI: {
             type: import('vue').PropType<import('../..').ConversationActionsConfig>;
         };
     }>> & Readonly<{
-        onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+        onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
     }>, {}, {}, {}, {}, {
         Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
         isSelected: boolean;
@@ -12673,9 +12673,9 @@ declare const ConversationPreviewUI: {
         type: import('vue').PropType<import('../..').ConversationActionsConfig>;
     };
 }>> & Readonly<{
-    onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+    onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    select: (conversation: import('../..').ConversationModel) => void;
+    selectConversation: (conversation: import('../..').ConversationModel) => void;
 }, string, {
     Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
     isSelected: boolean;

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