tuikit-atomicx-vue3 4.4.0 → 4.5.1

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/MessageList/index.d.ts

@@ -3,6 +3,10 @@ declare const Message: import('vue').DefineComponent<import('vue').ExtractPropTy
         type: import('vue').PropType<import('../..').MessageModel>;
         required: true;
     };
+    nick: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
     isLastInChunk: {
         type: import('vue').PropType<boolean>;
         default: undefined;
@@ -27,6 +31,10 @@ declare const Message: import('vue').DefineComponent<import('vue').ExtractPropTy
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
+    isHiddenMessageNick: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     isFirstInChunk: {
         type: import('vue').PropType<boolean>;
         default: undefined;
@@ -36,6 +44,10 @@ declare const Message: import('vue').DefineComponent<import('vue').ExtractPropTy
         type: import('vue').PropType<import('../..').MessageModel>;
         required: true;
     };
+    nick: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
     isLastInChunk: {
         type: import('vue').PropType<boolean>;
         default: undefined;
@@ -60,22 +72,28 @@ declare const Message: import('vue').DefineComponent<import('vue').ExtractPropTy
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
+    isHiddenMessageNick: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     isFirstInChunk: {
         type: import('vue').PropType<boolean>;
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    nick: string;
     isLastInChunk: boolean;
     messageActionList: import('../../hooks/useMessageActions').MessageAction[];
     alignment: "left" | "right" | "two-sided";
     isAggregated: boolean;
     isHiddenMessageAvatar: boolean;
     isHiddenMessageMeta: boolean;
+    isHiddenMessageNick: boolean;
     isFirstInChunk: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const MessageList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     filter: {
-        type: import('vue').PropType<(message: import('@tencentcloud/chat-uikit-engine').IMessageModel) => boolean>;
+        type: import('vue').PropType<(message: import('../..').MessageModel) => boolean>;
         default: undefined;
     };
     enableReadReceipt: {
@@ -104,7 +122,7 @@ declare const MessageList: import('vue').DefineComponent<import('vue').ExtractPr
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     filter: {
-        type: import('vue').PropType<(message: import('@tencentcloud/chat-uikit-engine').IMessageModel) => boolean>;
+        type: import('vue').PropType<(message: import('../..').MessageModel) => boolean>;
         default: undefined;
     };
     enableReadReceipt: {
@@ -132,7 +150,7 @@ declare const MessageList: import('vue').DefineComponent<import('vue').ExtractPr
         default: number;
     };
 }>> & Readonly<{}>, {
-    filter: (message: import('@tencentcloud/chat-uikit-engine').IMessageModel) => boolean;
+    filter: (message: import('../..').MessageModel) => boolean;
     enableReadReceipt: boolean;
     Message: import('vue').Component;
     MessageTimeDivider: import('vue').Component;

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

package/dist/components/RoomParticipantList/RoomAction.js

@@ -0,0 +1,89 @@
+import { defineComponent as I, computed as i, ref as C, onMounted as L, onUnmounted as B, createElementBlock as s, createCommentVNode as h, unref as e, openBlock as n, createVNode as r, createElementVNode as u, withCtx as d, createTextVNode as m, toDisplayString as a, withDirectives as R, normalizeClass as U, Fragment as V, renderList as b, createBlock as E, vShow as M } from "vue";
+import { useUIKit as N, TUIButton as p, IconArrowUp as T, TUIIcon as z } from "@tencentcloud/uikit-base-component-vue3";
+import D from "./useRoomAction/index.js";
+import { _ as O } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const S = {
+  key: 0,
+  class: "room-action-container"
+}, F = { class: "drop-down" }, K = ["onClick"], P = { class: "operate-text" }, j = /* @__PURE__ */ I({
+  __name: "RoomAction",
+  setup(q) {
+    const { t: w } = N(), { canOperate: g, roomActionList: c } = D(), v = i(() => c.value[0]), _ = i(() => c.value[1]), x = i(() => c.value.slice(2)), o = C(!1), l = C(null);
+    function A() {
+      o.value = !o.value;
+    }
+    const f = (k) => {
+      if (!o.value)
+        return;
+      const y = k.target;
+      l.value && !l.value.contains(y) && (o.value = !1);
+    };
+    return L(() => {
+      document.addEventListener("click", f);
+    }), B(() => {
+      document.removeEventListener("click", f);
+    }), (k, y) => e(g) ? (n(), s("div", S, [
+      r(e(p), {
+        type: "primary",
+        color: "gray",
+        style: { width: "112px" },
+        onClick: v.value.handler
+      }, {
+        default: d(() => [
+          m(a(v.value.label), 1)
+        ]),
+        _: 1
+      }, 8, ["onClick"]),
+      r(e(p), {
+        type: "primary",
+        color: "gray",
+        style: { width: "112px" },
+        onClick: _.value.handler
+      }, {
+        default: d(() => [
+          m(a(_.value.label), 1)
+        ]),
+        _: 1
+      }, 8, ["onClick"]),
+      u("div", {
+        ref_key: "moreContainerRef",
+        ref: l,
+        class: "more-container"
+      }, [
+        r(e(p), {
+          type: "primary",
+          color: "gray",
+          style: { width: "112px" },
+          onClick: A
+        }, {
+          default: d(() => [
+            m(a(e(w)("ParticipantList.More")) + " ", 1),
+            r(e(T), {
+              size: "12",
+              class: U(["more-arrow", o.value ? "down" : "up"])
+            }, null, 8, ["class"])
+          ]),
+          _: 1
+        }),
+        R(u("div", F, [
+          (n(!0), s(V, null, b(x.value, (t) => (n(), s("div", {
+            key: t.key,
+            class: "user-operate-item",
+            onClick: t.handler
+          }, [
+            t.icon ? (n(), E(e(z), {
+              key: 0,
+              icon: t.icon
+            }, null, 8, ["icon"])) : h("", !0),
+            u("span", P, a(t.label), 1)
+          ], 8, K))), 128))
+        ], 512), [
+          [M, o.value]
+        ])
+      ], 512)
+    ])) : h("", !0);
+  }
+}), W = /* @__PURE__ */ O(j, [["__scopeId", "data-v-98b1a22d"]]);
+export {
+  W as default
+};

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

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/RoomParticipantList/i18n/en-US/index.d.ts

@@ -0,0 +1,66 @@
+export declare const resource: {
+    ParticipantList: {
+        Members: string;
+        Search: string;
+        Joined: string;
+        NotJoined: string;
+        NoMember: string;
+        Call: string;
+        Calling: string;
+        CallAll: string;
+        NotJoin: string;
+        Host: string;
+        Me: string;
+        Admin: string;
+        More: string;
+        Mute: string;
+        Unmute: string;
+        DisableVideo: string;
+        EnableVideo: string;
+        EnableChat: string;
+        DisableChat: string;
+        SetAdmin: string;
+        RemoveAdmin: string;
+        ChangeName: string;
+        TransferHost: string;
+        KickOut: string;
+        InputUserName: string;
+        MuteAll: string;
+        UnmuteAll: string;
+        MuteAllTip: string;
+        UnmuteAllDesc: string;
+        MicDisabledTip: string;
+        AudioDisabled: string;
+        AudioEnabled: string;
+        DisableAllVideo: string;
+        EnableAllVideo: string;
+        DisableAllVideoTip: string;
+        EnableAllVideoDesc: string;
+        CameraDisabledTip: string;
+        VideoDisabled: string;
+        VideoEnabled: string;
+        AllCanShare: string;
+        HostAdminOnlyShare: string;
+        ConfirmHostAdminOnlyShare: string;
+        TerminateOtherShare: string;
+        Confirm: string;
+        Cancel: string;
+        Note: string;
+        ConfirmTransfer: string;
+        InviteMicSent: string;
+        InviteCameraSent: string;
+        SetAdminSuccess: string;
+        RemoveAdminSuccess: string;
+        TransferHostTo: string;
+        TransferHostSuccess: string;
+        ConfirmKick: string;
+        NameChangeSuccess: string;
+        DisableChatFailed: string;
+        TransferHostFailed: string;
+        ChangeNameFailed: string;
+        TransferHostWarning: string;
+        NameMaxLength: string;
+        InviteSuccess: string;
+        InviteFailed: string;
+    };
+};