tuikit-atomicx-vue3 4.4.0 → 4.5.0

package/dist/components/MessageList/i18n/index.d.ts

@@ -67,6 +67,70 @@ declare const resources: {
             no_answer_from_recipient: string;
             no_answer_timeout: string;
         };
+        Emoji: {
+            '[TUIEmoji_Smile]': string;
+            '[TUIEmoji_Expect]': string;
+            '[TUIEmoji_Blink]': string;
+            '[TUIEmoji_Guffaw]': string;
+            '[TUIEmoji_KindSmile]': string;
+            '[TUIEmoji_Haha]': string;
+            '[TUIEmoji_Cheerful]': string;
+            '[TUIEmoji_Speechless]': string;
+            '[TUIEmoji_Amazed]': string;
+            '[TUIEmoji_Sorrow]': string;
+            '[TUIEmoji_Complacent]': string;
+            '[TUIEmoji_Silly]': string;
+            '[TUIEmoji_Lustful]': string;
+            '[TUIEmoji_Giggle]': string;
+            '[TUIEmoji_Kiss]': string;
+            '[TUIEmoji_Wail]': string;
+            '[TUIEmoji_TearsLaugh]': string;
+            '[TUIEmoji_Trapped]': string;
+            '[TUIEmoji_Mask]': string;
+            '[TUIEmoji_Fear]': string;
+            '[TUIEmoji_BareTeeth]': string;
+            '[TUIEmoji_FlareUp]': string;
+            '[TUIEmoji_Yawn]': string;
+            '[TUIEmoji_Tact]': string;
+            '[TUIEmoji_Stareyes]': string;
+            '[TUIEmoji_ShutUp]': string;
+            '[TUIEmoji_Sigh]': string;
+            '[TUIEmoji_Hehe]': string;
+            '[TUIEmoji_Silent]': string;
+            '[TUIEmoji_Surprised]': string;
+            '[TUIEmoji_Askance]': string;
+            '[TUIEmoji_Ok]': string;
+            '[TUIEmoji_Shit]': string;
+            '[TUIEmoji_Monster]': string;
+            '[TUIEmoji_Daemon]': string;
+            '[TUIEmoji_Rage]': string;
+            '[TUIEmoji_Fool]': string;
+            '[TUIEmoji_Pig]': string;
+            '[TUIEmoji_Cow]': string;
+            '[TUIEmoji_Ai]': string;
+            '[TUIEmoji_Skull]': string;
+            '[TUIEmoji_Bombs]': string;
+            '[TUIEmoji_Coffee]': string;
+            '[TUIEmoji_Cake]': string;
+            '[TUIEmoji_Beer]': string;
+            '[TUIEmoji_Flower]': string;
+            '[TUIEmoji_Watermelon]': string;
+            '[TUIEmoji_Rich]': string;
+            '[TUIEmoji_Heart]': string;
+            '[TUIEmoji_Moon]': string;
+            '[TUIEmoji_Sun]': string;
+            '[TUIEmoji_Star]': string;
+            '[TUIEmoji_RedPacket]': string;
+            '[TUIEmoji_Celebrate]': string;
+            '[TUIEmoji_Bless]': string;
+            '[TUIEmoji_Fortune]': string;
+            '[TUIEmoji_Convinced]': string;
+            '[TUIEmoji_Prohibit]': string;
+            '[TUIEmoji_666]': string;
+            '[TUIEmoji_857]': string;
+            '[TUIEmoji_Knife]': string;
+            '[TUIEmoji_Like]': string;
+        };
     };
     'zh-CN': {
         MessageList: {
@@ -136,6 +200,70 @@ declare const resources: {
             no_answer_from_recipient: string;
             no_answer_timeout: string;
         };
+        Emoji: {
+            '[TUIEmoji_Smile]': string;
+            '[TUIEmoji_Expect]': string;
+            '[TUIEmoji_Blink]': string;
+            '[TUIEmoji_Guffaw]': string;
+            '[TUIEmoji_KindSmile]': string;
+            '[TUIEmoji_Haha]': string;
+            '[TUIEmoji_Cheerful]': string;
+            '[TUIEmoji_Speechless]': string;
+            '[TUIEmoji_Amazed]': string;
+            '[TUIEmoji_Sorrow]': string;
+            '[TUIEmoji_Complacent]': string;
+            '[TUIEmoji_Silly]': string;
+            '[TUIEmoji_Lustful]': string;
+            '[TUIEmoji_Giggle]': string;
+            '[TUIEmoji_Kiss]': string;
+            '[TUIEmoji_Wail]': string;
+            '[TUIEmoji_TearsLaugh]': string;
+            '[TUIEmoji_Trapped]': string;
+            '[TUIEmoji_Mask]': string;
+            '[TUIEmoji_Fear]': string;
+            '[TUIEmoji_BareTeeth]': string;
+            '[TUIEmoji_FlareUp]': string;
+            '[TUIEmoji_Yawn]': string;
+            '[TUIEmoji_Tact]': string;
+            '[TUIEmoji_Stareyes]': string;
+            '[TUIEmoji_ShutUp]': string;
+            '[TUIEmoji_Sigh]': string;
+            '[TUIEmoji_Hehe]': string;
+            '[TUIEmoji_Silent]': string;
+            '[TUIEmoji_Surprised]': string;
+            '[TUIEmoji_Askance]': string;
+            '[TUIEmoji_Ok]': string;
+            '[TUIEmoji_Shit]': string;
+            '[TUIEmoji_Monster]': string;
+            '[TUIEmoji_Daemon]': string;
+            '[TUIEmoji_Rage]': string;
+            '[TUIEmoji_Fool]': string;
+            '[TUIEmoji_Pig]': string;
+            '[TUIEmoji_Cow]': string;
+            '[TUIEmoji_Ai]': string;
+            '[TUIEmoji_Skull]': string;
+            '[TUIEmoji_Bombs]': string;
+            '[TUIEmoji_Coffee]': string;
+            '[TUIEmoji_Cake]': string;
+            '[TUIEmoji_Beer]': string;
+            '[TUIEmoji_Flower]': string;
+            '[TUIEmoji_Watermelon]': string;
+            '[TUIEmoji_Rich]': string;
+            '[TUIEmoji_Heart]': string;
+            '[TUIEmoji_Moon]': string;
+            '[TUIEmoji_Sun]': string;
+            '[TUIEmoji_Star]': string;
+            '[TUIEmoji_RedPacket]': string;
+            '[TUIEmoji_Celebrate]': string;
+            '[TUIEmoji_Bless]': string;
+            '[TUIEmoji_Fortune]': string;
+            '[TUIEmoji_Convinced]': string;
+            '[TUIEmoji_Prohibit]': string;
+            '[TUIEmoji_666]': string;
+            '[TUIEmoji_857]': string;
+            '[TUIEmoji_Knife]': string;
+            '[TUIEmoji_Like]': string;
+        };
     };
 };
 export { resources };

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

@@ -1,9 +1,9 @@
-import { CallMessage as s, MessageList as e } from "./en-US.js";
-import { CallMessage as a, MessageList as g } from "./zh-CN.js";
-const t = {
-  "en-US": { MessageList: e, CallMessage: s },
-  "zh-CN": { MessageList: g, CallMessage: a }
+import { Emoji as s, CallMessage as e, MessageList as a } from "./en-US.js";
+import { Emoji as i, CallMessage as o, MessageList as g } from "./zh-CN.js";
+const m = {
+  "en-US": { MessageList: a, CallMessage: e, Emoji: s },
+  "zh-CN": { MessageList: g, CallMessage: o, Emoji: i }
 };
 export {
-  t as resources
+  m as resources
 };

package/dist/components/MessageList/i18n/zh-CN.d.ts

@@ -65,4 +65,68 @@ declare const CallMessage: {
     no_answer_from_recipient: string;
     no_answer_timeout: string;
 };
-export { MessageList, CallMessage, };
+declare const Emoji: {
+    '[TUIEmoji_Smile]': string;
+    '[TUIEmoji_Expect]': string;
+    '[TUIEmoji_Blink]': string;
+    '[TUIEmoji_Guffaw]': string;
+    '[TUIEmoji_KindSmile]': string;
+    '[TUIEmoji_Haha]': string;
+    '[TUIEmoji_Cheerful]': string;
+    '[TUIEmoji_Speechless]': string;
+    '[TUIEmoji_Amazed]': string;
+    '[TUIEmoji_Sorrow]': string;
+    '[TUIEmoji_Complacent]': string;
+    '[TUIEmoji_Silly]': string;
+    '[TUIEmoji_Lustful]': string;
+    '[TUIEmoji_Giggle]': string;
+    '[TUIEmoji_Kiss]': string;
+    '[TUIEmoji_Wail]': string;
+    '[TUIEmoji_TearsLaugh]': string;
+    '[TUIEmoji_Trapped]': string;
+    '[TUIEmoji_Mask]': string;
+    '[TUIEmoji_Fear]': string;
+    '[TUIEmoji_BareTeeth]': string;
+    '[TUIEmoji_FlareUp]': string;
+    '[TUIEmoji_Yawn]': string;
+    '[TUIEmoji_Tact]': string;
+    '[TUIEmoji_Stareyes]': string;
+    '[TUIEmoji_ShutUp]': string;
+    '[TUIEmoji_Sigh]': string;
+    '[TUIEmoji_Hehe]': string;
+    '[TUIEmoji_Silent]': string;
+    '[TUIEmoji_Surprised]': string;
+    '[TUIEmoji_Askance]': string;
+    '[TUIEmoji_Ok]': string;
+    '[TUIEmoji_Shit]': string;
+    '[TUIEmoji_Monster]': string;
+    '[TUIEmoji_Daemon]': string;
+    '[TUIEmoji_Rage]': string;
+    '[TUIEmoji_Fool]': string;
+    '[TUIEmoji_Pig]': string;
+    '[TUIEmoji_Cow]': string;
+    '[TUIEmoji_Ai]': string;
+    '[TUIEmoji_Skull]': string;
+    '[TUIEmoji_Bombs]': string;
+    '[TUIEmoji_Coffee]': string;
+    '[TUIEmoji_Cake]': string;
+    '[TUIEmoji_Beer]': string;
+    '[TUIEmoji_Flower]': string;
+    '[TUIEmoji_Watermelon]': string;
+    '[TUIEmoji_Rich]': string;
+    '[TUIEmoji_Heart]': string;
+    '[TUIEmoji_Moon]': string;
+    '[TUIEmoji_Sun]': string;
+    '[TUIEmoji_Star]': string;
+    '[TUIEmoji_RedPacket]': string;
+    '[TUIEmoji_Celebrate]': string;
+    '[TUIEmoji_Bless]': string;
+    '[TUIEmoji_Fortune]': string;
+    '[TUIEmoji_Convinced]': string;
+    '[TUIEmoji_Prohibit]': string;
+    '[TUIEmoji_666]': string;
+    '[TUIEmoji_857]': string;
+    '[TUIEmoji_Knife]': string;
+    '[TUIEmoji_Like]': string;
+};
+export { MessageList, CallMessage, Emoji, };

package/dist/components/MessageList/i18n/zh-CN.js

@@ -65,8 +65,72 @@ const e = {
   no_answer: "无应答",
   no_answer_from_recipient: "对方无应答",
   no_answer_timeout: "超时无应答"
+}, o = {
+  "[TUIEmoji_Smile]": "[微笑]",
+  "[TUIEmoji_Expect]": "[期待]",
+  "[TUIEmoji_Blink]": "[眨眼]",
+  "[TUIEmoji_Guffaw]": "[大笑]",
+  "[TUIEmoji_KindSmile]": "[姨母笑]",
+  "[TUIEmoji_Haha]": "[哈哈哈]",
+  "[TUIEmoji_Cheerful]": "[愉快]",
+  "[TUIEmoji_Speechless]": "[无语]",
+  "[TUIEmoji_Amazed]": "[惊讶]",
+  "[TUIEmoji_Sorrow]": "[悲伤]",
+  "[TUIEmoji_Complacent]": "[得意]",
+  "[TUIEmoji_Silly]": "[傻了]",
+  "[TUIEmoji_Lustful]": "[色]",
+  "[TUIEmoji_Giggle]": "[憨笑]",
+  "[TUIEmoji_Kiss]": "[亲亲]",
+  "[TUIEmoji_Wail]": "[大哭]",
+  "[TUIEmoji_TearsLaugh]": "[哭笑]",
+  "[TUIEmoji_Trapped]": "[困]",
+  "[TUIEmoji_Mask]": "[口罩]",
+  "[TUIEmoji_Fear]": "[恐惧]",
+  "[TUIEmoji_BareTeeth]": "[龇牙]",
+  "[TUIEmoji_FlareUp]": "[发怒]",
+  "[TUIEmoji_Yawn]": "[打哈欠]",
+  "[TUIEmoji_Tact]": "[机智]",
+  "[TUIEmoji_Stareyes]": "[星星眼]",
+  "[TUIEmoji_ShutUp]": "[闭嘴]",
+  "[TUIEmoji_Sigh]": "[叹气]",
+  "[TUIEmoji_Hehe]": "[呵呵]",
+  "[TUIEmoji_Silent]": "[收声]",
+  "[TUIEmoji_Surprised]": "[惊喜]",
+  "[TUIEmoji_Askance]": "[白眼]",
+  "[TUIEmoji_Ok]": "[OK]",
+  "[TUIEmoji_Shit]": "[便便]",
+  "[TUIEmoji_Monster]": "[怪兽]",
+  "[TUIEmoji_Daemon]": "[恶魔]",
+  "[TUIEmoji_Rage]": "[恶魔怒]",
+  "[TUIEmoji_Fool]": "[衰]",
+  "[TUIEmoji_Pig]": "[猪]",
+  "[TUIEmoji_Cow]": "[牛]",
+  "[TUIEmoji_Ai]": "[AI]",
+  "[TUIEmoji_Skull]": "[骷髅]",
+  "[TUIEmoji_Bombs]": "[炸弹]",
+  "[TUIEmoji_Coffee]": "[咖啡]",
+  "[TUIEmoji_Cake]": "[蛋糕]",
+  "[TUIEmoji_Beer]": "[啤酒]",
+  "[TUIEmoji_Flower]": "[花]",
+  "[TUIEmoji_Watermelon]": "[瓜]",
+  "[TUIEmoji_Rich]": "[壕]",
+  "[TUIEmoji_Heart]": "[爱心]",
+  "[TUIEmoji_Moon]": "[月亮]",
+  "[TUIEmoji_Sun]": "[太阳]",
+  "[TUIEmoji_Star]": "[星星]",
+  "[TUIEmoji_RedPacket]": "[红包]",
+  "[TUIEmoji_Celebrate]": "[庆祝]",
+  "[TUIEmoji_Bless]": "[福]",
+  "[TUIEmoji_Fortune]": "[发]",
+  "[TUIEmoji_Convinced]": "[服]",
+  "[TUIEmoji_Prohibit]": "[禁]",
+  "[TUIEmoji_666]": "[666]",
+  "[TUIEmoji_857]": "[857]",
+  "[TUIEmoji_Knife]": "[刀]",
+  "[TUIEmoji_Like]": "[赞]"
 };
 export {
   _ as CallMessage,
+  o as Emoji,
   e as MessageList
 };

package/dist/components/MicButton/index.js

@@ -1,35 +1,35 @@
 import { defineComponent as d, computed as p, createElementBlock as _, openBlock as i, createElementVNode as f, normalizeClass as v, unref as e, createVNode as h, createBlock as b, createCommentVNode as k } from "vue";
-import { IconUnSupport as C } from "@tencentcloud/uikit-base-component-vue3";
-import B from "./AudioIcon.js";
+import { IconUnSupport as x } from "@tencentcloud/uikit-base-component-vue3";
+import C from "./AudioIcon.js";
 import { useDeviceState as E } from "../../states/DeviceState/DeviceState.js";
-import { DeviceStatus as n, DeviceError as M } from "../../types/device.js";
-import { _ as x } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const A = { class: "mic-button-container" }, L = /* @__PURE__ */ d({
+import { DeviceStatus as r, DeviceError as A } from "../../types/device.js";
+import { _ as B } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const L = { class: "mic-button-container" }, M = /* @__PURE__ */ d({
   __name: "index",
   setup(N) {
     const {
-      currentMicVolume: r,
+      currentMicVolume: n,
       hasPublishAudioPermission: o,
       microphoneStatus: t,
       microphoneLastError: c,
       muteLocalAudio: a,
       openLocalMicrophone: s,
       unmuteLocalAudio: u
-    } = E(), m = p(() => t.value !== n.On);
+    } = E(), m = p(() => t.value !== r.On);
     async function l() {
-      o.value && (t.value === n.On ? await a() : (await s(), await u()));
+      o.value && (t.value === r.On ? await a() : (await s(), await u()));
     }
-    return (S, V) => (i(), _("div", A, [
+    return (S, V) => (i(), _("div", L, [
       f("div", {
         class: v(["mic-button", { disabled: !e(o) }]),
         onClick: l
       }, [
-        h(B, {
-          "audio-volume": e(r),
+        h(C, {
+          "audio-volume": e(n),
           "is-muted": m.value,
           "is-disabled": !e(o)
         }, null, 8, ["audio-volume", "is-muted", "is-disabled"]),
-        e(c) !== e(M).NoError ? (i(), b(e(C), {
+        e(c) !== e(A).NoError ? (i(), b(e(x), {
           key: 0,
           class: "unsupport-icon",
           size: "14"
@@ -37,7 +37,7 @@ const A = { class: "mic-button-container" }, L = /* @__PURE__ */ d({
       ], 2)
     ]));
   }
-}), P = /* @__PURE__ */ x(L, [["__scopeId", "data-v-944a3f62"]]);
+}), P = /* @__PURE__ */ B(M, [["__scopeId", "data-v-944a3f62"]]);
 export {
   P as MicButton
 };

package/dist/components/RoomParticipantList/ParticipantAction.js

@@ -0,0 +1,78 @@
+import { defineComponent as I, ref as M, computed as i, onUnmounted as P, createElementBlock as a, openBlock as n, Fragment as w, createBlock as k, createCommentVNode as r, createElementVNode as u, unref as t, withCtx as y, createTextVNode as h, toDisplayString as d, withModifiers as B, createVNode as C, withDirectives as U, normalizeClass as z, renderList as E, normalizeStyle as N, vShow as V } from "vue";
+import { useUIKit as b, TUIButton as m, IconArrowUp as S, TUIIcon as T } from "@tencentcloud/uikit-base-component-vue3";
+import { useParticipantAction as D } from "./useParticpantAction/index.js";
+import { _ as F } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const K = { class: "actions" }, O = { class: "dropdown-menu" }, j = ["onClick"], q = { class: "operate-text" }, G = /* @__PURE__ */ I({
+  name: "ParticipantAction",
+  __name: "ParticipantAction",
+  props: {
+    participant: {},
+    isLocal: { type: Boolean }
+  },
+  setup(L) {
+    const l = L, { t: g } = b(), o = M(!1), x = () => {
+      o.value = !o.value;
+    }, { controlList: s } = D({ targetParticipant: l.participant }), c = i(() => l.isLocal ? null : s.value[0]), p = i(() => l.isLocal ? s.value : s.value.slice(1)), A = i(() => p.value.length >= 1), v = () => {
+      o.value && (o.value = !1);
+    };
+    return typeof window < "u" && window.addEventListener("click", v), P(() => {
+      typeof window < "u" && window.removeEventListener("click", v);
+    }), (H, f) => {
+      var _;
+      return n(), a(w, null, [
+        c.value ? (n(), k(t(m), {
+          key: 0,
+          type: "primary",
+          onClick: (_ = c.value) == null ? void 0 : _.handler
+        }, {
+          default: y(() => {
+            var e;
+            return [
+              h(d((e = c.value) == null ? void 0 : e.label), 1)
+            ];
+          }),
+          _: 1
+        }, 8, ["onClick"])) : r("", !0),
+        u("div", K, [
+          A.value ? (n(), a("div", {
+            key: 0,
+            class: "more-actions",
+            onClick: f[0] || (f[0] = B(() => {
+            }, ["stop"]))
+          }, [
+            C(t(m), { onClick: x }, {
+              default: y(() => [
+                h(d(t(g)("ParticipantList.More")) + " ", 1),
+                C(t(S), {
+                  size: "12",
+                  class: z(["more-arrow", o.value ? "up" : "down"])
+                }, null, 8, ["class"])
+              ]),
+              _: 1
+            }),
+            U(u("div", O, [
+              (n(!0), a(w, null, E(p.value, (e) => (n(), a("div", {
+                key: e.key,
+                class: "menu-item",
+                style: N((e == null ? void 0 : e.style) || {}),
+                onClick: e.handler
+              }, [
+                e != null && e.icon ? (n(), k(t(T), {
+                  key: 0,
+                  icon: e == null ? void 0 : e.icon,
+                  size: "16"
+                }, null, 8, ["icon"])) : r("", !0),
+                u("span", q, d(e.label), 1)
+              ], 12, j))), 128))
+            ], 512), [
+              [V, o.value]
+            ])
+          ])) : r("", !0)
+        ])
+      ], 64);
+    };
+  }
+}), X = /* @__PURE__ */ F(G, [["__scopeId", "data-v-39ffb208"]]);
+export {
+  X as default
+};

package/dist/components/RoomParticipantList/ParticipantAction.vue.d.ts

@@ -0,0 +1,17 @@
+import { RoomParticipant } from '../../types/participant';
+
+interface Props {
+    participant: RoomParticipant;
+    isLocal: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/RoomParticipantList/ParticipantItem.js

@@ -0,0 +1,82 @@
+import { defineComponent as x, computed as r, ref as z, createElementBlock as u, openBlock as s, normalizeClass as l, createElementVNode as m, createCommentVNode as h, createVNode as B, unref as L, toDisplayString as M, createBlock as O, Fragment as D, renderList as E, resolveDynamicComponent as H, renderSlot as R } from "vue";
+import { useUIKit as U, IconScreenOpen as b, IconAudioOpen as g, IconAudioClose as w, IconVideoOpen as F, IconVideoClose as K, IconUser as j } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomParticipantState as q } from "../../states/RoomParticipantState/index.js";
+import G from "../Avatar/Avatar.js";
+import { RoomParticipantRole as k } from "../../types/participant.js";
+import { DeviceStatus as _ } from "../../types/device.js";
+import { _ as J } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const Q = { class: "user-info" }, T = { class: "user-name" }, W = { class: "role-info" }, X = {
+  key: 0,
+  class: "member-av-state"
+}, Y = {
+  key: 1,
+  class: "action-area"
+}, Z = /* @__PURE__ */ x({
+  name: "ParticipantItem",
+  __name: "ParticipantItem",
+  props: {
+    participant: {}
+  },
+  setup(d) {
+    const e = d, { localParticipant: y } = q(), { t: a } = U(), A = r(() => {
+      var t, n, i;
+      return ((t = e.participant) == null ? void 0 : t.nameCard) || ((n = e.participant) == null ? void 0 : n.userName) || ((i = e.participant) == null ? void 0 : i.userId);
+    }), v = r(() => {
+      var t;
+      return ((t = e.participant) == null ? void 0 : t.role) === k.Owner;
+    }), o = r(() => {
+      var t;
+      return ((t = e.participant) == null ? void 0 : t.role) === k.Admin;
+    }), f = r(() => {
+      var t;
+      return ((t = y.value) == null ? void 0 : t.userId) === e.participant.userId;
+    }), C = r(() => v.value && f.value ? `${a("ParticipantList.Host")}, ${a("ParticipantList.Me")}` : v.value ? a("ParticipantList.Host") : o.value && f.value ? `${a("ParticipantList.Admin")}, ${a("ParticipantList.Me")}` : o.value ? a("ParticipantList.Admin") : f.value ? a("ParticipantList.Me") : ""), c = z(!1), $ = () => {
+      c.value = !0;
+    }, N = () => {
+      c.value = !1;
+    }, V = r(() => {
+      var n, i, p, I, P, S;
+      const t = [];
+      return (n = e.participant) != null && n.screenShareStatus && ((i = e.participant) == null ? void 0 : i.screenShareStatus) === _.On && t.push({ icon: b }), t.push({
+        icon: (p = e.participant) != null && p.microphoneStatus && ((I = e.participant) == null ? void 0 : I.microphoneStatus) === _.On ? g : w
+      }), t.push({
+        icon: (P = e.participant) != null && P.cameraStatus && ((S = e.participant) == null ? void 0 : S.cameraStatus) === _.On ? F : K
+      }), t;
+    });
+    return (t, n) => (s(), u("div", {
+      class: l(["participant-item", { hovered: c.value }]),
+      onMouseenter: $,
+      onMouseleave: N
+    }, [
+      m("div", Q, [
+        B(L(G), {
+          src: d.participant.avatarUrl,
+          size: 40
+        }, null, 8, ["src"]),
+        m("span", T, M(A.value), 1),
+        m("div", W, [
+          v.value || o.value ? (s(), O(L(j), {
+            key: 0,
+            size: "20",
+            class: l(o.value ? "admin-icon" : "master-icon")
+          }, null, 8, ["class"])) : h("", !0),
+          m("div", {
+            class: l(`user-extra-info ${o.value ? "user-extra-info-admin" : ""}`)
+          }, M(C.value), 3)
+        ])
+      ]),
+      c.value ? h("", !0) : (s(), u("div", X, [
+        (s(!0), u(D, null, E(V.value, (i, p) => (s(), O(H(i.icon), {
+          key: p,
+          class: l(["state-icon"])
+        }))), 128))
+      ])),
+      c.value ? (s(), u("div", Y, [
+        R(t.$slots, "actions", { participant: d.participant }, void 0, !0)
+      ])) : h("", !0)
+    ], 34));
+  }
+}), ot = /* @__PURE__ */ J(Z, [["__scopeId", "data-v-d32ded0d"]]);
+export {
+  ot as default
+};

package/dist/components/RoomParticipantList/ParticipantItem.vue.d.ts

@@ -0,0 +1,27 @@
+import { RoomParticipant } from '../../types/participant';
+
+interface Props {
+    participant: RoomParticipant;
+}
+declare function __VLS_template(): {
+    actions?(_: {
+        participant: RoomParticipant;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/RoomParticipantList/PendingParticipantItem.js

@@ -0,0 +1,75 @@
+import { defineComponent as k, computed as L, ref as v, watch as N, createElementBlock as d, openBlock as i, normalizeClass as R, createElementVNode as f, createVNode as S, unref as o, toDisplayString as u, createCommentVNode as x, createBlock as M, withCtx as U, createTextVNode as j } from "vue";
+import { useUIKit as w, TUIButton as B, TUIToast as I } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomState as V } from "../../states/RoomState/index.js";
+import E from "../Avatar/Avatar.js";
+import { RoomParticipantStatus as _ } from "../../types/participant.js";
+import { _ as z } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const F = { class: "user-info" }, A = { class: "user-name" }, D = { class: "status-container" }, H = { key: 0 }, J = { key: 1 }, K = /* @__PURE__ */ k({
+  name: "ParticipantItem",
+  __name: "PendingParticipantItem",
+  props: {
+    userInfo: {}
+  },
+  setup(r) {
+    const c = r, { currentRoom: p, callUserToRoom: h } = V(), { t: s } = w(), P = L(() => {
+      var t, e;
+      return ((t = c.userInfo) == null ? void 0 : t.userName) || ((e = c.userInfo) == null ? void 0 : e.userId);
+    }), l = v(!1), n = v(!1);
+    let a = null;
+    N(
+      () => c.userInfo.roomStatus,
+      (t) => {
+        a && (clearTimeout(a), a = null), t === _.CallRejected ? (n.value = !0, a = setTimeout(() => {
+          n.value = !1, a = null;
+        }, 3e3)) : n.value = !1;
+      }
+    );
+    const y = () => {
+      l.value = !0;
+    }, C = () => {
+      l.value = !1;
+    };
+    async function g({ userId: t }) {
+      var e, m;
+      if ((e = p.value) != null && e.roomId)
+        try {
+          await h({
+            roomId: ((m = p.value) == null ? void 0 : m.roomId) || "",
+            userIdList: [t],
+            timeout: 60
+          }), I.success({ message: s("ParticipantList.InviteSuccess") });
+        } catch (T) {
+          I.error({ message: s("ParticipantList.InviteFailed") }), console.error("Failed to invite user to room:", T);
+        }
+    }
+    return (t, e) => (i(), d("div", {
+      class: R({ "unjoined-user-item": !0, hovered: l.value }),
+      onMouseenter: y,
+      onMouseleave: C
+    }, [
+      f("div", F, [
+        S(o(E), {
+          src: r.userInfo.avatarUrl,
+          size: 40
+        }, null, 8, ["src"]),
+        f("span", A, u(P.value), 1)
+      ]),
+      f("div", D, [
+        n.value ? (i(), d("span", H, u(o(s)("ParticipantList.NotJoin")), 1)) : x("", !0),
+        r.userInfo.roomStatus === o(_).InCalling ? (i(), d("span", J, u(o(s)("ParticipantList.Calling")), 1)) : (i(), M(o(B), {
+          key: 2,
+          type: "primary",
+          onClick: e[0] || (e[0] = (m) => g({ userId: r.userInfo.userId }))
+        }, {
+          default: U(() => [
+            j(u(o(s)("ParticipantList.Call")), 1)
+          ]),
+          _: 1
+        }))
+      ])
+    ], 34));
+  }
+}), W = /* @__PURE__ */ z(K, [["__scopeId", "data-v-f5a61062"]]);
+export {
+  W as default
+};

package/dist/components/RoomParticipantList/PendingParticipantItem.vue.d.ts

@@ -0,0 +1,16 @@
+import { RoomParticipant } from '../../types';
+
+interface Props {
+    userInfo: RoomParticipant;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};