tuikit-atomicx-vue3 4.4.0-beta.1 → 4.5.0

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

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

@@ -0,0 +1,36 @@
+import { computed as m } from "vue";
+import { useUIKit as d, IconSetAdmin as u, TUIToast as o, TOAST_TYPE as i, IconRevokeAdmin as r } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomParticipantState as t } from "../../../states/RoomParticipantState/index.js";
+const { t: n } = d(), { setAdmin: c, revokeAdmin: A } = t();
+function I({ targetParticipant: e }) {
+  const s = m(() => e.nameCard || e.userName || e.userId);
+  return {
+    key: "setAdmin",
+    icon: u,
+    label: n("ParticipantList.SetAdmin"),
+    handler: () => {
+      c({ userId: e.userId }), o({
+        type: i.SUCCESS,
+        message: n("ParticipantList.SetAdminSuccess", { name: s.value })
+      });
+    }
+  };
+}
+function p({ targetParticipant: e }) {
+  const s = m(() => e.nameCard || e.userName || e.userId);
+  return {
+    key: "revokeAdmin",
+    icon: r,
+    label: n("ParticipantList.RemoveAdmin"),
+    handler: () => {
+      A({ userId: e.userId }), o({
+        type: i.SUCCESS,
+        message: n("ParticipantList.RemoveAdminSuccess", { name: s.value })
+      });
+    }
+  };
+}
+export {
+  p as useRevokeAdminAction,
+  I as useSetAdminAction
+};

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

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

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

@@ -0,0 +1,42 @@
+import { computed as s } from "vue";
+import { useUIKit as r, IconAudioOpen as m, IconAudioClose as a, TUIToast as d } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomParticipantState as t } from "../../../states/RoomParticipantState/index.js";
+import { DeviceType as u } from "../../../types/device.js";
+const { t: n } = r();
+function f({ targetParticipant: e }) {
+  const { closeParticipantDevice: i } = t();
+  async function o() {
+    await i({
+      userId: e.userId,
+      deviceType: u.Microphone
+    });
+  }
+  return {
+    key: "muteAudio",
+    icon: m,
+    label: n("ParticipantList.Mute"),
+    handler: o
+  };
+}
+function v({ targetParticipant: e }) {
+  const { inviteToOpenDevice: i } = t(), o = s(() => e.nameCard || e.userName || e.userId);
+  async function c() {
+    await i({
+      userId: e.userId,
+      device: u.Microphone,
+      timeout: 30
+    }), d.info({
+      message: `${n("ParticipantList.InviteMicSent", { name: o.value })}`
+    });
+  }
+  return {
+    key: "unmuteAudio",
+    icon: a,
+    label: n("ParticipantList.Unmute"),
+    handler: c
+  };
+}
+export {
+  f as useMuteAudioAction,
+  v as useUnmuteAudioAction
+};

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

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

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

@@ -0,0 +1,34 @@
+import { computed as e, reactive as a, markRaw as r } from "vue";
+import { useUIKit as s, IconKickOut as m, TUIMessageBox as k } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomParticipantState as u } from "../../../states/RoomParticipantState/index.js";
+const { t: i } = s(), { kickParticipant: l } = u();
+function y({ targetParticipant: c }) {
+  const t = e(() => c.nameCard || c.userName || c.userId);
+  async function n() {
+    k.confirm({
+      title: i("ParticipantList.Note"),
+      content: i("ParticipantList.ConfirmKick", {
+        name: t.value
+      }),
+      confirmText: i("ParticipantList.Confirm"),
+      cancelText: i("ParticipantList.Cancel"),
+      callback: async (o) => {
+        o === "confirm" && await l({
+          userId: c.userId
+        });
+      }
+    });
+  }
+  return a({
+    key: "kick",
+    icon: r(m),
+    label: i("ParticipantList.KickOut"),
+    style: {
+      color: "#FF0000"
+    },
+    handler: n
+  });
+}
+export {
+  y as useKickAction
+};

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

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

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

@@ -0,0 +1,31 @@
+import { reactive as i, computed as o, markRaw as r } from "vue";
+import { useUIKit as n, IconChatForbidden as c, TUIToast as l, TOAST_TYPE as m } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomParticipantState as u } from "../../../states/RoomParticipantState/index.js";
+const { t: a } = n(), { muteParticipantMessage: d } = u();
+function I({ targetParticipant: t }) {
+  async function e() {
+    const { isMessageDisabled: s } = t;
+    try {
+      await d({
+        userId: t.userId,
+        mute: !s
+      });
+    } catch {
+      l({
+        type: m.ERROR,
+        message: a("ParticipantList.DisableChatFailed")
+      });
+    }
+  }
+  return i({
+    key: "chatAction",
+    icon: r(c),
+    label: o(
+      () => t.isMessageDisabled ? a("ParticipantList.EnableChat") : a("ParticipantList.DisableChat")
+    ),
+    handler: e
+  });
+}
+export {
+  I as useMessageAction
+};

package/dist/components/RoomParticipantList/useParticpantAction/useNameCardAction/changeNameCardDialog.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../../../changeNameCardDialog.vue_vue_type_script_setup_true_lang-a4FmKskP.js";
+export {
+  f as default
+};

package/dist/components/RoomParticipantList/useParticpantAction/useNameCardAction/changeNameCardDialog.vue.d.ts

@@ -0,0 +1,17 @@
+import { RoomParticipant } from '../../../../types';
+
+interface Props {
+    userInfo: RoomParticipant;
+    confirmFunction: (name: string) => void;
+}
+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/useParticpantAction/useNameCardAction/index.d.ts

@@ -0,0 +1,11 @@
+import { RoomParticipant } from '../../../../types';
+
+export declare function calculateByteLength(str: string): number;
+export declare function useNameCardAction({ targetParticipant }: {
+    targetParticipant: RoomParticipant;
+}): {
+    key: string;
+    icon: any;
+    label: any;
+    handler: () => void;
+};