tuikit-atomicx-vue3 3.3.3 → 3.4.1

package/dist/components/LiveAudienceList/UserActionMenu.js

@@ -1,21 +1,15 @@
-import { defineComponent, ref, computed, onMounted, onUnmounted, createElementBlock, openBlock, withModifiers, createElementVNode, createCommentVNode, createVNode, unref, toDisplayString, Fragment, renderList } from "vue";
-import { useUIKit, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
-import { useCoGuestState } from "../../states/CoGuestState.js";
-import { useLiveAudienceState } from "../../states/LiveAudienceState.js";
-import { useLiveState } from "../../states/LiveState/index.js";
-import { useLoginState } from "../../states/LoginState.js";
-import Avatar from "../Avatar/Avatar.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "action-menu-content" };
-const _hoisted_2 = { class: "action-menu-header" };
-const _hoisted_3 = { class: "user-info-simple" };
-const _hoisted_4 = { class: "user-name-simple" };
-const _hoisted_5 = {
+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 = {
   key: 0,
   class: "action-menu-list"
-};
-const _hoisted_6 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, ee = ["onClick"], se = /* @__PURE__ */ D({
   __name: "UserActionMenu",
   props: {
     userId: {},
@@ -24,121 +18,85 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     clickTarget: {}
   },
   emits: ["close"],
-  setup(__props, { emit: __emit }) {
-    const { t } = useUIKit();
-    const actionMenuRef = ref();
-    const emit = __emit;
-    const props = __props;
-    const { currentLive } = useLiveState();
-    const {
-      userListInCoGuest,
-      receivedCoGuestUserList,
-      sentCoGuestUserList,
-      availableCoGuestUserList,
-      disconnect
-    } = useCoGuestState();
-    const { disableSendMessage, audienceList, kickUserOutOfRoom } = useLiveAudienceState();
-    const { loginUserInfo } = useLoginState();
-    const currentUserInfo = computed(() => audienceList.value.find((user) => user.userId === props.userId));
-    const isOwner = computed(() => {
-      var _a, _b;
-      return ((_a = loginUserInfo.value) == null ? void 0 : _a.userId) === ((_b = currentLive.value) == null ? void 0 : _b.liveOwner.userId);
-    });
-    const actions = computed(() => {
-      var _a;
-      const tempActions = [];
-      if (!isOwner.value) {
+  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;
+      const e = [];
+      if (!F.value)
         return [];
-      }
-      const isInCoGuest = userListInCoGuest.value.some((user) => user.userId === props.userId);
-      sentCoGuestUserList.value.some((user) => user.userId === props.userId);
-      availableCoGuestUserList.value.some((user) => user.userId === props.userId);
-      receivedCoGuestUserList.value.some((user) => user.userId === props.userId);
-      const isDisableSendMessage = (_a = currentUserInfo.value) == null ? void 0 : _a.isMessageDisabled;
-      if (!isDisableSendMessage) {
-        tempActions.push({
-          label: t("Mute"),
-          action: "disableSendMessage",
-          actionFn: () => disableSendMessage({ userId: props.userId, isDisable: true })
-        });
-      }
-      if (isDisableSendMessage) {
-        tempActions.push({
-          label: t("Unmute"),
-          action: "disableSendMessage",
-          actionFn: () => disableSendMessage({ userId: props.userId, isDisable: false })
-        });
-      }
-      if (isInCoGuest) {
-        tempActions.push({ label: t("Kick out"), action: "disconnect", actionFn: () => disconnect(props.userId) });
-      }
-      tempActions.push({
-        label: t("Kick out of room"),
+      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"),
+        action: "disableSendMessage",
+        actionFn: () => v({ userId: t.userId, isDisable: !0 })
+      }), n && e.push({
+        label: i("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"),
         action: "kickUserOutOfRoom",
-        actionFn: () => kickUserOutOfRoom({ userId: props.userId })
-      });
-      return tempActions;
-    });
-    const handleAction = async (action) => {
+        actionFn: () => S({ userId: t.userId })
+      }), e;
+    }), G = async (e) => {
       try {
-        await action.actionFn();
-        TUIToast.success({
-          message: t("Operation successful")
+        await e.actionFn(), b.success({
+          message: i("Operation successful")
         });
-      } catch (error) {
-        console.error("Action failed:", error);
-        TUIToast.error({
-          message: t("Operation failed")
+      } catch (s) {
+        console.error("Action failed:", s), b.error({
+          message: i("Operation failed")
         });
       }
-      emit("close");
-    };
-    const handleClickOutside = (event) => {
-      var _a, _b;
-      const target = event.target;
-      if (!((_a = actionMenuRef.value) == null ? void 0 : _a.contains(target)) && !((_b = props.clickTarget) == null ? void 0 : _b.contains(target))) {
-        emit("close");
-      }
-    };
-    onMounted(() => {
-      document.addEventListener("click", handleClickOutside);
-    });
-    onUnmounted(() => {
-      document.removeEventListener("click", handleClickOutside);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "actionMenuRef",
-        ref: actionMenuRef,
-        class: "user-action-menu",
-        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-        }, ["stop"]))
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, [
-              createVNode(unref(Avatar), {
-                src: _ctx.avatarUrl,
-                size: 26
-              }, null, 8, ["src"]),
-              createElementVNode("span", _hoisted_4, toDisplayString(_ctx.userName || _ctx.userId), 1)
-            ])
-          ]),
-          actions.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(actions.value, (action) => {
-              return openBlock(), createElementBlock("button", {
-                key: action.label,
-                class: "action-menu-item",
-                onClick: ($event) => handleAction(action)
-              }, toDisplayString(action.label), 9, _hoisted_6);
-            }), 128))
-          ])) : createCommentVNode("", true)
-        ])
-      ], 512);
+      f("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");
     };
+    return w(() => {
+      document.addEventListener("click", p);
+    }), E(() => {
+      document.removeEventListener("click", p);
+    }), (e, s) => (u(), c("div", {
+      ref_key: "actionMenuRef",
+      ref: m,
+      class: "user-action-menu",
+      onClick: s[0] || (s[0] = R(() => {
+      }, ["stop"]))
+    }, [
+      l("div", Q, [
+        l("div", W, [
+          l("div", X, [
+            x(K(J), {
+              src: a.avatarUrl,
+              size: 26
+            }, null, 8, ["src"]),
+            l("span", Y, k(a.userName || a.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,
+            class: "action-menu-item",
+            onClick: (r) => G(n)
+          }, k(n.label), 9, ee))), 128))
+        ])) : T("", !0)
+      ])
+    ], 512));
   }
-});
-const UserActionMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8fb62a68"]]);
+}), le = /* @__PURE__ */ P(se, [["__scopeId", "data-v-8fb62a68"]]);
 export {
-  UserActionMenu as default
+  le as default
 };

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

@@ -1,4 +1,4 @@
-const resource = {
+const e = {
   "Online audience": "Online audience",
   "No audience yet": "No audience yet",
   Mute: "Mute",
@@ -17,5 +17,5 @@ const resource = {
   "Only show 200 viewers": "Only show 200 viewers"
 };
 export {
-  resource
+  e as resource
 };

package/dist/components/LiveAudienceList/i18n/index.js

@@ -1,6 +1,6 @@
-import { resource } from "./en-US/index.js";
-import { resource as resource2 } from "./zh-CN/index.js";
+import { resource as o } from "./en-US/index.js";
+import { resource as c } from "./zh-CN/index.js";
 export {
-  resource as enResource,
-  resource2 as zhResource
+  o as enResource,
+  c as zhResource
 };

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

@@ -1,4 +1,4 @@
-const resource = {
+const e = {
   "Online audience": "在线观众",
   "No audience yet": "暂无观众",
   Mute: "禁言",
@@ -21,5 +21,5 @@ const resource = {
   "Only show 200 viewers": "最多只显示 200 名观众哦"
 };
 export {
-  resource
+  e as resource
 };

package/dist/components/LiveAudienceList/index.js

@@ -1,12 +1,12 @@
-import LiveAudienceListPC from "./LiveAudienceList.js";
-import LiveAudienceListH5 from "./LiveAudienceListH5.js";
-import { addI18n } from "../../i18n/index.js";
-import { resource } from "./i18n/en-US/index.js";
-import { resource as resource$1 } from "./i18n/zh-CN/index.js";
-import { isMobile } from "../../utils/environment.js";
-const LiveAudienceList = isMobile ? LiveAudienceListH5 : LiveAudienceListPC;
-addI18n("en-US", { translation: resource });
-addI18n("zh-CN", { translation: resource$1 });
+import o from "./LiveAudienceList.js";
+import i from "./LiveAudienceListH5.js";
+import { addI18n as r } from "../../i18n/index.js";
+import { resource as e } from "./i18n/en-US/index.js";
+import { resource as t } from "./i18n/zh-CN/index.js";
+import { isMobile as m } from "../../utils/environment.js";
+const u = m ? i : o;
+r("en-US", { translation: e });
+r("zh-CN", { translation: t });
 export {
-  LiveAudienceList
+  u as LiveAudienceList
 };