tuikit-atomicx-vue3 4.4.0 → 4.5.0

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

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

@@ -0,0 +1,69 @@
+const e = {
+  ParticipantList: {
+    Members: "Members",
+    Search: "Search Member",
+    Joined: "Joined",
+    NotJoined: "Not Joined",
+    NoMember: "No members",
+    Call: "Call",
+    Calling: "Calling...",
+    CallAll: "Call all",
+    NotJoin: "Not join now",
+    Host: "Host",
+    Me: "Me",
+    Admin: "Admin",
+    More: "More",
+    Mute: "Mute",
+    Unmute: "Unmute",
+    DisableVideo: "Disable video",
+    EnableVideo: "Enable video",
+    EnableChat: "Enable chat",
+    DisableChat: "Disable chat",
+    SetAdmin: "Set as admin",
+    RemoveAdmin: "Remove admin",
+    ChangeName: "Change name",
+    TransferHost: "Transfer host",
+    KickOut: "Kick out",
+    InputUserName: "Please enter user name",
+    MuteAll: "Mute all",
+    UnmuteAll: "Unmute all",
+    MuteAllTip: "All current and new members will be muted",
+    UnmuteAllDesc: "Users will be able to turn on the microphone after unlocking",
+    MicDisabledTip: "Members will not be able to turn on the microphone",
+    AudioDisabled: "All audios muted",
+    AudioEnabled: "All audios unmuted",
+    DisableAllVideo: "Disable all videos",
+    EnableAllVideo: "Enable all videos",
+    DisableAllVideoTip: "All current and new members will be banned from using the camera",
+    EnableAllVideoDesc: "Users will be able to turn on the camera after unlocking",
+    CameraDisabledTip: "Members will not be able to turn on the camera",
+    VideoDisabled: "All videos disabled",
+    VideoEnabled: "All videos enabled",
+    AllCanShare: "All members can share screen",
+    HostAdminOnlyShare: "Screen sharing for host/admin only",
+    ConfirmHostAdminOnlyShare: "Enable screen sharing for host/admin only?",
+    TerminateOtherShare: "Another member is currently sharing the screen. Their sharing will be terminated if you enable this.",
+    Confirm: "Confirm",
+    Cancel: "Cancel",
+    Note: "Note",
+    ConfirmTransfer: "Confirm transfer",
+    InviteMicSent: "An invitation to turn on the microphone has been sent to {{ name }}",
+    InviteCameraSent: "An invitation to turn on the camera has been sent to {{ name }}",
+    SetAdminSuccess: "{{ name }} has been set as an administrator",
+    RemoveAdminSuccess: "The administrator status of {{ name }} has been withdrawn",
+    TransferHostTo: "Transfer room ownership to {{ name }}",
+    TransferHostSuccess: "Room ownership has been transferred to {{ name }}",
+    ConfirmKick: "Do you want to kick {{ name }} out of the room?",
+    NameChangeSuccess: "Name changed successfully",
+    DisableChatFailed: "Failed to disable chat",
+    TransferHostFailed: "Failed to transfer host. Please try again.",
+    ChangeNameFailed: "Failed to change name. Please try again.",
+    TransferHostWarning: "After transferring room ownership, you will become a general member",
+    NameMaxLength: "The user name cannot exceed 32 characters",
+    InviteSuccess: "Invitation sent successfully, waiting for member to join",
+    InviteFailed: "Failed to invite member"
+  }
+};
+export {
+  e as resource
+};

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

@@ -0,0 +1,2 @@
+export { resource as zhCNResource } from './zh-CN/index';
+export { resource as enUSResource } from './en-US/index';

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

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

package/dist/components/RoomParticipantList/i18n/zh-CN/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;
+    };
+};

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

@@ -0,0 +1,69 @@
+const e = {
+  ParticipantList: {
+    Members: "成员",
+    Search: "搜索成员",
+    Joined: "已进房",
+    NotJoined: "未进房",
+    NoMember: "暂无成员",
+    Call: "呼叫",
+    Calling: "呼叫中...",
+    CallAll: "呼叫全部",
+    NotJoin: "暂不入会",
+    Host: "房主",
+    Me: "我",
+    Admin: "管理员",
+    More: "更多",
+    Mute: "静音",
+    Unmute: "解除静音",
+    DisableVideo: "关闭视频",
+    EnableVideo: "请求开启视频",
+    EnableChat: "解除禁言",
+    DisableChat: "禁言",
+    SetAdmin: "设为管理员",
+    RemoveAdmin: "撤销管理员",
+    ChangeName: "修改名称",
+    TransferHost: "转交房主",
+    KickOut: "踢出房间",
+    InputUserName: "请输入用户名",
+    MuteAll: "全体静音",
+    UnmuteAll: "取消全体静音",
+    MuteAllTip: "所有及新加入的成员将被静音",
+    UnmuteAllDesc: "解除后用户可以自由开启麦克风",
+    MicDisabledTip: "成员将无法开启麦克风",
+    AudioDisabled: "已开启全体静音",
+    AudioEnabled: "已解除全体静音",
+    DisableAllVideo: "全体禁画",
+    EnableAllVideo: "取消全体禁画",
+    DisableAllVideoTip: "所有及新加入的成员将被禁止视频",
+    EnableAllVideoDesc: "解除后用户可以自由开启视频",
+    CameraDisabledTip: "成员将无法开启视频画面",
+    VideoDisabled: "已开启全体禁画",
+    VideoEnabled: "已解除全体禁画",
+    AllCanShare: "全体成员可共享屏幕",
+    HostAdminOnlyShare: "仅房主/管理员可共享屏幕",
+    ConfirmHostAdminOnlyShare: "是否开启仅房主/管理员可共享屏幕？",
+    TerminateOtherShare: "当前有成员正在共享屏幕, 开启后该成员的共享将会被终止",
+    Confirm: "确认",
+    Cancel: "取消",
+    Note: "通知",
+    ConfirmTransfer: "确认转交",
+    InviteMicSent: "已向{{ name }}发出开启麦克风邀请",
+    InviteCameraSent: "已向{{ name }}发出开启摄像头邀请",
+    SetAdminSuccess: "已将{{ name }}设为管理员",
+    RemoveAdminSuccess: "已将{{ name }}的管理员身份撤回",
+    TransferHostTo: "将房主转移给{{ name }}",
+    TransferHostSuccess: "已将房主转交给{{ name }}",
+    ConfirmKick: "是否将{{ name }}移出房间",
+    NameChangeSuccess: "名称修改成功",
+    DisableChatFailed: "禁言失败",
+    TransferHostFailed: "转交房主失败，请重试",
+    ChangeNameFailed: "修改名称失败，请重试",
+    TransferHostWarning: "转交房主后将成为普通成员",
+    NameMaxLength: "用户名称不能超过32个字节",
+    InviteSuccess: "邀请信息已发出，等待成员加入",
+    InviteFailed: "邀请成员失败"
+  }
+};
+export {
+  e as resource
+};

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

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

package/dist/components/RoomParticipantList/index.js

@@ -0,0 +1,171 @@
+import { addI18n as T } from "../../i18n/index.js";
+import { defineComponent as F, watch as H, ref as S, computed as w, createElementBlock as l, openBlock as i, createElementVNode as a, createCommentVNode as m, createVNode as x, withDirectives as J, unref as r, vModelText as M, normalizeClass as R, toDisplayString as c, Fragment as f, renderList as b, createBlock as I, withCtx as N, createTextVNode as K } from "vue";
+import { useUIKit as W, IconSearch as q, TUIButton as G } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomParticipantState as U } from "../../states/RoomParticipantState/index.js";
+import { useRoomState as Q } from "../../states/RoomState/index.js";
+import { combineComparators as X, createComparator as s } from "../../utils/compare.js";
+import Y from "./ParticipantAction.js";
+import Z from "./ParticipantItem.js";
+import ee from "./PendingParticipantItem.js";
+import te from "./RoomAction.js";
+import { RoomParticipantStatus as oe, RoomParticipantRole as O } from "../../types/participant.js";
+import { DeviceStatus as p } from "../../types/device.js";
+import { _ as ae } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import { resource as re } from "./i18n/en-US/index.js";
+import { resource as ie } from "./i18n/zh-CN/index.js";
+const ne = { class: "participant-list" }, se = { class: "search-container" }, le = { class: "search-box" }, ce = ["placeholder"], ue = { class: "tabs" }, de = { class: "title" }, me = { class: "title" }, pe = { class: "participant-container" }, ve = {
+  key: 0,
+  class: "empty-state"
+}, he = { class: "footer" }, _e = { class: "unjoined-user-container" }, fe = { class: "footer" }, Ie = /* @__PURE__ */ F({
+  __name: "index",
+  setup(Ce) {
+    const { pendingParticipantList: v } = U(), { t: u } = W(), {
+      currentRoom: h,
+      callUserToRoom: A
+    } = Q(), {
+      participantList: V,
+      localParticipant: P,
+      participantListCursor: y,
+      getParticipantList: z
+    } = U();
+    H(() => {
+      var e;
+      return (e = h.value) == null ? void 0 : e.roomId;
+    }, (e, t) => {
+      e && e !== t && y.value === "" && z({ cursor: y.value });
+    }, { immediate: !0 });
+    const _ = S(""), n = S("joined"), C = S(null), k = X(
+      s(
+        (e) => {
+          var t;
+          return e.userId === ((t = P.value) == null ? void 0 : t.userId);
+        }
+      ),
+      s(
+        (e) => e.role === O.Owner
+      ),
+      s(
+        (e) => e.role === O.Admin
+      ),
+      s((e) => e.screenShareStatus === p.On),
+      s(
+        (e) => e.cameraStatus === p.On && e.microphoneStatus === p.On
+      ),
+      s((e) => e.cameraStatus === p.On),
+      s((e) => e.microphoneStatus === p.On),
+      s((e) => e.roomStatus === oe.InCalling)
+    ), B = w(() => n.value === "joined" ? [...V.value].sort(k) : n.value === "unjoined" ? [...v.value].sort(k) : []), L = w(() => {
+      if (!_.value.trim())
+        return B.value;
+      const e = _.value.toLowerCase();
+      return B.value.filter(
+        (t) => t.userName.toLowerCase().includes(e) || t.nameCard.toLowerCase().includes(e) || t.userId.toLowerCase().includes(e)
+      );
+    }), D = (e) => {
+      C.value = e;
+    }, $ = () => {
+      C.value = null;
+    };
+    async function E() {
+      var t, d;
+      const e = v.value.map((o) => o.userId);
+      (t = h.value) != null && t.roomId && await A({
+        roomId: ((d = h.value) == null ? void 0 : d.roomId) || "",
+        userIdList: e,
+        timeout: 60
+      });
+    }
+    return (e, t) => {
+      var d;
+      return i(), l("div", ne, [
+        a("div", se, [
+          a("div", le, [
+            x(r(q), {
+              class: "search-icon",
+              size: "20"
+            }),
+            J(a("input", {
+              "onUpdate:modelValue": t[0] || (t[0] = (o) => _.value = o),
+              class: "search-input",
+              type: "text",
+              placeholder: r(u)("ParticipantList.Search")
+            }, null, 8, ce), [
+              [M, _.value]
+            ])
+          ])
+        ]),
+        a("div", ue, [
+          a("div", {
+            class: R(["tab", { active: n.value === "joined" }]),
+            onClick: t[1] || (t[1] = (o) => n.value = "joined")
+          }, [
+            a("span", de, c(r(u)("ParticipantList.Joined")) + "(" + c(((d = r(h)) == null ? void 0 : d.participantCount) || 0) + ")", 1)
+          ], 2),
+          a("div", {
+            class: R(["tab", { active: n.value === "unjoined" }]),
+            onClick: t[2] || (t[2] = (o) => n.value = "unjoined")
+          }, [
+            a("span", me, c(r(u)("ParticipantList.NotJoined")) + "(" + c(r(v).length) + ")", 1)
+          ], 2)
+        ]),
+        n.value === "joined" ? (i(), l(f, { key: 0 }, [
+          a("div", pe, [
+            L.value.length === 0 ? (i(), l("div", ve, c(r(u)("ParticipantList.NoMember")), 1)) : m("", !0),
+            (i(!0), l(f, null, b(L.value, (o) => {
+              var j;
+              return i(), I(Z, {
+                key: o.userId,
+                participant: o,
+                "is-local": o.userId === ((j = r(P)) == null ? void 0 : j.userId),
+                "is-hovered": C.value === o.userId,
+                onHover: D,
+                onLeave: $
+              }, {
+                actions: N(() => {
+                  var g;
+                  return [
+                    x(Y, {
+                      participant: o,
+                      "is-local": o.userId === ((g = r(P)) == null ? void 0 : g.userId)
+                    }, null, 8, ["participant", "is-local"])
+                  ];
+                }),
+                _: 2
+              }, 1032, ["participant", "is-local", "is-hovered"]);
+            }), 128))
+          ]),
+          a("div", he, [
+            n.value === "joined" ? (i(), I(te, { key: 0 })) : m("", !0)
+          ])
+        ], 64)) : m("", !0),
+        n.value === "unjoined" ? (i(), l(f, { key: 1 }, [
+          a("div", _e, [
+            (i(!0), l(f, null, b(L.value, (o) => (i(), I(ee, {
+              key: o.userId,
+              userInfo: o
+            }, null, 8, ["userInfo"]))), 128))
+          ]),
+          a("div", fe, [
+            r(v).length > 0 ? (i(), I(r(G), {
+              key: 0,
+              type: "primary",
+              style: { minWidth: "80%" },
+              onClick: E
+            }, {
+              default: N(() => [
+                K(c(r(u)("ParticipantList.CallAll")), 1)
+              ]),
+              _: 1
+            })) : m("", !0)
+          ])
+        ], 64)) : m("", !0)
+      ]);
+    };
+  }
+}), Pe = /* @__PURE__ */ ae(Ie, [["__scopeId", "data-v-b4266f2b"]]);
+T("en-US", { translation: re });
+T("zh-CN", { translation: ie });
+const Ae = Pe;
+export {
+  Ae as RoomParticipantList
+};

package/dist/components/RoomParticipantList/index.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/useParticpantAction/index.d.ts

@@ -0,0 +1,15 @@
+import { ComputedRef, CSSProperties } from 'vue';
+import { RoomParticipant } from '../../../types';
+import { TUIIcon } from '@tencentcloud/uikit-base-component-vue3';
+
+export declare function useParticipantAction({ targetParticipant }: {
+    targetParticipant: RoomParticipant;
+}): {
+    controlList: ComputedRef<{
+        key: string;
+        label: string;
+        handler: () => void;
+        icon?: typeof TUIIcon;
+        style?: CSSProperties;
+    }[]>;
+};

package/dist/components/RoomParticipantList/useParticpantAction/index.js

@@ -0,0 +1,71 @@
+import { computed as u } from "vue";
+import { useRoomParticipantState as w } from "../../../states/RoomParticipantState/index.js";
+import { useSetAdminAction as k, useRevokeAdminAction as L } from "./useAdminAction.js";
+import { useMuteAudioAction as R, useUnmuteAudioAction as S } from "./useAudioAction.js";
+import { useKickAction as U } from "./useKickAction.js";
+import { useMessageAction as V } from "./useMessageAction.js";
+import { useNameCardAction as T } from "./useNameCardAction/index.js";
+import { useTransferOwnerAction as G } from "./useTransferOwnerAction.js";
+import { useMuteVideoAction as M, useUnmuteVideoAction as C } from "./useVideoAction.js";
+import { RoomParticipantRole as s } from "../../../types/participant.js";
+import { DeviceStatus as r } from "../../../types/device.js";
+const {
+  localParticipant: c
+} = w();
+function F({ targetParticipant: e }) {
+  const l = u(() => {
+    if (!c.value)
+      return !1;
+    const o = c.value.role === s.Owner, n = c.value.role === s.Admin, O = e.role === s.GeneralUser;
+    return o || n && O;
+  }), i = u(() => {
+    var o;
+    return e.userId === ((o = c.value) == null ? void 0 : o.userId);
+  }), m = u(() => l.value && e.role !== s.Owner), t = u(() => {
+    var o;
+    return ((o = c.value) == null ? void 0 : o.role) === s.Owner && e.role !== s.Owner;
+  }), A = u(() => {
+    var o;
+    return ((o = c.value) == null ? void 0 : o.role) === s.Owner && !i.value && e.role === s.GeneralUser;
+  }), f = u(() => {
+    var o;
+    return ((o = c.value) == null ? void 0 : o.role) === s.Owner && !i.value && e.role === s.Admin;
+  }), v = T({ targetParticipant: e }), d = V({ targetParticipant: e }), a = U({ targetParticipant: e }), h = u(() => e.microphoneStatus === r.On), p = u(() => e.cameraStatus === r.On);
+  return {
+    controlList: u(() => {
+      const o = [];
+      if (l.value && !i.value) {
+        if (h.value) {
+          const n = R({ targetParticipant: e });
+          o.push(n);
+        } else {
+          const n = S({ targetParticipant: e });
+          o.push(n);
+        }
+        if (p.value) {
+          const n = M({ targetParticipant: e });
+          o.push(n);
+        } else {
+          const n = C({ targetParticipant: e });
+          o.push(n);
+        }
+      }
+      if (t.value) {
+        const n = G({ targetParticipant: e });
+        o.push(n);
+      }
+      if (A.value) {
+        const n = k({ targetParticipant: e });
+        o.push(n);
+      }
+      if (f.value) {
+        const n = L({ targetParticipant: e });
+        o.push(n);
+      }
+      return (l.value || i.value) && o.push(v), l.value && !i.value && o.push(d), m.value && o.push(a), o;
+    })
+  };
+}
+export {
+  F as useParticipantAction
+};

package/dist/components/RoomParticipantList/useParticpantAction/useAdminAction.d.ts

@@ -0,0 +1,19 @@
+import { Component } from 'vue';
+import { RoomParticipant } from '../../../types';
+
+export declare function useSetAdminAction({ targetParticipant }: {
+    targetParticipant: RoomParticipant;
+}): {
+    key: string;
+    icon: Component;
+    label: string;
+    handler: () => void;
+};
+export declare function useRevokeAdminAction({ targetParticipant }: {
+    targetParticipant: RoomParticipant;
+}): {
+    key: string;
+    icon: Component;
+    label: string;
+    handler: () => void;
+};